camox 0.62.0 → 0.65.1

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

@@ -5,20 +5,25 @@ 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 { patrolMutations } from "../../../lib/queries.js";
 import { AssetLightbox } from "../../preview/components/AssetLightbox.js";
 import { BOTTOM_CARD_EDGES, CARD_BODY_EDGES } from "../../preview/components/SidebarStack.js";
 import { editCollectionItemPath } from "../routes.js";
+import { studioStore } from "../studioStore.js";
 import { timeAgo } from "../draftLabel.js";
+import { askAgentMessage, dismissLabel, dismissedSentence, findingSentence, fixLabel } from "../findingSentence.js";
 import { useShowInCanvas } from "../showInCanvas.js";
 import { Squareling } from "./Squareling.js";
 import { moreSentence, reportSentence, shortTimeAgo, whereReportLeads } from "../reportSentence.js";
 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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { reportLocale } from "@camox/api-contract/patrol";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
 import { Popover, PopoverContent, PopoverTitle, PopoverTrigger } from "@camox/ui/popover";
 import { Badge } from "@camox/ui/badge";
-import { reportLocale } from "@camox/api-contract/patrol";
 
 //#region src/features/studio/components/Patrol.tsx
 /**
@@ -95,7 +100,7 @@ function Patrol(t0) {
 	return t7;
 }
 function ProjectPatrol(t0) {
-	const $ = c(36);
+	const $ = c(53);
 	const { projectId, inDraft } = t0;
 	let t1;
 	if ($[0] !== projectId) {
@@ -132,103 +137,166 @@ function ProjectPatrol(t0) {
 	const roster = useMovingRows(t4);
 	const [openFileId, setOpenFileId] = React.useState(null);
 	const showReport = useShowReport(inDraft, setOpenFileId);
-	if (!shown) return null;
+	const navigate = useNavigate();
 	let t5;
-	if ($[9] !== shown) {
-		t5 = () => setHeldOrder((held) => held ?? shown.patrollers.map(_temp2));
-		$[9] = shown;
-		$[10] = t5;
-	} else t5 = $[10];
-	const hold = t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = patrolMutations.applyFix();
+		$[9] = t5;
+	} else t5 = $[9];
+	const applyFix = useMutation(t5);
 	let t6;
-	if ($[11] !== hold) {
-		t6 = (id_1) => {
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = patrolMutations.dismissFinding();
+		$[10] = t6;
+	} else t6 = $[10];
+	const dismissFinding = useMutation(t6);
+	if (!shown) return null;
+	let t7;
+	if ($[11] !== shown) {
+		t7 = () => setHeldOrder((held) => held ?? shown.patrollers.map(_temp2));
+		$[11] = shown;
+		$[12] = t7;
+	} else t7 = $[12];
+	const hold = t7;
+	let t8;
+	if ($[13] !== hold) {
+		t8 = (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 ($[13] !== hold) {
-		t7 = () => {
+		$[13] = hold;
+		$[14] = t8;
+	} else t8 = $[14];
+	const openReports = t8;
+	let t9;
+	if ($[15] !== hold) {
+		t9 = () => {
 			pointerIn.current = true;
 			hold();
 		};
-		$[13] = hold;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== open) {
-		t8 = () => {
+		$[15] = hold;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== open) {
+		t10 = () => {
 			pointerIn.current = false;
 			if (!open) setHeldOrder(null);
 		};
-		$[15] = open;
-		$[16] = t8;
-	} else t8 = $[16];
-	const t9 = locales?.length === 1;
-	let t10;
-	if ($[17] !== openReports || $[18] !== showReport) {
-		t10 = (report) => {
+		$[17] = open;
+		$[18] = t10;
+	} else t10 = $[18];
+	const t11 = locales?.length === 1;
+	let t12;
+	if ($[19] !== openReports || $[20] !== showReport) {
+		t12 = (shown_0) => {
 			openReports(null);
-			showReport(report);
+			showReport(shown_0);
 		};
-		$[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, {
+		$[19] = openReports;
+		$[20] = showReport;
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] !== applyFix || $[23] !== projectId) {
+		t13 = (finding) => applyFix.mutate({
+			projectId,
+			findingId: finding.id
+		});
+		$[22] = applyFix;
+		$[23] = projectId;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== openReports) {
+		t14 = (patroller, finding_0) => {
+			openReports(null);
+			studioStore.trigger.askAgent({ text: askAgentMessage(finding_0, patroller.role) });
+		};
+		$[25] = openReports;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== dismissFinding || $[28] !== projectId) {
+		t15 = (finding_1) => dismissFinding.mutate({
+			projectId,
+			findingId: finding_1.id
+		});
+		$[27] = dismissFinding;
+		$[28] = projectId;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== navigate || $[31] !== openReports) {
+		t16 = (draft) => {
+			openReports(null);
+			navigate({
+				to: window.location.href,
+				draft: draft.id
+			});
+		};
+		$[30] = navigate;
+		$[31] = openReports;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== inDraft || $[34] !== now || $[35] !== open || $[36] !== openReports || $[37] !== shown || $[38] !== t11 || $[39] !== t12 || $[40] !== t13 || $[41] !== t14 || $[42] !== t15 || $[43] !== t16) {
+		t17 = /* @__PURE__ */ jsx(PatrolRoster, {
 			view: shown,
 			now,
 			inDraft,
-			singleLocale: t9,
+			singleLocale: t11,
 			open,
 			onOpenChange: openReports,
-			onShow: t10
+			onShow: t12,
+			onApply: t13,
+			onAsk: t14,
+			onDismiss: t15,
+			onOpenPatrolDraft: t16
 		});
-		$[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, {
+		$[33] = inDraft;
+		$[34] = now;
+		$[35] = open;
+		$[36] = openReports;
+		$[37] = shown;
+		$[38] = t11;
+		$[39] = t12;
+		$[40] = t13;
+		$[41] = t14;
+		$[42] = t15;
+		$[43] = t16;
+		$[44] = t17;
+	} else t17 = $[44];
+	let t18;
+	if ($[45] !== openFileId) {
+		t18 = openFileId && /* @__PURE__ */ jsx(AssetLightbox, {
 			open: true,
 			onOpenChange: (open_0) => {
 				if (!open_0) setOpenFileId(null);
 			},
 			fileId: openFileId
 		});
-		$[28] = openFileId;
-		$[29] = t12;
-	} else t12 = $[29];
-	let t13;
-	if ($[30] !== roster || $[31] !== t11 || $[32] !== t12 || $[33] !== t7 || $[34] !== t8) {
-		t13 = /* @__PURE__ */ jsxs("div", {
+		$[45] = openFileId;
+		$[46] = t18;
+	} else t18 = $[46];
+	let t19;
+	if ($[47] !== roster || $[48] !== t10 || $[49] !== t17 || $[50] !== t18 || $[51] !== t9) {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			ref: roster,
 			className: "relative",
-			onPointerEnter: t7,
-			onPointerLeave: t8,
-			children: [t11, t12]
+			onPointerEnter: t9,
+			onPointerLeave: t10,
+			children: [t17, t18]
 		});
-		$[30] = roster;
-		$[31] = t11;
-		$[32] = t12;
-		$[33] = t7;
-		$[34] = t8;
-		$[35] = t13;
-	} else t13 = $[35];
-	return t13;
+		$[47] = roster;
+		$[48] = t10;
+		$[49] = t17;
+		$[50] = t18;
+		$[51] = t9;
+		$[52] = t19;
+	} else t19 = $[52];
+	return t19;
 }
 function _temp2(t0) {
 	const { id: id_0 } = t0;
@@ -238,10 +306,15 @@ function _temp(t0) {
 	const { id } = t0;
 	return id;
 }
+/** A report, as the Patrol shows its subject. */
+const shownOf = (report) => ({
+	...report,
+	locale: reportLocale(report.summary)
+});
 /**
-* 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
-* file, opened over the Canvas.
+* Shows a report's or a finding's subject where it is, in its locale, and on Live for a Live one
+* seen from a draft: a page, block or item selected on the Canvas, a record in its collection, or
+* a file, opened over the Canvas.
 */
 function useShowReport(inDraft, openFile) {
 	const $ = c(6);
@@ -254,7 +327,7 @@ function useShowReport(inDraft, openFile) {
 			const { place } = report;
 			if (!place) return;
 			const toLive = inDraft && report.live ? { draft: null } : {};
-			const tag = reportLocale(report.summary);
+			const tag = report.locale;
 			if (place.kind === "page") {
 				const { pageId, blockId, itemId } = place;
 				showInCanvas({
@@ -381,12 +454,12 @@ function _temp4() {
 * 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, open, onOpenChange, onShow } = t0;
+	const $ = c(27);
+	const { view, now, inDraft, singleLocale, open, onOpenChange, onShow, onApply, onAsk, onDismiss, onOpenPatrolDraft } = t0;
 	let t1;
-	if ($[0] !== inDraft || $[1] !== now || $[2] !== onOpenChange || $[3] !== onShow || $[4] !== open || $[5] !== singleLocale || $[6] !== view.patrollers) {
+	if ($[0] !== inDraft || $[1] !== now || $[2] !== onApply || $[3] !== onAsk || $[4] !== onDismiss || $[5] !== onOpenChange || $[6] !== onOpenPatrolDraft || $[7] !== onShow || $[8] !== open || $[9] !== singleLocale || $[10] !== view.patrolDraft || $[11] !== view.patrollers) {
 		let t2;
-		if ($[8] !== inDraft || $[9] !== now || $[10] !== onOpenChange || $[11] !== onShow || $[12] !== open || $[13] !== singleLocale) {
+		if ($[13] !== inDraft || $[14] !== now || $[15] !== onApply || $[16] !== onAsk || $[17] !== onDismiss || $[18] !== onOpenChange || $[19] !== onOpenPatrolDraft || $[20] !== onShow || $[21] !== open || $[22] !== singleLocale || $[23] !== view.patrolDraft) {
 			t2 = (patroller) => /* @__PURE__ */ jsx(PatrollerRow, {
 				patroller,
 				now,
@@ -394,35 +467,50 @@ function PatrolRoster(t0) {
 				idle: singleLocale ? singleLocaleSentence(patroller.id) : void 0,
 				open: open === patroller.id,
 				onOpenChange: (next) => onOpenChange(next ? patroller.id : null),
-				onShow
+				onShow,
+				onApply,
+				onAsk,
+				onDismiss,
+				patrolDraft: view.patrolDraft,
+				onOpenPatrolDraft
 			}, patroller.id);
-			$[8] = inDraft;
-			$[9] = now;
-			$[10] = onOpenChange;
-			$[11] = onShow;
-			$[12] = open;
-			$[13] = singleLocale;
-			$[14] = t2;
-		} else t2 = $[14];
+			$[13] = inDraft;
+			$[14] = now;
+			$[15] = onApply;
+			$[16] = onAsk;
+			$[17] = onDismiss;
+			$[18] = onOpenChange;
+			$[19] = onOpenPatrolDraft;
+			$[20] = onShow;
+			$[21] = open;
+			$[22] = singleLocale;
+			$[23] = view.patrolDraft;
+			$[24] = t2;
+		} else t2 = $[24];
 		t1 = view.patrollers.map(t2);
 		$[0] = inDraft;
 		$[1] = now;
-		$[2] = onOpenChange;
-		$[3] = onShow;
-		$[4] = open;
-		$[5] = singleLocale;
-		$[6] = view.patrollers;
-		$[7] = t1;
-	} else t1 = $[7];
+		$[2] = onApply;
+		$[3] = onAsk;
+		$[4] = onDismiss;
+		$[5] = onOpenChange;
+		$[6] = onOpenPatrolDraft;
+		$[7] = onShow;
+		$[8] = open;
+		$[9] = singleLocale;
+		$[10] = view.patrolDraft;
+		$[11] = view.patrollers;
+		$[12] = t1;
+	} else t1 = $[12];
 	let t2;
-	if ($[15] !== t1) {
+	if ($[25] !== t1) {
 		t2 = /* @__PURE__ */ jsx("ul", {
 			className: "flex flex-col gap-px p-1",
 			children: t1
 		});
-		$[15] = t1;
-		$[16] = t2;
-	} else t2 = $[16];
+		$[25] = t1;
+		$[26] = t2;
+	} else t2 = $[26];
 	return t2;
 }
 /**
@@ -455,8 +543,8 @@ function WorkingArc() {
 	return t0;
 }
 function PatrollerRow(t0) {
-	const $ = c(53);
-	const { patroller, now, inDraft, idle, open, onOpenChange, onShow } = t0;
+	const $ = c(65);
+	const { patroller, now, inDraft, idle, open, onOpenChange, onShow, onApply, onAsk, onDismiss, patrolDraft, onOpenPatrolDraft } = t0;
 	const statusId = React.useId();
 	let t1;
 	if ($[0] !== patroller.id || $[1] !== patroller.working) {
@@ -467,173 +555,334 @@ function PatrollerRow(t0) {
 	} else t1 = $[2];
 	const working = t1;
 	let t2;
-	if ($[3] !== idle || $[4] !== now || $[5] !== patroller.lastActivityAt || $[6] !== working) {
-		t2 = working ?? idle ?? (patroller.lastActivityAt === null ? "" : timeAgo(patroller.lastActivityAt, now));
+	if ($[3] !== idle || $[4] !== now || $[5] !== patroller.duty || $[6] !== patroller.lastActivityAt || $[7] !== working) {
+		t2 = working ?? idle ?? (patroller.duty === "atPublish" ? "Checks when you publish" : void 0) ?? (patroller.lastActivityAt === null ? "" : timeAgo(patroller.lastActivityAt, now));
 		$[3] = idle;
 		$[4] = now;
-		$[5] = patroller.lastActivityAt;
-		$[6] = working;
-		$[7] = t2;
-	} else t2 = $[7];
+		$[5] = patroller.duty;
+		$[6] = patroller.lastActivityAt;
+		$[7] = working;
+		$[8] = t2;
+	} else t2 = $[8];
 	const subtitle = t2;
+	const count = patroller.findings.length;
 	const t3 = open || void 0;
 	const t4 = working ? statusId : void 0;
-	const t5 = working ? "working" : "idle";
+	const t5 = working ? "working" : patroller.duty === "off" ? "asleep" : "idle";
 	let t6;
-	if ($[8] !== patroller.id || $[9] !== t5) {
+	if ($[9] !== patroller.id || $[10] !== t5) {
 		t6 = /* @__PURE__ */ jsx(Squareling, {
 			variant: patroller.id,
 			status: t5,
 			className: "size-5"
 		});
-		$[8] = patroller.id;
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
+		$[9] = patroller.id;
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
 	let t7;
-	if ($[11] !== working) {
+	if ($[12] !== working) {
 		t7 = working && /* @__PURE__ */ jsx(WorkingArc, {});
-		$[11] = working;
-		$[12] = t7;
-	} else t7 = $[12];
+		$[12] = working;
+		$[13] = t7;
+	} else t7 = $[13];
 	let t8;
-	if ($[13] !== t6 || $[14] !== t7) {
+	if ($[14] !== t6 || $[15] !== t7) {
 		t8 = /* @__PURE__ */ jsxs("span", {
 			className: "bg-muted relative flex size-8 shrink-0 items-center justify-center rounded-full",
 			children: [t6, t7]
 		});
-		$[13] = t6;
-		$[14] = t7;
-		$[15] = t8;
-	} else t8 = $[15];
+		$[14] = t6;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
 	let t9;
-	if ($[16] !== patroller.role) {
+	if ($[17] !== patroller.role) {
 		t9 = /* @__PURE__ */ jsx("span", {
 			"data-patroller-role": true,
 			className: "truncate text-sm font-medium",
 			children: patroller.role
 		});
-		$[16] = patroller.role;
-		$[17] = t9;
-	} else t9 = $[17];
+		$[17] = patroller.role;
+		$[18] = t9;
+	} else t9 = $[18];
 	const t10 = working ? true : void 0;
 	let t11;
-	if ($[18] !== subtitle || $[19] !== t10) {
+	if ($[19] !== subtitle || $[20] !== t10) {
 		t11 = /* @__PURE__ */ jsx("span", {
 			"data-patroller-subtitle": true,
 			"aria-hidden": t10,
 			className: "text-muted-foreground truncate text-xs",
 			children: subtitle
 		});
-		$[18] = subtitle;
-		$[19] = t10;
-		$[20] = t11;
-	} else t11 = $[20];
+		$[19] = subtitle;
+		$[20] = t10;
+		$[21] = t11;
+	} else t11 = $[21];
 	let t12;
-	if ($[21] !== t11 || $[22] !== t9) {
+	if ($[22] !== t11 || $[23] !== t9) {
 		t12 = /* @__PURE__ */ jsxs("span", {
 			className: "flex min-w-0 flex-col",
 			children: [t9, t11]
 		});
-		$[21] = t11;
-		$[22] = t9;
-		$[23] = t12;
-	} else t12 = $[23];
+		$[22] = t11;
+		$[23] = t9;
+		$[24] = t12;
+	} else t12 = $[24];
 	let t13;
-	if ($[24] !== t12 || $[25] !== t4 || $[26] !== t8) {
-		t13 = /* @__PURE__ */ jsxs(PopoverTrigger, {
+	if ($[25] !== count) {
+		t13 = count > 0 && /* @__PURE__ */ jsx("span", {
+			"data-findings-count": true,
+			"aria-label": `${count} open ${count === 1 ? "finding" : "findings"}`,
+			className: "bg-foreground text-background ml-auto flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full px-1.5 text-xs font-medium tabular-nums",
+			children: count
+		});
+		$[25] = count;
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== t12 || $[28] !== t13 || $[29] !== t4 || $[30] !== t8) {
+		t14 = /* @__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]
+			children: [
+				t8,
+				t12,
+				t13
+			]
 		});
-		$[24] = t12;
-		$[25] = t4;
-		$[26] = t8;
-		$[27] = t13;
-	} else t13 = $[27];
-	let t14;
-	if ($[28] !== patroller.role) {
-		t14 = /* @__PURE__ */ jsx(PopoverTitle, {
+		$[27] = t12;
+		$[28] = t13;
+		$[29] = t4;
+		$[30] = t8;
+		$[31] = t14;
+	} else t14 = $[31];
+	let t15;
+	if ($[32] !== patroller.role) {
+		t15 = /* @__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, {
+		$[32] = patroller.role;
+		$[33] = t15;
+	} else t15 = $[33];
+	let t16;
+	if ($[34] !== onAsk || $[35] !== patroller) {
+		t16 = (finding) => onAsk(patroller, finding);
+		$[34] = onAsk;
+		$[35] = patroller;
+		$[36] = t16;
+	} else t16 = $[36];
+	let t17;
+	if ($[37] !== inDraft || $[38] !== now || $[39] !== onApply || $[40] !== onDismiss || $[41] !== onOpenPatrolDraft || $[42] !== onShow || $[43] !== patrolDraft || $[44] !== patroller || $[45] !== t16) {
+		t17 = /* @__PURE__ */ jsx(PatrollerDetails, {
 			patroller,
 			now,
 			inDraft,
-			onShow
+			onShow,
+			onApply,
+			onAsk: t16,
+			onDismiss,
+			patrolDraft,
+			onOpenPatrolDraft
 		});
-		$[30] = inDraft;
-		$[31] = now;
-		$[32] = onShow;
-		$[33] = patroller;
-		$[34] = t15;
-	} else t15 = $[34];
-	let t16;
-	if ($[35] !== t14 || $[36] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(PopoverContent, {
+		$[37] = inDraft;
+		$[38] = now;
+		$[39] = onApply;
+		$[40] = onDismiss;
+		$[41] = onOpenPatrolDraft;
+		$[42] = onShow;
+		$[43] = patrolDraft;
+		$[44] = patroller;
+		$[45] = t16;
+		$[46] = t17;
+	} else t17 = $[46];
+	let t18;
+	if ($[47] !== t15 || $[48] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(PopoverContent, {
 			side: "left",
 			align: "start",
 			sideOffset: 12,
 			className: "w-80 gap-2 p-3",
-			children: [t14, t15]
+			children: [t15, t17]
 		});
-		$[35] = t14;
-		$[36] = t15;
-		$[37] = t16;
-	} else t16 = $[37];
-	let t17;
-	if ($[38] !== onOpenChange || $[39] !== open || $[40] !== t13 || $[41] !== t16) {
-		t17 = /* @__PURE__ */ jsxs(Popover, {
+		$[47] = t15;
+		$[48] = t17;
+		$[49] = t18;
+	} else t18 = $[49];
+	let t19;
+	if ($[50] !== onOpenChange || $[51] !== open || $[52] !== t14 || $[53] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(Popover, {
 			open,
 			onOpenChange,
-			children: [t13, t16]
+			children: [t14, t18]
 		});
-		$[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", {
+		$[50] = onOpenChange;
+		$[51] = open;
+		$[52] = t14;
+		$[53] = t18;
+		$[54] = t19;
+	} else t19 = $[54];
+	let t20;
+	if ($[55] !== working) {
+		t20 = working && `Working: ${working.charAt(0).toLowerCase()}${working.slice(1)}`;
+		$[55] = working;
+		$[56] = t20;
+	} else t20 = $[56];
+	let t21;
+	if ($[57] !== statusId || $[58] !== t20) {
+		t21 = /* @__PURE__ */ jsx("span", {
 			id: statusId,
 			"data-working-status": true,
 			role: "status",
 			className: "sr-only",
-			children: t18
+			children: t20
 		});
-		$[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", {
+		$[57] = statusId;
+		$[58] = t20;
+		$[59] = t21;
+	} else t21 = $[59];
+	let t22;
+	if ($[60] !== patroller.id || $[61] !== t19 || $[62] !== t21 || $[63] !== t3) {
+		t22 = /* @__PURE__ */ jsxs("li", {
 			"data-patroller": patroller.id,
 			"data-open": t3,
 			className: "flex flex-col",
-			children: [t17, t19]
+			children: [t19, t21]
 		});
-		$[48] = patroller.id;
-		$[49] = t17;
-		$[50] = t19;
-		$[51] = t3;
-		$[52] = t20;
-	} else t20 = $[52];
-	return t20;
+		$[60] = patroller.id;
+		$[61] = t19;
+		$[62] = t21;
+		$[63] = t3;
+		$[64] = t22;
+	} else t22 = $[64];
+	return t22;
+}
+/**
+* What a patroller's popover shows: its open findings with their actions, then its reports, then
+* the history of its dismissals.
+*/
+function PatrollerDetails(t0) {
+	const $ = c(23);
+	const { patroller, now, inDraft, onShow, onApply, onAsk, onDismiss, patrolDraft, onOpenPatrolDraft } = t0;
+	let t1;
+	if ($[0] !== inDraft || $[1] !== onApply || $[2] !== onAsk || $[3] !== onDismiss || $[4] !== onOpenPatrolDraft || $[5] !== onShow || $[6] !== patrolDraft || $[7] !== patroller.findings || $[8] !== patroller.id) {
+		t1 = patroller.findings.length > 0 && /* @__PURE__ */ jsx("ul", {
+			"data-findings": patroller.id,
+			className: "flex flex-col gap-2 text-xs",
+			children: patroller.findings.map((finding) => /* @__PURE__ */ jsxs("li", {
+				"data-finding": true,
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex items-baseline gap-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						"data-finding-sentence": true,
+						className: "min-w-0 flex-1",
+						children: findingSentence(finding)
+					}), inDraft && finding.live && /* @__PURE__ */ jsx(Badge, {
+						variant: "outline",
+						size: "sm",
+						children: "Live"
+					})]
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "flex flex-wrap gap-1",
+					children: [
+						finding.place && /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "xs",
+							onClick: () => onShow(finding),
+							children: "Show"
+						}),
+						finding.fix && !finding.live && /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "xs",
+							onClick: () => onApply(finding),
+							children: fixLabel(finding.fix)
+						}),
+						inDraft && !finding.live && /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "xs",
+							onClick: () => onAsk(finding),
+							children: "Ask the agent"
+						}),
+						!inDraft && patrolDraft && /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "xs",
+							onClick: () => onOpenPatrolDraft(patrolDraft),
+							children: "Open the Patrol Draft"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "xs",
+							onClick: () => onDismiss(finding),
+							children: dismissLabel(finding.about)
+						})
+					]
+				})]
+			}, finding.id))
+		});
+		$[0] = inDraft;
+		$[1] = onApply;
+		$[2] = onAsk;
+		$[3] = onDismiss;
+		$[4] = onOpenPatrolDraft;
+		$[5] = onShow;
+		$[6] = patrolDraft;
+		$[7] = patroller.findings;
+		$[8] = patroller.id;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	if ($[10] !== inDraft || $[11] !== now || $[12] !== onShow || $[13] !== patroller) {
+		t2 = /* @__PURE__ */ jsx(PatrollerReports, {
+			patroller,
+			now,
+			inDraft,
+			onShow
+		});
+		$[10] = inDraft;
+		$[11] = now;
+		$[12] = onShow;
+		$[13] = patroller;
+		$[14] = t2;
+	} else t2 = $[14];
+	let t3;
+	if ($[15] !== now || $[16] !== patroller.dismissals || $[17] !== patroller.id) {
+		t3 = patroller.dismissals.length > 0 && /* @__PURE__ */ jsx("ul", {
+			"data-dismissals": patroller.id,
+			"aria-label": "Dismissed",
+			className: "text-muted-foreground flex flex-col gap-1 border-t pt-2 text-xs",
+			children: patroller.dismissals.map((dismissal) => /* @__PURE__ */ jsxs("li", {
+				"data-dismissal": true,
+				className: "flex items-baseline gap-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1",
+					children: `${dismissedSentence(dismissal.about)}: dismissed by ${dismissal.by.name}`
+				}), /* @__PURE__ */ jsx("time", {
+					dateTime: new Date(dismissal.at).toISOString(),
+					className: "shrink-0",
+					children: shortTimeAgo(dismissal.at, now)
+				})]
+			}, dismissal.id))
+		});
+		$[15] = now;
+		$[16] = patroller.dismissals;
+		$[17] = patroller.id;
+		$[18] = t3;
+	} else t3 = $[18];
+	let t4;
+	if ($[19] !== t1 || $[20] !== t2 || $[21] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t1,
+			t2,
+			t3
+		] });
+		$[19] = t1;
+		$[20] = t2;
+		$[21] = t3;
+		$[22] = t4;
+	} else t4 = $[22];
+	return t4;
 }
 /**
 * A patroller's reports, latest first, each with a Live tag when a draft is viewed and how long
@@ -643,6 +892,7 @@ function PatrollerReports(t0) {
 	const $ = c(16);
 	const { patroller, now, inDraft, onShow } = t0;
 	if (patroller.reports.length === 0 && patroller.more.length === 0) {
+		if (patroller.findings.length > 0 || patroller.dismissals.length > 0) return null;
 		let t1;
 		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 			t1 = /* @__PURE__ */ jsx("p", {
@@ -753,7 +1003,7 @@ function ReportSentence(t0) {
 	const t3 = `${sentence}: ${leads}`;
 	let t4;
 	if ($[8] !== onShow || $[9] !== report) {
-		t4 = () => onShow(report);
+		t4 = () => onShow(shownOf(report));
 		$[8] = onShow;
 		$[9] = report;
 		$[10] = t4;
@@ -776,4 +1026,4 @@ function ReportSentence(t0) {
 }
 
 //#endregion
-export { Patrol, PatrolRoster, PatrollerReports, inHeldOrder };
+export { Patrol, PatrolRoster, PatrollerDetails, PatrollerReports, inHeldOrder };