@parallelworks/tandem-web 0.139.0 → 0.139.2

package/routes/_workspace/areas/_area2.js

@@ -1,40 +1,40 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
-import { Link as n, useNavigate as r } from "../../../lib/router.js";
-import { areaThreadQuery as i, areasQuery as a, countsQuery as o, teamsQuery as s } from "../../../api/queries.js";
+import { usePageTitle as n } from "../../../lib/pageTitle.js";
+import { Link as r, useNavigate as i } from "../../../lib/router.js";
+import { areaThreadQuery as a, areasQuery as ee, countsQuery as o, teamsQuery as s } from "../../../api/queries.js";
 import { Route as c } from "./_area.js";
-import { AddIcon as l, ChevronRightIcon as u, FileTextIcon as ee } from "../../../components/icons.js";
-import { docRef as d } from "../../../lib/docs.js";
-import { useNewIssue as f } from "../../../lib/newIssue.js";
-import { usePageTitle as p } from "../../../lib/pageTitle.js";
-import { Editor as m } from "../../../components/Editor.js";
-import { useShortcuts as te } from "../../../lib/shortcuts.js";
-import { DecisionCard as h } from "../../../components/AgentWork.js";
-import { FoldedAnswer as ne, KnowledgeRow as re } from "../../../components/AreaWork.js";
-import { WorkCounts as ie } from "../../../components/WorkCounts.js";
-import { Button as g, CountBadge as _, Kbd as v } from "@parallelworks/ui";
-import { useEffect as y, useState as ae } from "react";
-import { useLocale as oe, useTranslations as b } from "use-intl";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useMutation as C, useQuery as w, useQueryClient as T, useSuspenseQuery as E } from "@tanstack/react-query";
+import { AddIcon as l, ChevronRightIcon as u, FileTextIcon as te } from "../../../components/icons.js";
+import { docRef as ne } from "../../../lib/docs.js";
+import { useNewIssue as re } from "../../../lib/newIssue.js";
+import { Editor as ie } from "../../../components/Editor.js";
+import { useShortcuts as ae } from "../../../lib/shortcuts.js";
+import { DecisionCard as d } from "../../../components/AgentWork.js";
+import { FoldedAnswer as f, KnowledgeRow as p } from "../../../components/AreaWork.js";
+import { WorkCounts as m } from "../../../components/WorkCounts.js";
+import { Button as h, CountBadge as g, Kbd as _ } from "@parallelworks/ui";
+import { useEffect as v, useState as y } from "react";
+import { useLocale as b, useTranslations as x } from "use-intl";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useMutation as oe, useQuery as w, useQueryClient as se, useSuspenseQuery as T } from "@tanstack/react-query";
 // src/routes/$workspace/areas/$area.tsx?tsr-split=component
-function D() {
+function E() {
 	let { workspace: e, area: t } = c.useParams();
-	return E(i(e, t)).data;
+	return T(a(e, t)).data;
 }
-function O() {
-	let e = D();
-	return /* @__PURE__ */ x(k, { thread: e }, e.area.id);
+function D() {
+	let e = E();
+	return /* @__PURE__ */ S(k, { thread: e }, e.area.id);
 }
-var se = (...e) => e.filter(Boolean).join(" ");
-function k({ thread: i }) {
-	let v = b("areaPage"), D = oe(), { workspace: O, area: k } = c.useParams(), { decision: M } = c.useSearch(), N = r(), P = T(), { data: F } = E(o(O)), { data: I = [] } = w(a(O)), { data: L = [] } = w(s(O)), R = f(), { area: z, open: B, answered: V, knowledge: H, siblings: U, summary: W } = i;
-	p(z.title);
-	let [G] = ae(() => i.lastVisitedAt ? Date.parse(i.lastVisitedAt) : null), K = (e) => !!e && G !== null && Date.parse(e) > G;
-	y(() => {
+var O = (...e) => e.filter(Boolean).join(" ");
+function k({ thread: a }) {
+	let _ = x("areaPage"), E = b(), { workspace: D, area: k } = c.useParams(), { decision: M } = c.useSearch(), N = i(), P = se(), { data: F } = T(o(D)), { data: I = [] } = w(ee(D)), { data: L = [] } = w(s(D)), R = re(), { area: z, open: B, answered: V, knowledge: H, siblings: U, summary: W } = a;
+	n(z.title);
+	let [G] = y(() => a.lastVisitedAt ? Date.parse(a.lastVisitedAt) : null), K = (e) => !!e && G !== null && Date.parse(e) > G;
+	v(() => {
 		k.toLowerCase() !== z.key && N({
 			to: "/$workspace/areas/$area",
 			params: {
-				workspace: O,
+				workspace: D,
 				area: z.key
 			},
 			search: (e) => e,
@@ -43,35 +43,35 @@ function k({ thread: i }) {
 	}, [
 		k,
 		z.key,
-		O,
+		D,
 		N
-	]), y(() => {
+	]), v(() => {
 		e.POST("/api/v1/workspaces/{workspace}/areas/{area}/visit", { params: { path: {
-			workspace: O,
+			workspace: D,
 			area: z.key
 		} } });
-	}, [O, z.key]);
+	}, [D, z.key]);
 	let q = B.find((e) => e.identifier.toLowerCase() === M?.toLowerCase() || e.id === M), J = q?.id;
-	y(() => {
+	v(() => {
 		J && document.getElementById(`decision-${J}`)?.scrollIntoView({ block: "center" });
 	}, [J]);
-	let Y = C({
+	let Y = oe({
 		mutationFn: async ({ decision: n, optionId: r }) => t(await e.POST("/api/v1/workspaces/{workspace}/decisions/{decisionId}/answer", {
 			params: { path: {
-				workspace: O,
+				workspace: D,
 				decisionId: n.id
 			} },
 			body: { optionId: r }
 		})),
 		onSettled: () => P.invalidateQueries({ queryKey: [
 			"workspace",
-			O,
+			D,
 			"decisions"
 		] })
 	}), ce = (e) => N({
 		to: "/$workspace/areas/$area",
 		params: {
-			workspace: O,
+			workspace: D,
 			area: z.key
 		},
 		search: e ? { decision: e.identifier.toLowerCase() } : {},
@@ -81,7 +81,7 @@ function k({ thread: i }) {
 		t && N({
 			to: "/$workspace/areas/$area",
 			params: {
-				workspace: O,
+				workspace: D,
 				area: t.key
 			}
 		});
@@ -103,48 +103,48 @@ function k({ thread: i }) {
 			optionId: t.id
 		});
 	};
-	te(Z);
+	ae(Z);
 	let Q = L.find((e) => e.id === z.teamId), $ = [];
 	for (let e = I.find((e) => e.id === z.parentId); e; e = I.find((t) => t.id === e?.parentId)) $.unshift(e);
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "flex h-full flex-col",
 		children: [
-			/* @__PURE__ */ S("header", {
+			/* @__PURE__ */ C("header", {
 				className: "flex h-12 shrink-0 items-center gap-1.5 border-b border-border px-4 text-sm md:px-5",
 				children: [
-					/* @__PURE__ */ x(n, {
+					/* @__PURE__ */ S(r, {
 						to: "/$workspace/areas",
-						params: { workspace: O },
+						params: { workspace: D },
 						className: "text-muted-foreground hover:text-foreground",
-						children: v("areas")
+						children: _("areas")
 					}),
-					$.map((e) => /* @__PURE__ */ S("span", {
+					$.map((e) => /* @__PURE__ */ C("span", {
 						className: "flex min-w-0 items-center gap-1.5 max-sm:hidden",
-						children: [/* @__PURE__ */ x(u, { className: "size-3 shrink-0 text-muted-foreground" }), /* @__PURE__ */ x(n, {
+						children: [/* @__PURE__ */ S(u, { className: "size-3 shrink-0 text-muted-foreground" }), /* @__PURE__ */ S(r, {
 							to: "/$workspace/areas/$area",
 							params: {
-								workspace: O,
+								workspace: D,
 								area: e.key
 							},
 							className: "truncate text-muted-foreground hover:text-foreground",
 							children: e.title
 						})]
 					}, e.key)),
-					/* @__PURE__ */ x(u, { className: "size-3 shrink-0 text-muted-foreground" }),
-					/* @__PURE__ */ x("h1", {
+					/* @__PURE__ */ S(u, { className: "size-3 shrink-0 text-muted-foreground" }),
+					/* @__PURE__ */ S("h1", {
 						className: "truncate font-medium",
 						children: z.title
 					}),
-					/* @__PURE__ */ x("span", {
+					/* @__PURE__ */ S("span", {
 						className: "shrink-0 font-mono text-xs text-muted-foreground",
 						children: z.key
 					}),
-					/* @__PURE__ */ x(ie, {
+					/* @__PURE__ */ S(m, {
 						counts: F.areas[z.id],
 						teamId: z.teamId,
 						className: "ml-auto max-sm:hidden"
 					}),
-					/* @__PURE__ */ S(g, {
+					/* @__PURE__ */ C(h, {
 						type: "button",
 						size: "sm",
 						onClick: () => R({
@@ -153,139 +153,139 @@ function k({ thread: i }) {
 							origin: { area: z.key }
 						}),
 						className: "max-sm:ml-auto",
-						children: [/* @__PURE__ */ x(l, { className: "size-3.5" }), v("newIssue")]
+						children: [/* @__PURE__ */ S(l, { className: "size-3.5" }), _("newIssue")]
 					})
 				]
 			}),
-			U.length > 1 && /* @__PURE__ */ x("nav", {
-				"aria-label": v("siblings"),
+			U.length > 1 && /* @__PURE__ */ S("nav", {
+				"aria-label": _("siblings"),
 				className: "flex shrink-0 gap-1 overflow-x-auto border-b border-border px-4 py-1.5 md:px-5",
 				children: U.map((e) => {
 					let t = F.areas[e.id]?.decisions ?? 0;
-					return /* @__PURE__ */ S(n, {
+					return /* @__PURE__ */ C(r, {
 						to: "/$workspace/areas/$area",
 						params: {
-							workspace: O,
+							workspace: D,
 							area: e.key
 						},
 						"aria-current": e.id === z.id ? "page" : void 0,
 						className: "flex h-7 shrink-0 items-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground hover:bg-muted hover:text-foreground aria-[current=page]:bg-muted aria-[current=page]:font-medium aria-[current=page]:text-foreground",
-						children: [e.title, /* @__PURE__ */ x(_, {
+						children: [e.title, /* @__PURE__ */ S(g, {
 							count: t,
 							emphasis: "soft",
 							size: "sm",
-							locale: D,
-							label: v("waitingCount"),
+							locale: E,
+							label: _("waitingCount"),
 							className: "border-transparent! bg-agent-soft! text-agent!"
 						})]
 					}, e.id);
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "min-h-0 flex-1 overflow-y-auto",
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ C("div", {
 					className: "mx-auto max-w-3xl space-y-8 px-4 py-6 md:px-6",
 					children: [
-						z.redirectedFrom && /* @__PURE__ */ x("p", {
+						z.redirectedFrom && /* @__PURE__ */ S("p", {
 							className: "text-xs text-muted-foreground",
-							children: v("mergedFrom", { key: z.redirectedFrom })
+							children: _("mergedFrom", { key: z.redirectedFrom })
 						}),
-						z.homeDoc && /* @__PURE__ */ S("section", {
-							"aria-label": v("about"),
-							children: [W && /* @__PURE__ */ x(m, {
+						z.homeDoc && /* @__PURE__ */ C("section", {
+							"aria-label": _("about"),
+							children: [W && /* @__PURE__ */ S(ie, {
 								value: W,
 								editable: !1
-							}), /* @__PURE__ */ S(n, {
+							}), /* @__PURE__ */ C(r, {
 								to: "/$workspace/docs/$doc",
 								params: {
-									workspace: O,
-									doc: d(z.homeDoc)
+									workspace: D,
+									doc: ne(z.homeDoc)
 								},
 								className: "mt-1 inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground",
-								children: [/* @__PURE__ */ x(ee, { className: "size-3.5" }), v("readDoc", { title: z.homeDoc.title })]
+								children: [/* @__PURE__ */ S(te, { className: "size-3.5" }), _("readDoc", { title: z.homeDoc.title })]
 							})]
 						}),
-						/* @__PURE__ */ S("section", {
-							"aria-label": v("toDecide"),
+						/* @__PURE__ */ C("section", {
+							"aria-label": _("toDecide"),
 							className: "space-y-3",
-							children: [/* @__PURE__ */ S("h2", {
+							children: [/* @__PURE__ */ C("h2", {
 								className: "text-sm font-semibold",
 								children: [
-									v("toDecide"),
+									_("toDecide"),
 									" ",
-									/* @__PURE__ */ x("span", {
+									/* @__PURE__ */ S("span", {
 										className: "font-normal text-muted-foreground",
 										children: B.length
 									})
 								]
-							}), B.length === 0 ? /* @__PURE__ */ x("p", {
+							}), B.length === 0 ? /* @__PURE__ */ S("p", {
 								className: "text-sm text-muted-foreground",
-								children: v("nothingToDecide")
-							}) : B.map((e) => /* @__PURE__ */ S("div", {
+								children: _("nothingToDecide")
+							}) : B.map((e) => /* @__PURE__ */ C("div", {
 								id: `decision-${e.id}`,
-								className: se("relative scroll-mt-4 rounded-lg", e.id === q?.id && "ring-2 ring-primary/50"),
-								children: [K(e.createdAt) && /* @__PURE__ */ x(A, {}), /* @__PURE__ */ x(h, {
-									workspace: O,
+								className: O("relative scroll-mt-4 rounded-lg", e.id === q?.id && "ring-2 ring-primary/50"),
+								children: [K(e.createdAt) && /* @__PURE__ */ S(A, {}), /* @__PURE__ */ S(d, {
+									workspace: D,
 									decision: e,
 									showIssue: !0
 								})]
 							}, e.id))]
 						}),
-						H.length > 0 && /* @__PURE__ */ S("section", {
-							"aria-label": v("knowledge"),
-							children: [/* @__PURE__ */ x("h2", {
+						H.length > 0 && /* @__PURE__ */ C("section", {
+							"aria-label": _("knowledge"),
+							children: [/* @__PURE__ */ S("h2", {
 								className: "text-sm font-semibold",
-								children: v("knowledge")
-							}), /* @__PURE__ */ x("ul", {
+								children: _("knowledge")
+							}), /* @__PURE__ */ S("ul", {
 								className: "mt-2 divide-y divide-border rounded-lg border border-border",
-								children: H.map((e) => /* @__PURE__ */ x(re, {
-									workspace: O,
+								children: H.map((e) => /* @__PURE__ */ S(p, {
+									workspace: D,
 									entry: e,
 									isNew: K(e.createdAt)
 								}, e.id))
 							})]
 						}),
-						V.length > 0 && /* @__PURE__ */ S("section", {
-							"aria-label": v("decided"),
-							children: [/* @__PURE__ */ x("h2", {
+						V.length > 0 && /* @__PURE__ */ C("section", {
+							"aria-label": _("decided"),
+							children: [/* @__PURE__ */ S("h2", {
 								className: "text-sm font-semibold",
-								children: v("decided")
-							}), /* @__PURE__ */ x("ul", {
+								children: _("decided")
+							}), /* @__PURE__ */ S("ul", {
 								className: "mt-2 divide-y divide-border rounded-lg border border-border",
-								children: V.map((e) => /* @__PURE__ */ x(ne, {
-									workspace: O,
+								children: V.map((e) => /* @__PURE__ */ S(f, {
+									workspace: D,
 									decision: e,
 									isNew: K(e.answer?.at),
-									notInDocs: i.notInDocs.includes(e.id)
+									notInDocs: a.notInDocs.includes(e.id)
 								}, e.id))
 							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ x(j, { deciding: B.length > 0 })
+			/* @__PURE__ */ S(j, { deciding: B.length > 0 })
 		]
 	});
 }
 function A() {
-	let e = b("areaPage");
-	return /* @__PURE__ */ x("span", {
+	let e = x("areaPage");
+	return /* @__PURE__ */ S("span", {
 		className: "absolute -top-2 right-3 z-10 rounded bg-primary px-1.5 py-0.5 text-[10px] font-medium text-primary-foreground",
 		children: e("new")
 	});
 }
 function j({ deciding: e }) {
-	let t = b("areaPage"), n = [[["[", "]"], t("keys.move")], ...e ? [
+	let t = x("areaPage"), n = [[["[", "]"], t("keys.move")], ...e ? [
 		[["N"], t("keys.next")],
 		[["1–9"], t("keys.choose")],
 		[["E"], t("keys.note")]
 	] : []];
-	return /* @__PURE__ */ x("footer", {
+	return /* @__PURE__ */ S("footer", {
 		className: "flex shrink-0 items-center gap-4 border-t border-border px-4 py-1.5 text-xs text-muted-foreground max-md:hidden md:px-5",
-		children: n.map(([e, t]) => /* @__PURE__ */ S("span", {
+		children: n.map(([e, t]) => /* @__PURE__ */ C("span", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ x(v, { keys: e }), t]
+			children: [/* @__PURE__ */ S(_, { keys: e }), t]
 		}, t))
 	});
 }
-export { O as component };
+export { D as component };