camox 0.58.1 → 0.60.2

package/dist/features/studio/components/Patrol.js

@@ -1,8 +1,8 @@
-import { AuthContext } from "../../../lib/auth.js";
 import { localizedPath } from "../../../lib/locale-path.js";
 import { useCurrentDraftId } from "../../../lib/draft-scope.js";
 import { useViewLocale } from "../../../lib/view-locale-context.js";
 import { useNavigate } from "../../navigation/navigation.js";
+import { AuthContext } from "../../../lib/auth.js";
 import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { cn } from "../../../lib/utils.js";
 import { AssetLightbox } from "../../preview/components/AssetLightbox.js";
@@ -16,6 +16,7 @@ import { singleLocaleSentence, workingSentence } from "../workingSentence.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover, PopoverContent, PopoverTitle, PopoverTrigger } from "@camox/ui/popover";
 import { Badge } from "@camox/ui/badge";
 import { reportLocale } from "@camox/api-contract/patrol";
 
@@ -23,7 +24,7 @@ import { reportLocale } from "@camox/api-contract/patrol";
 /**
 * The Agent Sidebar's Patrol, over the Chat widget: every patroller of the project, and what each
 * did without being asked in the draft viewed, or on Live (ADR 0024). It fetches the Patrol of the
-* scope viewed, and holds which patrollers are expanded.
+* scope viewed, and holds which patroller's reports are open.
 */
 function Patrol(t0) {
 	const $ = c(14);
@@ -94,7 +95,7 @@ function Patrol(t0) {
 	return t7;
 }
 function ProjectPatrol(t0) {
-	const $ = c(28);
+	const $ = c(36);
 	const { projectId, inDraft } = t0;
 	let t1;
 	if ($[0] !== projectId) {
@@ -110,110 +111,133 @@ function ProjectPatrol(t0) {
 		$[3] = t2;
 	} else t2 = $[3];
 	const { data: locales } = useReadQuery(t2);
-	let t3;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ new Set();
-		$[4] = t3;
-	} else t3 = $[4];
-	const [expanded, setExpanded] = React.useState(t3);
-	let t4;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = (id) => setExpanded((previous) => {
-			const next = new Set(previous);
-			if (!next.delete(id)) next.add(id);
-			return next;
-		});
-		$[5] = t4;
-	} else t4 = $[5];
-	const toggle = t4;
+	const [open, setOpen] = React.useState(null);
 	const now = useNow(3e4);
 	const [heldOrder, setHeldOrder] = React.useState(null);
-	let t5;
-	if ($[6] !== heldOrder || $[7] !== view) {
-		t5 = view && inHeldOrder(view, heldOrder);
-		$[6] = heldOrder;
-		$[7] = view;
-		$[8] = t5;
-	} else t5 = $[8];
-	const shown = t5;
-	let t6;
-	if ($[9] !== shown?.patrollers) {
-		t6 = shown?.patrollers.map(_temp).join(" ");
-		$[9] = shown?.patrollers;
-		$[10] = t6;
-	} else t6 = $[10];
-	const roster = useMovingRows(t6);
+	const pointerIn = React.useRef(false);
+	let t3;
+	if ($[4] !== heldOrder || $[5] !== view) {
+		t3 = view && inHeldOrder(view, heldOrder);
+		$[4] = heldOrder;
+		$[5] = view;
+		$[6] = t3;
+	} else t3 = $[6];
+	const shown = t3;
+	let t4;
+	if ($[7] !== shown?.patrollers) {
+		t4 = shown?.patrollers.map(_temp).join(" ");
+		$[7] = shown?.patrollers;
+		$[8] = t4;
+	} else t4 = $[8];
+	const roster = useMovingRows(t4);
 	const [openFileId, setOpenFileId] = React.useState(null);
-	const show = useShowReport(inDraft, setOpenFileId);
+	const showReport = useShowReport(inDraft, setOpenFileId);
 	if (!shown) return null;
+	let t5;
+	if ($[9] !== shown) {
+		t5 = () => setHeldOrder((held) => held ?? shown.patrollers.map(_temp2));
+		$[9] = shown;
+		$[10] = t5;
+	} else t5 = $[10];
+	const hold = t5;
+	let t6;
+	if ($[11] !== hold) {
+		t6 = (id_1) => {
+			setOpen(id_1);
+			if (id_1) hold();
+			else if (!pointerIn.current) setHeldOrder(null);
+		};
+		$[11] = hold;
+		$[12] = t6;
+	} else t6 = $[12];
+	const openReports = t6;
 	let t7;
-	if ($[11] !== shown.patrollers) {
-		t7 = () => setHeldOrder(shown.patrollers.map(_temp2));
-		$[11] = shown.patrollers;
-		$[12] = t7;
-	} else t7 = $[12];
+	if ($[13] !== hold) {
+		t7 = () => {
+			pointerIn.current = true;
+			hold();
+		};
+		$[13] = hold;
+		$[14] = t7;
+	} else t7 = $[14];
 	let t8;
-	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = () => setHeldOrder(null);
-		$[13] = t8;
-	} else t8 = $[13];
+	if ($[15] !== open) {
+		t8 = () => {
+			pointerIn.current = false;
+			if (!open) setHeldOrder(null);
+		};
+		$[15] = open;
+		$[16] = t8;
+	} else t8 = $[16];
 	const t9 = locales?.length === 1;
 	let t10;
-	if ($[14] !== expanded || $[15] !== inDraft || $[16] !== now || $[17] !== show || $[18] !== shown || $[19] !== t9) {
-		t10 = /* @__PURE__ */ jsx(PatrolRoster, {
+	if ($[17] !== openReports || $[18] !== showReport) {
+		t10 = (report) => {
+			openReports(null);
+			showReport(report);
+		};
+		$[17] = openReports;
+		$[18] = showReport;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== inDraft || $[21] !== now || $[22] !== open || $[23] !== openReports || $[24] !== shown || $[25] !== t10 || $[26] !== t9) {
+		t11 = /* @__PURE__ */ jsx(PatrolRoster, {
 			view: shown,
 			now,
 			inDraft,
 			singleLocale: t9,
-			expanded,
-			onToggle: toggle,
-			onShow: show
+			open,
+			onOpenChange: openReports,
+			onShow: t10
 		});
-		$[14] = expanded;
-		$[15] = inDraft;
-		$[16] = now;
-		$[17] = show;
-		$[18] = shown;
-		$[19] = t9;
-		$[20] = t10;
-	} else t10 = $[20];
-	let t11;
-	if ($[21] !== openFileId) {
-		t11 = openFileId && /* @__PURE__ */ jsx(AssetLightbox, {
+		$[20] = inDraft;
+		$[21] = now;
+		$[22] = open;
+		$[23] = openReports;
+		$[24] = shown;
+		$[25] = t10;
+		$[26] = t9;
+		$[27] = t11;
+	} else t11 = $[27];
+	let t12;
+	if ($[28] !== openFileId) {
+		t12 = openFileId && /* @__PURE__ */ jsx(AssetLightbox, {
 			open: true,
-			onOpenChange: (open) => {
-				if (!open) setOpenFileId(null);
+			onOpenChange: (open_0) => {
+				if (!open_0) setOpenFileId(null);
 			},
 			fileId: openFileId
 		});
-		$[21] = openFileId;
-		$[22] = t11;
-	} else t11 = $[22];
-	let t12;
-	if ($[23] !== roster || $[24] !== t10 || $[25] !== t11 || $[26] !== t7) {
-		t12 = /* @__PURE__ */ jsxs("div", {
+		$[28] = openFileId;
+		$[29] = t12;
+	} else t12 = $[29];
+	let t13;
+	if ($[30] !== roster || $[31] !== t11 || $[32] !== t12 || $[33] !== t7 || $[34] !== t8) {
+		t13 = /* @__PURE__ */ jsxs("div", {
 			ref: roster,
 			className: "relative",
 			onPointerEnter: t7,
 			onPointerLeave: t8,
-			children: [t10, t11]
+			children: [t11, t12]
 		});
-		$[23] = roster;
-		$[24] = t10;
-		$[25] = t11;
-		$[26] = t7;
-		$[27] = t12;
-	} else t12 = $[27];
-	return t12;
+		$[30] = roster;
+		$[31] = t11;
+		$[32] = t12;
+		$[33] = t7;
+		$[34] = t8;
+		$[35] = t13;
+	} else t13 = $[35];
+	return t13;
 }
 function _temp2(t0) {
-	const { id: id_1 } = t0;
-	return id_1;
-}
-function _temp(t0) {
 	const { id: id_0 } = t0;
 	return id_0;
 }
+function _temp(t0) {
+	const { id } = t0;
+	return id;
+}
 /**
 * Shows a report's subject where it is, in the report's locale, and on Live for a Live report seen
 * from a draft: a page, block or item selected on the Canvas, a record in its collection, or a
@@ -353,39 +377,39 @@ function _temp4() {
 }
 /**
 * A `PatrolView`, in the order it gives: each patroller's avatar, role, and when it last worked,
-* and the reports of the expanded ones. Live's reports carry a tag when a draft is viewed. In a
+* opening its reports in a popover to the left. Live's reports carry a tag when a draft is viewed. In a
 * project with a single locale, the Translator invites the editor to add a language instead.
 */
 function PatrolRoster(t0) {
 	const $ = c(17);
-	const { view, now, inDraft, singleLocale, expanded, onToggle, onShow } = t0;
+	const { view, now, inDraft, singleLocale, open, onOpenChange, onShow } = t0;
 	let t1;
-	if ($[0] !== expanded || $[1] !== inDraft || $[2] !== now || $[3] !== onShow || $[4] !== onToggle || $[5] !== singleLocale || $[6] !== view.patrollers) {
+	if ($[0] !== inDraft || $[1] !== now || $[2] !== onOpenChange || $[3] !== onShow || $[4] !== open || $[5] !== singleLocale || $[6] !== view.patrollers) {
 		let t2;
-		if ($[8] !== expanded || $[9] !== inDraft || $[10] !== now || $[11] !== onShow || $[12] !== onToggle || $[13] !== singleLocale) {
+		if ($[8] !== inDraft || $[9] !== now || $[10] !== onOpenChange || $[11] !== onShow || $[12] !== open || $[13] !== singleLocale) {
 			t2 = (patroller) => /* @__PURE__ */ jsx(PatrollerRow, {
 				patroller,
 				now,
 				inDraft,
 				idle: singleLocale ? singleLocaleSentence(patroller.id) : void 0,
-				expanded: expanded.has(patroller.id),
-				onToggle: () => onToggle(patroller.id),
+				open: open === patroller.id,
+				onOpenChange: (next) => onOpenChange(next ? patroller.id : null),
 				onShow
 			}, patroller.id);
-			$[8] = expanded;
-			$[9] = inDraft;
-			$[10] = now;
+			$[8] = inDraft;
+			$[9] = now;
+			$[10] = onOpenChange;
 			$[11] = onShow;
-			$[12] = onToggle;
+			$[12] = open;
 			$[13] = singleLocale;
 			$[14] = t2;
 		} else t2 = $[14];
 		t1 = view.patrollers.map(t2);
-		$[0] = expanded;
-		$[1] = inDraft;
-		$[2] = now;
+		$[0] = inDraft;
+		$[1] = now;
+		$[2] = onOpenChange;
 		$[3] = onShow;
-		$[4] = onToggle;
+		$[4] = open;
 		$[5] = singleLocale;
 		$[6] = view.patrollers;
 		$[7] = t1;
@@ -393,7 +417,7 @@ function PatrolRoster(t0) {
 	let t2;
 	if ($[15] !== t1) {
 		t2 = /* @__PURE__ */ jsx("ul", {
-			className: "flex flex-col py-1",
+			className: "flex flex-col gap-px p-1",
 			children: t1
 		});
 		$[15] = t1;
@@ -431,9 +455,8 @@ function WorkingArc() {
 	return t0;
 }
 function PatrollerRow(t0) {
-	const $ = c(49);
-	const { patroller, now, inDraft, idle, expanded, onToggle, onShow } = t0;
-	const reportsId = React.useId();
+	const $ = c(53);
+	const { patroller, now, inDraft, idle, open, onOpenChange, onShow } = t0;
 	const statusId = React.useId();
 	let t1;
 	if ($[0] !== patroller.id || $[1] !== patroller.working) {
@@ -453,114 +476,191 @@ function PatrollerRow(t0) {
 		$[7] = t2;
 	} else t2 = $[7];
 	const subtitle = t2;
-	const t3 = working ? statusId : void 0;
-	const t4 = working ? "working" : "idle";
-	let t5;
-	if ($[8] !== patroller.id || $[9] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Squareling, {
+	const t3 = open || void 0;
+	const t4 = working ? statusId : void 0;
+	const t5 = working ? "working" : "idle";
+	let t6;
+	if ($[8] !== patroller.id || $[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Squareling, {
 			variant: patroller.id,
-			status: t4,
+			status: t5,
 			className: "size-5"
 		});
 		$[8] = patroller.id;
-		$[9] = t4;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
 	if ($[11] !== working) {
-		t6 = working && /* @__PURE__ */ jsx(WorkingArc, {});
+		t7 = working && /* @__PURE__ */ jsx(WorkingArc, {});
 		$[11] = working;
-		$[12] = t6;
-	} else t6 = $[12];
-	let t7;
-	if ($[13] !== t5 || $[14] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("span", {
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== t6 || $[14] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("span", {
 			className: "bg-muted relative flex size-8 shrink-0 items-center justify-center rounded-full",
-			children: [t5, t6]
+			children: [t6, t7]
 		});
-		$[13] = t5;
-		$[14] = t6;
-		$[15] = t7;
-	} else t7 = $[15];
-	let t8;
+		$[13] = t6;
+		$[14] = t7;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
 	if ($[16] !== patroller.role) {
-		t8 = /* @__PURE__ */ jsx("span", {
+		t9 = /* @__PURE__ */ jsx("span", {
 			"data-patroller-role": true,
 			className: "truncate text-sm font-medium",
 			children: patroller.role
 		});
 		$[16] = patroller.role;
-		$[17] = t8;
-	} else t8 = $[17];
-	const t9 = working ? true : void 0;
-	let t10;
-	if ($[18] !== subtitle || $[19] !== t9) {
-		t10 = /* @__PURE__ */ jsx("span", {
+		$[17] = t9;
+	} else t9 = $[17];
+	const t10 = working ? true : void 0;
+	let t11;
+	if ($[18] !== subtitle || $[19] !== t10) {
+		t11 = /* @__PURE__ */ jsx("span", {
 			"data-patroller-subtitle": true,
-			"aria-hidden": t9,
+			"aria-hidden": t10,
 			className: "text-muted-foreground truncate text-xs",
 			children: subtitle
 		});
 		$[18] = subtitle;
-		$[19] = t9;
-		$[20] = t10;
-	} else t10 = $[20];
-	let t11;
-	if ($[21] !== t10 || $[22] !== t8) {
-		t11 = /* @__PURE__ */ jsxs("span", {
-			className: "flex min-w-0 flex-col",
-			children: [t8, t10]
-		});
-		$[21] = t10;
-		$[22] = t8;
-		$[23] = t11;
-	} else t11 = $[23];
+		$[19] = t10;
+		$[20] = t11;
+	} else t11 = $[20];
 	let t12;
-	if ($[24] !== expanded || $[25] !== onToggle || $[26] !== reportsId || $[27] !== t11 || $[28] !== t3 || $[29] !== t7) {
-		t12 = /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			"aria-expanded": expanded,
-			"aria-controls": reportsId,
-			"aria-describedby": t3,
-			onClick: onToggle,
-			className: "hover:bg-muted/60 focus-visible:ring-ring/50 flex items-center gap-2.5 px-3 py-1.5 text-left outline-none focus-visible:ring-[3px]",
-			children: [t7, t11]
+	if ($[21] !== t11 || $[22] !== t9) {
+		t12 = /* @__PURE__ */ jsxs("span", {
+			className: "flex min-w-0 flex-col",
+			children: [t9, t11]
 		});
-		$[24] = expanded;
-		$[25] = onToggle;
-		$[26] = reportsId;
-		$[27] = t11;
-		$[28] = t3;
-		$[29] = t7;
-		$[30] = t12;
-	} else t12 = $[30];
+		$[21] = t11;
+		$[22] = t9;
+		$[23] = t12;
+	} else t12 = $[23];
 	let t13;
-	if ($[31] !== working) {
-		t13 = working && `Working: ${working.charAt(0).toLowerCase()}${working.slice(1)}`;
-		$[31] = working;
-		$[32] = t13;
-	} else t13 = $[32];
+	if ($[24] !== t12 || $[25] !== t4 || $[26] !== t8) {
+		t13 = /* @__PURE__ */ jsxs(PopoverTrigger, {
+			"aria-describedby": t4,
+			className: "hover:bg-muted/60 data-popup-open:bg-muted/60 focus-visible:ring-ring/50 flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-left outline-none focus-visible:ring-[3px]",
+			children: [t8, t12]
+		});
+		$[24] = t12;
+		$[25] = t4;
+		$[26] = t8;
+		$[27] = t13;
+	} else t13 = $[27];
 	let t14;
-	if ($[33] !== statusId || $[34] !== t13) {
-		t14 = /* @__PURE__ */ jsx("span", {
+	if ($[28] !== patroller.role) {
+		t14 = /* @__PURE__ */ jsx(PopoverTitle, {
+			className: "text-sm",
+			children: patroller.role
+		});
+		$[28] = patroller.role;
+		$[29] = t14;
+	} else t14 = $[29];
+	let t15;
+	if ($[30] !== inDraft || $[31] !== now || $[32] !== onShow || $[33] !== patroller) {
+		t15 = /* @__PURE__ */ jsx(PatrollerReports, {
+			patroller,
+			now,
+			inDraft,
+			onShow
+		});
+		$[30] = inDraft;
+		$[31] = now;
+		$[32] = onShow;
+		$[33] = patroller;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== t14 || $[36] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(PopoverContent, {
+			side: "left",
+			align: "start",
+			sideOffset: 12,
+			className: "w-80 gap-2 p-3",
+			children: [t14, t15]
+		});
+		$[35] = t14;
+		$[36] = t15;
+		$[37] = t16;
+	} else t16 = $[37];
+	let t17;
+	if ($[38] !== onOpenChange || $[39] !== open || $[40] !== t13 || $[41] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(Popover, {
+			open,
+			onOpenChange,
+			children: [t13, t16]
+		});
+		$[38] = onOpenChange;
+		$[39] = open;
+		$[40] = t13;
+		$[41] = t16;
+		$[42] = t17;
+	} else t17 = $[42];
+	let t18;
+	if ($[43] !== working) {
+		t18 = working && `Working: ${working.charAt(0).toLowerCase()}${working.slice(1)}`;
+		$[43] = working;
+		$[44] = t18;
+	} else t18 = $[44];
+	let t19;
+	if ($[45] !== statusId || $[46] !== t18) {
+		t19 = /* @__PURE__ */ jsx("span", {
 			id: statusId,
 			"data-working-status": true,
 			role: "status",
 			className: "sr-only",
-			children: t13
+			children: t18
 		});
-		$[33] = statusId;
-		$[34] = t13;
-		$[35] = t14;
-	} else t14 = $[35];
-	let t15;
-	if ($[36] !== expanded || $[37] !== inDraft || $[38] !== now || $[39] !== onShow || $[40] !== patroller.more || $[41] !== patroller.reports || $[42] !== reportsId) {
-		t15 = expanded && /* @__PURE__ */ jsxs("ul", {
-			id: reportsId,
-			className: "flex flex-col gap-1 pt-0.5 pr-3 pb-2 pl-[3.375rem] text-xs",
-			children: [patroller.reports.map((report) => /* @__PURE__ */ jsxs("li", {
+		$[45] = statusId;
+		$[46] = t18;
+		$[47] = t19;
+	} else t19 = $[47];
+	let t20;
+	if ($[48] !== patroller.id || $[49] !== t17 || $[50] !== t19 || $[51] !== t3) {
+		t20 = /* @__PURE__ */ jsxs("li", {
+			"data-patroller": patroller.id,
+			"data-open": t3,
+			className: "flex flex-col",
+			children: [t17, t19]
+		});
+		$[48] = patroller.id;
+		$[49] = t17;
+		$[50] = t19;
+		$[51] = t3;
+		$[52] = t20;
+	} else t20 = $[52];
+	return t20;
+}
+/**
+* A patroller's reports, latest first, each with a Live tag when a draft is viewed and how long
+* ago, then how many more there are, by locale.
+*/
+function PatrollerReports(t0) {
+	const $ = c(16);
+	const { patroller, now, inDraft, onShow } = t0;
+	if (patroller.reports.length === 0 && patroller.more.length === 0) {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs",
+				children: "Nothing yet."
+			});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	const t1 = patroller.id;
+	let t2;
+	if ($[1] !== inDraft || $[2] !== now || $[3] !== onShow || $[4] !== patroller.reports) {
+		let t3;
+		if ($[6] !== inDraft || $[7] !== now || $[8] !== onShow) {
+			t3 = (report) => /* @__PURE__ */ jsxs("li", {
 				"data-report": true,
-				className: "has-focus-visible:ring-ring/50 has-[button:hover]:bg-muted/60 relative -mx-1.5 flex items-baseline gap-2 rounded-sm px-1.5 has-focus-visible:ring-[3px]",
+				className: "has-focus-visible:ring-ring/50 has-[button:hover]:bg-muted/60 relative -mx-1.5 flex items-baseline gap-2 rounded-sm px-1.5 py-0.5 has-focus-visible:ring-[3px]",
 				children: [
 					/* @__PURE__ */ jsx(ReportSentence, {
 						report,
@@ -578,39 +678,42 @@ function PatrollerRow(t0) {
 						children: shortTimeAgo(report.at, now)
 					})
 				]
-			}, report.id)), patroller.more.length > 0 && /* @__PURE__ */ jsx("li", {
-				"data-more": true,
-				className: "text-muted-foreground",
-				children: moreSentence(patroller.more)
-			})]
+			}, report.id);
+			$[6] = inDraft;
+			$[7] = now;
+			$[8] = onShow;
+			$[9] = t3;
+		} else t3 = $[9];
+		t2 = patroller.reports.map(t3);
+		$[1] = inDraft;
+		$[2] = now;
+		$[3] = onShow;
+		$[4] = patroller.reports;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[10] !== patroller.more) {
+		t3 = patroller.more.length > 0 && /* @__PURE__ */ jsx("li", {
+			"data-more": true,
+			className: "text-muted-foreground",
+			children: moreSentence(patroller.more)
 		});
-		$[36] = expanded;
-		$[37] = inDraft;
-		$[38] = now;
-		$[39] = onShow;
-		$[40] = patroller.more;
-		$[41] = patroller.reports;
-		$[42] = reportsId;
-		$[43] = t15;
-	} else t15 = $[43];
-	let t16;
-	if ($[44] !== patroller.id || $[45] !== t12 || $[46] !== t14 || $[47] !== t15) {
-		t16 = /* @__PURE__ */ jsxs("li", {
-			"data-patroller": patroller.id,
-			className: "flex flex-col",
-			children: [
-				t12,
-				t14,
-				t15
-			]
+		$[10] = patroller.more;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[12] !== patroller.id || $[13] !== t2 || $[14] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("ul", {
+			"data-reports": t1,
+			className: "flex flex-col gap-1 text-xs",
+			children: [t2, t3]
 		});
-		$[44] = patroller.id;
-		$[45] = t12;
-		$[46] = t14;
-		$[47] = t15;
-		$[48] = t16;
-	} else t16 = $[48];
-	return t16;
+		$[12] = patroller.id;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	return t4;
 }
 /**
 * A report's sentence: a button showing its subject where it is, over the whole row, named for
@@ -673,4 +776,4 @@ function ReportSentence(t0) {
 }
 
 //#endregion
-export { Patrol, PatrolRoster, inHeldOrder };
+export { Patrol, PatrolRoster, PatrollerReports, inHeldOrder };

package/dist/features/studio/components/ProjectMenu.js

@@ -1,7 +1,7 @@
-import { AuthContext } from "../../../lib/auth.js";
-import { getApiUrl } from "../../../lib/api-client.js";
 import { Link as Link$1 } from "../../navigation/navigation.js";
+import { AuthContext } from "../../../lib/auth.js";
 import { reads, useReadQuery } from "../../../lib/studio-reads.js";
+import { getApiUrl } from "../../../lib/api-client.js";
 import { useLocalizedPath } from "../../../lib/view-locale.js";
 import { version } from "../../../package.js";
 import { STUDIO_SETTINGS_PATH } from "../routes.js";