@parallelworks/tandem-web 0.138.2 → 0.139.0

package/components/AgentWork.js

@@ -4,13 +4,13 @@ import { Link as r, useNavigate as i } from "../lib/router.js";
 import { agentsQuery as a, attachmentsQuery as o, issueDecisionsQuery as s, pullRequestsQuery as c, runActivityQuery as l, runReadsQuery as u, runsQuery as d } from "../api/queries.js";
 import { AreaIcon as f, FileTextIcon as p, LibraryIcon as m, PullRequestIcon as ee } from "./icons.js";
 import { copyItem as h, useLinkItems as g } from "../lib/menus.js";
-import { EntryDialog as _, useTermRefs as v } from "../lib/knowledge.js";
+import { docRef as _ } from "../lib/docs.js";
+import { invalidateIssueViews as v } from "../api/mutations.js";
 import { useTime as y } from "../lib/time.js";
-import { docRef as b } from "../lib/docs.js";
-import { invalidateIssueViews as x } from "../api/mutations.js";
-import { usePeople as S } from "../lib/people.js";
-import { useNewIssue as C } from "../lib/newIssue.js";
-import { useRunPanel as w } from "../lib/hostPanel.js";
+import { usePeople as b } from "../lib/people.js";
+import { useNewIssue as x } from "../lib/newIssue.js";
+import { useRunPanel as S } from "../lib/hostPanel.js";
+import { EntryDialog as C, useTermRefs as w } from "../lib/knowledge.js";
 import { externalUrl as T } from "../lib/externalUrl.js";
 import { Editor as E } from "./Editor.js";
 import { harnessNames as D } from "../lib/agents.js";
@@ -19,17 +19,17 @@ import { parseApproval as ne } from "../lib/approval.js";
 import { decisionDefaults as O } from "../lib/decisionEntry.js";
 import { AgentPage as k } from "./AgentPage.js";
 import { Avatar as re, Button as A, Card as ie, CopyCodeBlock as j, Disclosure as M, ErrorText as ae, NumberInput as N, RelativeTime as P, Tooltip as F, menuDivider as oe, useOpenMenu as se } from "@parallelworks/ui";
-import { Suspense as I, useCallback as ce, useEffect as L, useRef as R, useState as z } from "react";
-import { useErrorMessage as le } from "@parallelworks/problem/react";
-import { useFormatter as ue, useTranslations as B } from "use-intl";
+import { useParams as I } from "@tanstack/react-router";
+import { Suspense as ce, useCallback as L, useEffect as le, useRef as R, useState as z } from "react";
+import { useErrorMessage as ue } from "@parallelworks/problem/react";
+import { useFormatter as de, useTranslations as B } from "use-intl";
 import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { useParams as de } from "@tanstack/react-router";
 import { useMutation as fe, useQuery as W, useQueryClient as pe, useSuspenseQuery as G } from "@tanstack/react-query";
 import { MoreButton as me } from "@parallelworks/ui/list";
 // src/components/AgentWork.tsx
 var he = "var(--agent-tone)";
 function ge() {
-	let e = ue();
+	let e = de();
 	return (t) => e.number(t / 1e6, {
 		style: "currency",
 		currency: "USD"
@@ -58,8 +58,8 @@ function _e({ workspace: e, identifier: t }) {
 	});
 }
 function ve({ workspace: n, identifier: r, run: o }) {
-	let s = B("agentWork"), l = B("common"), u = le(), f = te(), p = y(), m = ge(), g = (e) => s(`state.${e}`), { nameOf: _ } = S(n), v = pe(), [b, C] = z(o.state === "working"), ne = () => {
-		v.invalidateQueries({ queryKey: d(n, r).queryKey }), x(v, n, r);
+	let s = B("agentWork"), l = B("common"), u = ue(), f = te(), p = y(), m = ge(), g = (e) => s(`state.${e}`), { nameOf: _ } = b(n), x = pe(), [C, w] = z(o.state === "working"), ne = () => {
+		x.invalidateQueries({ queryKey: d(n, r).queryKey }), v(x, n, r);
 	}, O = fe({
 		mutationFn: async (r) => t(await e.POST("/api/v1/workspaces/{workspace}/runs/{runId}/move", {
 			params: { path: {
@@ -90,7 +90,7 @@ function ve({ workspace: n, identifier: r, run: o }) {
 			j(!1), N("");
 		},
 		onSettled: ne
-	}), F = O.isPending || P.isPending, I = xe(o), [ce, L] = z(!1), R = () => I ? L(!0) : O.mutate({ state: "queued" }), ue = I && {
+	}), F = O.isPending || P.isPending, I = xe(o), [ce, L] = z(!1), le = () => I ? L(!0) : O.mutate({ state: "queued" }), R = I && {
 		turns: {
 			used: o.turns,
 			allowed: o.budget.maxTurns
@@ -103,7 +103,7 @@ function ve({ workspace: n, identifier: r, run: o }) {
 			used: m(o.costMicros),
 			allowed: m(o.budget.maxCostMicros)
 		}
-	}[I], de = !["closed", "stopped"].includes(o.state), G = o.state === "done_pending_verification", _e = se(), ve = i(), { data: be = [] } = W(a(n)), q = be.find((e) => e.id === o.agentId), { data: we = [] } = W(c(n, r)), J = we.find((e) => e.runId === o.id), Te = B("code"), Y = q?.slug, X = w(), Z = X && (o.harnessSession || o.runnerName) ? {
+	}[I], de = !["closed", "stopped"].includes(o.state), G = o.state === "done_pending_verification", _e = se(), ve = i(), { data: be = [] } = W(a(n)), q = be.find((e) => e.id === o.agentId), { data: we = [] } = W(c(n, r)), J = we.find((e) => e.runId === o.id), Te = B("code"), Y = q?.slug, X = S(), Z = X && (o.harnessSession || o.runnerName) ? {
 		label: s("openRunIn", { name: X.action.label }),
 		onClick: () => X.open(o)
 	} : void 0, Q = () => [
@@ -117,7 +117,7 @@ function ve({ workspace: n, identifier: r, run: o }) {
 		}] : [],
 		...o.state === "stopped" || o.state === "blocked_external" ? [{
 			label: s("resume"),
-			onClick: () => R()
+			onClick: () => le()
 		}] : [],
 		...de ? [{
 			label: s("stop"),
@@ -238,9 +238,9 @@ function ve({ workspace: n, identifier: r, run: o }) {
 					asked: f(o.agentPermissionMode)
 				})
 			}),
-			o.state === "stopped" && I && ue ? /* @__PURE__ */ H("p", {
+			o.state === "stopped" && I && R ? /* @__PURE__ */ H("p", {
 				className: "px-3 pt-1.5 text-pretty",
-				children: s(`spent.${I}`, ue)
+				children: s(`spent.${I}`, R)
 			}) : o.stopReason && o.state !== "working" && o.state !== "queued" && /* @__PURE__ */ H("p", {
 				className: "px-3 pt-1.5 text-pretty",
 				children: o.stopReason
@@ -334,7 +334,7 @@ function ve({ workspace: n, identifier: r, run: o }) {
 					(o.state === "stopped" || o.state === "blocked_external") && !ce && /* @__PURE__ */ H(A, {
 						size: "sm",
 						disabled: F,
-						onClick: () => R(),
+						onClick: () => le(),
 						children: s("resume")
 					}),
 					$ && /* @__PURE__ */ H(A, {
@@ -347,9 +347,9 @@ function ve({ workspace: n, identifier: r, run: o }) {
 					o.state !== "queued" && /* @__PURE__ */ H(A, {
 						size: "sm",
 						type: "button",
-						"aria-expanded": b,
-						onClick: () => C((e) => !e),
-						children: s(b ? "activity.hide" : "activity.show")
+						"aria-expanded": C,
+						onClick: () => w((e) => !e),
+						children: s(C ? "activity.hide" : "activity.show")
 					}),
 					/* @__PURE__ */ H("span", {
 						className: "ml-auto text-xs text-muted-foreground tabular-nums",
@@ -369,7 +369,7 @@ function ve({ workspace: n, identifier: r, run: o }) {
 					})
 				]
 			}),
-			b && o.state !== "queued" && /* @__PURE__ */ H(ye, {
+			C && o.state !== "queued" && /* @__PURE__ */ H(ye, {
 				workspace: n,
 				run: o
 			})
@@ -378,7 +378,7 @@ function ve({ workspace: n, identifier: r, run: o }) {
 }
 function ye({ workspace: e, run: t }) {
 	let n = B("agentWork.activity"), r = y(), i = t.state === "working", { data: a, isPending: o, isError: s } = W(l(e, t.id, i)), c = R(null), u = R(!0), d = a?.length ?? 0;
-	return L(() => {
+	return le(() => {
 		let e = c.current;
 		e && u.current && d > 0 && (e.scrollTop = e.scrollHeight);
 	}, [d]), /* @__PURE__ */ U("div", {
@@ -543,7 +543,7 @@ function Se({ run: e, busy: t, onSubmit: n, onCancel: r }) {
 }
 var K = (...e) => e.filter(Boolean).join(" ");
 function Ce({ workspace: e, run: t }) {
-	let n = v(e), i = B("agentWork"), [a, o] = z(!1), { data: s } = W({
+	let n = w(e), i = B("agentWork"), [a, o] = z(!1), { data: s } = W({
 		...u(e, t.id),
 		enabled: a
 	});
@@ -562,7 +562,7 @@ function Ce({ workspace: e, run: t }) {
 				to: "/$workspace/docs/$doc",
 				params: {
 					workspace: e,
-					doc: b(t)
+					doc: _(t)
 				},
 				className: "inline-flex items-center gap-1 hover:underline",
 				children: [/* @__PURE__ */ H(p, { className: "size-3.5 text-muted-foreground" }), t.title]
@@ -677,7 +677,7 @@ function J({ workspace: e, decision: t }) {
 	}) : null;
 }
 function Te({ workspace: e, decision: t, onAnswer: n, busy: r }) {
-	let i = B("agentPage"), a = q(), { data: s = [] } = W(o(e, t.identifier)), [c, l] = z(null), u = ce((e) => {
+	let i = B("agentPage"), a = q(), { data: s = [] } = W(o(e, t.identifier)), [c, l] = z(null), u = L((e) => {
 		t.options.some((t) => t.id === e) && l(e);
 	}, [t.options]), d = s.find((e) => e.id === t.pageId), f = t.options.find((e) => e.id === c);
 	return /* @__PURE__ */ U("div", {
@@ -709,7 +709,7 @@ function Te({ workspace: e, decision: t, onAnswer: n, busy: r }) {
 	});
 }
 function Y(e) {
-	let t = B("agentWork"), n = q(), r = C(), { workspace: i } = de({ strict: !1 });
+	let t = B("agentWork"), n = q(), r = x(), { workspace: i } = I({ strict: !1 });
 	if (i !== e.workspace) return [];
 	let a = e.options.find((t) => t.id === e.answer?.optionId), o = [a && n(e, a), e.answer?.text].filter(Boolean).join(". "), s = e.prompt.split("\n").map((e) => `> ${e}`).join("\n");
 	return [{
@@ -738,7 +738,7 @@ function Q() {
 	});
 }
 function $({ workspace: r, decision: a, showIssue: o = !1 }) {
-	let s = le(), c = B("agentWork"), l = q(), u = g(), d = pe(), f = B("common"), [p, m] = z(""), [ee, h] = z(0), [_, v] = z(!1), y = X(a), b = !y && a.options.some((e) => e.description), x = y ? [...a.options].sort((e, t) => Z(e.id) - Z(t.id)) : a.options, S = fe({
+	let s = ue(), c = B("agentWork"), l = q(), u = g(), d = pe(), f = B("common"), [p, m] = z(""), [ee, h] = z(0), [_, v] = z(!1), y = X(a), b = !y && a.options.some((e) => e.description), x = y ? [...a.options].sort((e, t) => Z(e.id) - Z(t.id)) : a.options, S = fe({
 		mutationFn: async (n) => t(await e.POST("/api/v1/workspaces/{workspace}/decisions/{decisionId}/answer", {
 			params: { path: {
 				workspace: r,
@@ -954,7 +954,7 @@ function Ee({ workspace: e, decision: t }) {
 				to: "/$workspace/docs/$doc",
 				params: {
 					workspace: e,
-					doc: b(a)
+					doc: _(a)
 				},
 				className: "flex min-w-0 items-center gap-1 hover:text-foreground",
 				children: [/* @__PURE__ */ H(p, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ H("span", {
@@ -1062,8 +1062,8 @@ function Oe({ workspace: e, decisions: t }) {
 	});
 }
 function ke({ workspace: e, decision: t, showIssue: a = !1, showWorkspace: o = !1, bare: s = !1 }) {
-	let c = v(e), l = B("agentWork"), u = y(), { person: d } = S(e), f = se(), p = g(), m = i(), [ee, h] = z(!1), b = q(), x = t.options.find((e) => e.id === t.answer?.optionId), C = [x && b(t, x), t.answer?.text].filter(Boolean).join(". "), w = !!t.breakdown?.length || !!t.merge || !!t.release, T = () => h(!0), E = Y(t), D = (r) => f(r, [
-		...w ? [] : [t.savedAs ? {
+	let c = w(e), l = B("agentWork"), u = y(), { person: d } = b(e), f = se(), p = g(), m = i(), [ee, h] = z(!1), _ = q(), v = t.options.find((e) => e.id === t.answer?.optionId), x = [v && _(t, v), t.answer?.text].filter(Boolean).join(". "), S = !!t.breakdown?.length || !!t.merge || !!t.release, T = () => h(!0), E = Y(t), D = (r) => f(r, [
+		...S ? [] : [t.savedAs ? {
 			label: l("savedAsDecision"),
 			onClick: () => m({
 				to: "/$workspace/knowledge/$term",
@@ -1113,14 +1113,14 @@ function ke({ workspace: e, decision: t, showIssue: a = !1, showWorkspace: o = !
 		}),
 		/* @__PURE__ */ H("p", {
 			className: "mt-1 font-medium",
-			children: C
+			children: x
 		}),
 		/* @__PURE__ */ H(J, {
 			workspace: e,
 			decision: t
 		}),
 		/* @__PURE__ */ H("div", {
-			className: w ? "hidden" : "mt-2",
+			className: S ? "hidden" : "mt-2",
 			children: t.savedAs ? /* @__PURE__ */ H(r, {
 				to: "/$workspace/knowledge/$term",
 				params: {
@@ -1135,7 +1135,7 @@ function ke({ workspace: e, decision: t, showIssue: a = !1, showWorkspace: o = !
 				children: l("saveAsDecision")
 			})
 		}),
-		ee && /* @__PURE__ */ H(I, { children: /* @__PURE__ */ H(_, {
+		ee && /* @__PURE__ */ H(ce, { children: /* @__PURE__ */ H(C, {
 			workspace: e,
 			mode: {
 				kind: "create",

package/components/AppRoot.js

@@ -1,11 +1,11 @@
 import { SharedUI as e } from "./SharedUI.js";
-import { jsx as t } from "react/jsx-runtime";
-import { Outlet as n } from "@tanstack/react-router";
+import { Outlet as t } from "@tanstack/react-router";
+import { jsx as n } from "react/jsx-runtime";
 // src/components/AppRoot.tsx
 function r() {
-	return /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n("div", {
 		className: "flex min-h-dvh flex-col",
-		children: /* @__PURE__ */ t(n, {})
+		children: /* @__PURE__ */ n(t, {})
 	}) });
 }
 export { r as default };

package/components/AreaWork.js

@@ -1,6 +1,6 @@
 import { Link as e } from "../lib/router.js";
 import { ChevronRightIcon as t } from "./icons.js";
-import { termRef as n } from "../lib/knowledge.js";
+import { termRef as n } from "../lib/knowledgeKinds.js";
 import { AnsweredDecision as r } from "./AgentWork.js";
 import { useState as i } from "react";
 import { useTranslations as a } from "use-intl";

package/components/BlockHandle.js

@@ -1,5 +1,5 @@
-import { headingAnchor as e } from "../lib/glossary.js";
-import { copyItem as t } from "../lib/menus.js";
+import { copyItem as e } from "../lib/menus.js";
+import { headingAnchor as t } from "../lib/glossary.js";
 import { commands as n } from "./SlashMenu.js";
 import { menuDivider as r, useOpenMenu as i } from "@parallelworks/ui";
 import { useState as a } from "react";
@@ -76,7 +76,7 @@ function m({ editor: m }) {
 			label: h("duplicate"),
 			onClick: () => m.chain().focus().insertContentAt(_.pos + _.node.nodeSize, _.node.toJSON()).run()
 		},
-		..._.node.type.name === "heading" ? [t(h("copyLink"), `${window.location.href.split("#")[0]}#${e(_.node.textContent)}`)] : [],
+		..._.node.type.name === "heading" ? [e(h("copyLink"), `${window.location.href.split("#")[0]}#${t(_.node.textContent)}`)] : [],
 		r,
 		{
 			label: h("delete"),

package/components/CommandPalette.js

@@ -1,10 +1,10 @@
-import { useNavigate as e } from "../lib/router.js";
-import { docQuery as t, docsQuery as n, issueSearchQuery as r, knowledgeQuery as i, meQuery as a, teamsQuery as o } from "../api/queries.js";
-import { AddIcon as s, AreaIcon as ee, CheckIcon as te, ChevronRightIcon as ne, CloseIcon as re, CycleIcon as ie, FileTextIcon as c, InboxIcon as l, LibraryIcon as u, ListViewIcon as d, NotificationIcon as ae, ProjectIcon as f, SearchIcon as oe, SettingsIcon as se, StatusIcon as ce, TriageIcon as le, UserIcon as p, UsersIcon as m } from "./icons.js";
-import { teamPath as ue } from "../lib/teamPaths.js";
-import { headingAnchor as de, headings as fe } from "../lib/glossary.js";
-import { useHost as pe } from "../lib/host.js";
-import { docPath as h, useDocActions as me } from "../lib/docs.js";
+import { useHost as e } from "../lib/host.js";
+import { useNavigate as t } from "../lib/router.js";
+import { docQuery as n, docsQuery as r, issueSearchQuery as i, knowledgeQuery as a, meQuery as o, teamsQuery as ee } from "../api/queries.js";
+import { AddIcon as s, AreaIcon as te, CheckIcon as ne, ChevronRightIcon as re, CloseIcon as ie, CycleIcon as ae, FileTextIcon as c, InboxIcon as l, LibraryIcon as u, ListViewIcon as d, NotificationIcon as oe, ProjectIcon as f, SearchIcon as se, SettingsIcon as ce, StatusIcon as le, TriageIcon as ue, UserIcon as p, UsersIcon as m } from "./icons.js";
+import { teamPath as de } from "../lib/teamPaths.js";
+import { docPath as h, useDocActions as fe } from "../lib/docs.js";
+import { headingAnchor as pe, headings as me } from "../lib/glossary.js";
 import { useIssueMenu as he } from "../lib/issueMenu.js";
 import { useNewIssue as ge } from "../lib/newIssue.js";
 import { fuzzyScore as g, namedFirst as _e } from "../lib/palette.js";
@@ -57,11 +57,11 @@ function Pe(e, t) {
 	return n;
 }
 function D({ workspace: v, open: D, onClose: O, selection: k }) {
-	let A = x("palette"), j = x("common"), M = x("workspace"), N = pe(), Fe = x("measures"), Ie = x("graphPage"), Le = e(), Re = ge(), { data: P } = Me(a), { data: ze = [] } = T(o(v)), { data: Be = [] } = T({
-		...i(v),
+	let A = x("palette"), j = x("common"), M = x("workspace"), N = e(), Fe = x("measures"), Ie = x("graphPage"), Le = t(), Re = ge(), { data: P } = Me(o), { data: ze = [] } = T(ee(v)), { data: Be = [] } = T({
+		...a(v),
 		enabled: D
-	}), Ve = me(v), { views: He } = be(v), F = ye(), Ue = he(v), [I, L] = b(""), [R, z] = b(""), { data: B = [] } = T({
-		...n(v, { title: R }),
+	}), Ve = fe(v), { views: He } = be(v), F = ye(), Ue = he(v), [I, L] = b(""), [R, z] = b(""), { data: B = [] } = T({
+		...r(v, { title: R }),
 		enabled: D && R !== "",
 		placeholderData: w
 	}), [We, V] = b([]), H = Ae(null);
@@ -72,17 +72,17 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 		return () => clearTimeout(e);
 	}, [I]);
 	let U = We.at(-1), W = D && !U && R !== "", { data: G } = T({
-		...r(v, { q: R }),
+		...i(v, { q: R }),
 		enabled: W,
 		placeholderData: w
 	}), { data: K = [] } = T({
-		...n(v, { q: R }),
+		...r(v, { q: R }),
 		enabled: W,
 		placeholderData: w
 	}), Ge = je({ queries: K.slice(0, 3).map((e) => ({
-		...t(v, e.key),
+		...n(v, e.key),
 		enabled: W
-	})) }), q = K.slice(0, 3).flatMap((e, t) => fe(Ge[t]?.data?.body ?? "").filter((e) => g(R, e.text) !== null).slice(0, 3).map((t) => ({
+	})) }), q = K.slice(0, 3).flatMap((e, t) => me(Ge[t]?.data?.body ?? "").filter((e) => g(R, e.text) !== null).slice(0, 3).map((t) => ({
 		doc: e,
 		heading: t.text
 	}))), J = D ? ve(v) : [], Ke = P?.workspaces.find((e) => e.slug === v)?.name ?? v, Y = ze.filter((e) => !e.archivedAt), X = (e) => () => Le({ href: e }), qe = (() => {
@@ -120,7 +120,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 			items: G.issues.slice(0, 8).map((e) => ({
 				id: e.id,
 				label: `${e.identifier} ${e.title}`,
-				icon: /* @__PURE__ */ S(ce, { category: e.status.category }),
+				icon: /* @__PURE__ */ S(le, { category: e.status.category }),
 				run: X(`/${v}/issues/${e.identifier}`)
 			}))
 		}), t.push({
@@ -172,7 +172,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 				{
 					id: "notifications",
 					label: A("goTo", { page: M("notifications") }),
-					icon: /* @__PURE__ */ S(ae, { className: E }),
+					icon: /* @__PURE__ */ S(oe, { className: E }),
 					run: X(`/${v}/notifications`)
 				},
 				{
@@ -202,7 +202,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 					...Y.some((e) => e.triageEnabled) ? [[
 						"triage",
 						M("triage"),
-						le
+						ue
 					]] : [],
 					[
 						"measures",
@@ -217,7 +217,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 					[
 						"settings",
 						M("settings"),
-						se
+						ce
 					]
 				].map(([e, t, n]) => ({
 					id: e,
@@ -265,7 +265,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 					color: e.color,
 					name: e.name
 				}),
-				run: X(ue(v, e.key, "issues"))
+				run: X(de(v, e.key, "issues"))
 			}))
 		}), N?.controls?.length && t.push({
 			id: "host",
@@ -292,7 +292,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 						[
 							"areas",
 							M("areas"),
-							ee,
+							te,
 							`teams/${t}/areas`
 						],
 						[
@@ -304,7 +304,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 						...e.cyclesEnabled ? [[
 							"cycles",
 							M("cycles"),
-							ie,
+							ae,
 							`cycles/${t}`
 						]] : []
 					].map(([t, n, r, i]) => ({
@@ -357,7 +357,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 						icon: e.icon,
 						className: E
 					}),
-					run: X(`${h(v, e)}#${de(t)}`)
+					run: X(`${h(v, e)}#${pe(t)}`)
 				}))
 			}), t.push({
 				id: "knowledge",
@@ -417,7 +417,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 			/* @__PURE__ */ C("div", {
 				className: "flex h-12 shrink-0 items-center gap-2 border-b border-border px-3",
 				children: [
-					/* @__PURE__ */ S(oe, { className: "size-4 shrink-0 text-muted-foreground" }),
+					/* @__PURE__ */ S(se, { className: "size-4 shrink-0 text-muted-foreground" }),
 					U && /* @__PURE__ */ S(Oe, {
 						content: A("back"),
 						children: /* @__PURE__ */ S("button", {
@@ -445,7 +445,7 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 					/* @__PURE__ */ S(we, {
 						variant: "ghost",
 						size: "sm",
-						icon: /* @__PURE__ */ S(re, {}),
+						icon: /* @__PURE__ */ S(ie, {}),
 						label: j("close"),
 						onClick: O,
 						className: "md:hidden"
@@ -469,9 +469,9 @@ function D({ workspace: v, open: D, onClose: O, selection: k }) {
 						hint: e.checked || e.hint || e.page ? /* @__PURE__ */ C("span", {
 							className: "flex items-center gap-2",
 							children: [
-								e.checked && /* @__PURE__ */ S(te, { className: "size-3.5" }),
+								e.checked && /* @__PURE__ */ S(ne, { className: "size-3.5" }),
 								e.hint,
-								e.page && /* @__PURE__ */ S(ne, { className: "size-3.5" })
+								e.page && /* @__PURE__ */ S(re, { className: "size-3.5" })
 							]
 						}) : void 0,
 						className: "h-9 md:h-8"

package/components/DateChip.js

@@ -5,11 +5,11 @@ import { docKey as a } from "../lib/docs.js";
 import { usePeople as o } from "../lib/people.js";
 import { fromIsoDate as s, isoDate as c } from "../lib/datePhrases.js";
 import { Button as l, ErrorText as u, Input as d, Popover as f, Select as p } from "@parallelworks/ui";
-import { useState as m } from "react";
-import { useErrorMessage as h } from "@parallelworks/problem/react";
-import { useFormatter as g, useTranslations as _ } from "use-intl";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useParams as x } from "@tanstack/react-router";
+import { useParams as m } from "@tanstack/react-router";
+import { useState as h } from "react";
+import { useErrorMessage as g } from "@parallelworks/problem/react";
+import { useFormatter as _, useTranslations as v } from "use-intl";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { useMutation as S, useQuery as C } from "@tanstack/react-query";
 import { Node as w, NodeViewWrapper as T, ReactNodeViewRenderer as E, mergeAttributes as D } from "@tiptap/react";
 // src/components/DateChip.tsx
@@ -53,28 +53,28 @@ var O = w.create({
 	renderMarkdown: (e) => `@${String(e.attrs?.date ?? "")}`
 });
 function k({ node: e, editor: t, updateAttributes: n }) {
-	let a = g(), o = _("dateChip"), c = s(String(e.attrs.date ?? "")), l = e.attrs.remindAt, u = /* @__PURE__ */ new Date(), d = c ? a.dateTime(c, {
+	let a = _(), o = v("dateChip"), c = s(String(e.attrs.date ?? "")), l = e.attrs.remindAt, u = /* @__PURE__ */ new Date(), d = c ? a.dateTime(c, {
 		weekday: "short",
 		month: "short",
 		day: "numeric",
 		...c.getFullYear() !== u.getFullYear() && { year: "numeric" }
-	}) : String(e.attrs.date), p = /* @__PURE__ */ b("span", {
+	}) : String(e.attrs.date), p = /* @__PURE__ */ x("span", {
 		className: "date-chip",
 		"data-reminder": l ? "" : void 0,
 		children: [
-			/* @__PURE__ */ y(r, { className: "size-3.5" }),
+			/* @__PURE__ */ b(r, { className: "size-3.5" }),
 			d,
-			l && /* @__PURE__ */ y(i, {
+			l && /* @__PURE__ */ b(i, {
 				className: "size-3",
 				"aria-label": o("reminderSet")
 			})
 		]
 	});
-	return /* @__PURE__ */ y(T, {
+	return /* @__PURE__ */ b(T, {
 		as: "span",
 		className: "date-chip-wrap",
-		children: t.isEditable ? /* @__PURE__ */ y(f, {
-			trigger: /* @__PURE__ */ y("button", {
+		children: t.isEditable ? /* @__PURE__ */ b(f, {
+			trigger: /* @__PURE__ */ b("button", {
 				type: "button",
 				className: "date-chip-button",
 				"aria-label": o("change", { date: d }),
@@ -84,7 +84,7 @@ function k({ node: e, editor: t, updateAttributes: n }) {
 			className: "w-72",
 			initialFocus: "first-control",
 			"aria-label": o("title"),
-			children: /* @__PURE__ */ y(A, {
+			children: /* @__PURE__ */ b(A, {
 				node: e,
 				updateAttributes: n
 			})
@@ -92,7 +92,7 @@ function k({ node: e, editor: t, updateAttributes: n }) {
 	});
 }
 function A({ node: r, updateAttributes: i }) {
-	let f = _("dateChip"), w = g(), T = h(), { workspace: E = "", doc: D } = x({ strict: !1 }), { members: O } = o(E), { data: k } = C(n), A = String(r.attrs.date ?? ""), j = r.attrs.reminderId, M = r.attrs.remindAt, N = r.attrs.remindFor ?? "", [P, F] = m(""), [I, L] = m("09:00"), R = {
+	let f = v("dateChip"), w = _(), T = g(), { workspace: E = "", doc: D } = m({ strict: !1 }), { members: O } = o(E), { data: k } = C(n), A = String(r.attrs.date ?? ""), j = r.attrs.reminderId, M = r.attrs.remindAt, N = r.attrs.remindFor ?? "", [P, F] = h(""), [I, L] = h("09:00"), R = {
 		workspace: E,
 		doc: D ? a(D) : ""
 	}, z = S({
@@ -127,11 +127,11 @@ function A({ node: r, updateAttributes: i }) {
 			remindFor: null
 		})
 	}), V = z.error ?? B.error;
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-3 text-sm",
-		children: [/* @__PURE__ */ b("label", {
+		children: [/* @__PURE__ */ x("label", {
 			className: "block text-xs font-medium text-muted-foreground",
-			children: [f("date"), /* @__PURE__ */ y(d, {
+			children: [f("date"), /* @__PURE__ */ b(d, {
 				type: "date",
 				value: A,
 				onChange: (e) => {
@@ -140,9 +140,9 @@ function A({ node: r, updateAttributes: i }) {
 				},
 				className: "mt-1"
 			})]
-		}), D && /* @__PURE__ */ b("div", {
+		}), D && /* @__PURE__ */ x("div", {
 			className: "space-y-2 border-t border-border pt-3",
-			children: [M ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("p", {
+			children: [M ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("p", {
 				className: "text-xs text-muted-foreground",
 				children: f("willRemind", {
 					who: N ? ((e) => O.find((t) => t.user.username === e)?.user.name ?? e)(N) : f("you"),
@@ -151,19 +151,19 @@ function A({ node: r, updateAttributes: i }) {
 						timeStyle: "short"
 					})
 				})
-			}), /* @__PURE__ */ y(l, {
+			}), /* @__PURE__ */ b(l, {
 				size: "sm",
 				loading: B.isPending,
 				onClick: () => B.mutate(),
 				children: f("removeReminder")
-			})] }) : /* @__PURE__ */ b(v, { children: [
-				/* @__PURE__ */ y("p", {
+			})] }) : /* @__PURE__ */ x(y, { children: [
+				/* @__PURE__ */ b("p", {
 					className: "text-xs font-medium text-muted-foreground",
 					children: f("remind")
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ y(p, {
+					children: [/* @__PURE__ */ b(p, {
 						value: P,
 						items: [{
 							value: "",
@@ -175,7 +175,7 @@ function A({ node: r, updateAttributes: i }) {
 						onValueChange: F,
 						"aria-label": f("who"),
 						width: "content"
-					}), /* @__PURE__ */ y(d, {
+					}), /* @__PURE__ */ b(d, {
 						type: "time",
 						value: I,
 						onChange: (e) => L(e.target.value),
@@ -183,14 +183,14 @@ function A({ node: r, updateAttributes: i }) {
 						className: "w-28"
 					})]
 				}),
-				/* @__PURE__ */ y(l, {
+				/* @__PURE__ */ b(l, {
 					size: "sm",
 					variant: "primary",
 					loading: z.isPending,
 					onClick: () => z.mutate(),
 					children: f("setReminder")
 				})
-			] }), V && /* @__PURE__ */ y(u, { children: T(V) })]
+			] }), V && /* @__PURE__ */ b(u, { children: T(V) })]
 		})]
 	});
 }