camox 0.63.0 → 0.65.1

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

@@ -14,6 +14,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * while it works; the SEO manager is a tall block with the small shape's soft corner, in amber,
 * scanning down while it works.
 *
+* A patroller off duty where the editor is sleeps, eyes closed, breathing slowly.
+*
 * One face flows into the next: its eyes glide to where the next face holds them, opening or
 * narrowing, and a looping motion settles before the next one starts (`useFaceChange`).
 */
@@ -67,7 +69,8 @@ function Squareling(props) {
 					status: props.status
 				}) : /* @__PURE__ */ jsx(PatrollerEyes, {
 					eyes: look.eyes,
-					working: props.status === "working"
+					working: props.status === "working",
+					asleep: props.status === "asleep"
 				})
 			})
 		});
@@ -183,6 +186,24 @@ const LOOKS = {
 			x: [44, 63],
 			y: 28
 		}
+	},
+	linkChecker: {
+		body: "M32 14H68Q86 14 86 32V68Q86 86 68 86H32Q14 86 14 68V32Q14 14 32 14Z",
+		middle: 50,
+		fill: "fill-sky-500",
+		eyes: {
+			x: [40, 59],
+			y: 32
+		}
+	},
+	proofreader: {
+		body: "M20 10H64L88 34V82Q88 90 80 90H20Q12 90 12 82V18Q12 10 20 10Z",
+		middle: 50,
+		fill: "fill-rose-500",
+		eyes: {
+			x: [34, 53],
+			y: 38
+		}
 	}
 };
 const EYE_WIDTH = 11;
@@ -192,60 +213,68 @@ const OPEN = 17;
 const NARROWED = 6;
 /** How far down a narrowed eye's middle sits, from the open one's. */
 const NARROWED_SHIFT = 2.5;
+const CLOSED = 2;
+/** How far down a closed eye's middle sits, from the open one's: near its lower lid. */
+const CLOSED_SHIFT = 5;
 /**
-* One eye, its left edge at `x` and its top at `y`: open, or narrowed on the work, lower down.
-* It narrows by scaling, which `studio.css` eases. Only an eye that blinks carries the class
-* `studio.css` blinks.
+* One eye, its left edge at `x` and its top at `y`: open, narrowed on the work, or closed, each
+* lower down. It narrows and closes by scaling, which `studio.css` eases. Only an eye that blinks
+* carries the class `studio.css` blinks.
 */
 function Eye(t0) {
-	const $ = c(9);
-	const { x, y, narrowed, blinks } = t0;
-	const t1 = blinks && "squareling-blinks";
-	let t2;
-	if ($[0] !== t1) {
-		t2 = cn("squareling-eye", t1);
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
+	const $ = c(7);
+	const { x, y, narrowed, closed: t1, blinks } = t0;
+	const openness = (t1 === void 0 ? false : t1) ? "closed" : narrowed ? "narrowed" : "open";
+	const t2 = blinks && "squareling-blinks";
 	let t3;
-	if ($[2] !== narrowed) {
-		t3 = narrowed ? {
-			scale: `1 ${NARROWED / OPEN}`,
-			translate: `0 ${NARROWED_SHIFT}px`
-		} : {
-			scale: "1",
-			translate: "0"
-		};
-		$[2] = narrowed;
-		$[3] = t3;
-	} else t3 = $[3];
-	let t4;
-	if ($[4] !== t2 || $[5] !== t3 || $[6] !== x || $[7] !== y) {
-		t4 = /* @__PURE__ */ jsx("rect", {
-			className: t2,
+	if ($[0] !== t2) {
+		t3 = cn("squareling-eye", t2);
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	const t4 = EYE_STYLES[openness];
+	let t5;
+	if ($[2] !== t3 || $[3] !== t4 || $[4] !== x || $[5] !== y) {
+		t5 = /* @__PURE__ */ jsx("rect", {
+			className: t3,
 			x,
 			y,
 			width: EYE_WIDTH,
 			height: OPEN,
-			style: t3
+			style: t4
 		});
-		$[4] = t2;
-		$[5] = t3;
-		$[6] = x;
-		$[7] = y;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
+		$[2] = t3;
+		$[3] = t4;
+		$[4] = x;
+		$[5] = y;
+		$[6] = t5;
+	} else t5 = $[6];
+	return t5;
 }
+const EYE_STYLES = {
+	open: {
+		scale: "1",
+		translate: "0"
+	},
+	narrowed: {
+		scale: `1 ${NARROWED / OPEN}`,
+		translate: `0 ${NARROWED_SHIFT}px`
+	},
+	closed: {
+		scale: `1 ${CLOSED / OPEN}`,
+		translate: `0 ${CLOSED_SHIFT}px`
+	}
+};
 /**
 * The agent's eyes: both narrowed on the work while making changes, the right one while fixing,
-* open otherwise, blinking unless it looks around.
+* open otherwise, blinking unless it looks around, makes changes, or checks the design, its eyes
+* fixed on it.
 */
 function AgentEyes(t0) {
 	const $ = c(13);
 	const { eyes, status } = t0;
 	const [left, right] = eyes.x;
-	const blinks = status !== "exploring" && status !== "changing";
+	const blinks = status !== "exploring" && status !== "changing" && status !== "checking";
 	const t1 = status === "changing";
 	let t2;
 	if ($[0] !== blinks || $[1] !== eyes.y || $[2] !== left || $[3] !== t1) {
@@ -285,13 +314,17 @@ function AgentEyes(t0) {
 	} else t5 = $[12];
 	return t5;
 }
-/** A patroller's eyes: open while idle, narrowed on the work while working. */
-function PatrollerEyes({ eyes, working }) {
+/**
+* A patroller's eyes: open while idle, narrowed on the work while working, closed while asleep,
+* when they don't blink.
+*/
+function PatrollerEyes({ eyes, working, asleep }) {
 	return eyes.x.map((x) => /* @__PURE__ */ jsx(Eye, {
 		x,
 		y: eyes.y,
 		narrowed: working,
-		blinks: true
+		closed: asleep,
+		blinks: !asleep
 	}, x));
 }
 

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

@@ -1,5 +1,5 @@
 import { c } from "react/compiler-runtime";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowUp, Square, SquareDashedMousePointer, X } from "lucide-react";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea } from "@camox/ui/input-group";
@@ -8,47 +8,69 @@ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea } fro
 /**
 * Where an editor writes to the agent: Enter sends, Shift+Enter adds a line. While a run is
 * going, sending steers it, and a Stop button sits beside Send. Over the message, what the
-* editor has selected, which their messages carry to the agent until they clear it.
+* editor has selected, which their messages carry to the agent until they clear it. A message
+* filled in from elsewhere in the studio replaces what the editor wrote, for them to send.
 */
 function ThreadComposer(t0) {
-	const $ = c(36);
-	const { onSend, onStop, selection, onClearSelection, running: t1, disabled: t2 } = t0;
+	const $ = c(39);
+	const { onSend, onStop, selection, onClearSelection, running: t1, disabled: t2, filled } = t0;
 	const running = t1 === void 0 ? false : t1;
 	const disabled = t2 === void 0 ? false : t2;
 	const [text, setText] = useState("");
+	const [filledId, setFilledId] = useState();
+	if (filled && filled.id !== filledId) {
+		setFilledId(filled.id);
+		setText(filled.text);
+	}
+	const box = useRef(null);
 	let t3;
-	if ($[0] !== text) {
-		t3 = text.trim();
-		$[0] = text;
+	let t4;
+	if ($[0] !== filledId) {
+		t3 = () => {
+			if (filledId !== void 0) box.current?.focus();
+		};
+		t4 = [filledId];
+		$[0] = filledId;
 		$[1] = t3;
-	} else t3 = $[1];
-	const message = t3;
+		$[2] = t4;
+	} else {
+		t3 = $[1];
+		t4 = $[2];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[3] !== text) {
+		t5 = text.trim();
+		$[3] = text;
+		$[4] = t5;
+	} else t5 = $[4];
+	const message = t5;
 	const canSend = !disabled && message !== "" && onSend !== void 0;
-	let t4;
-	if ($[2] !== canSend || $[3] !== message || $[4] !== onSend) {
-		t4 = () => {
+	let t6;
+	if ($[5] !== canSend || $[6] !== message || $[7] !== onSend) {
+		t6 = () => {
 			if (!canSend) return;
 			onSend(message);
 			setText("");
 		};
-		$[2] = canSend;
-		$[3] = message;
-		$[4] = onSend;
-		$[5] = t4;
-	} else t4 = $[5];
-	const submit = t4;
-	let t5;
-	if ($[6] !== submit) {
-		t5 = (event) => {
+		$[5] = canSend;
+		$[6] = message;
+		$[7] = onSend;
+		$[8] = t6;
+	} else t6 = $[8];
+	const submit = t6;
+	let t7;
+	if ($[9] !== submit) {
+		t7 = (event) => {
 			event.preventDefault();
 			submit();
 		};
-		$[6] = submit;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== onClearSelection || $[9] !== selection) {
-		t6 = selection && /* @__PURE__ */ jsx(InputGroupAddon, {
+		$[9] = submit;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== onClearSelection || $[12] !== selection) {
+		t8 = selection && /* @__PURE__ */ jsx(InputGroupAddon, {
 			align: "block-start",
 			className: "border-input border-b",
 			children: /* @__PURE__ */ jsx(SelectionChip, {
@@ -56,44 +78,45 @@ function ThreadComposer(t0) {
 				onClear: onClearSelection
 			})
 		});
-		$[8] = onClearSelection;
-		$[9] = selection;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = (event_0) => setText(event_0.target.value);
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== submit) {
-		t8 = (event_1) => {
+		$[11] = onClearSelection;
+		$[12] = selection;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = (event_0) => setText(event_0.target.value);
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== submit) {
+		t10 = (event_1) => {
 			if (event_1.key !== "Enter" || event_1.shiftKey || event_1.nativeEvent.isComposing) return;
 			event_1.preventDefault();
 			submit();
 		};
-		$[12] = submit;
-		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] !== disabled || $[15] !== t8 || $[16] !== text) {
-		t9 = /* @__PURE__ */ jsx(InputGroupTextarea, {
+		$[15] = submit;
+		$[16] = t10;
+	} else t10 = $[16];
+	let t11;
+	if ($[17] !== disabled || $[18] !== t10 || $[19] !== text) {
+		t11 = /* @__PURE__ */ jsx(InputGroupTextarea, {
+			ref: box,
 			"aria-label": "Message",
 			placeholder: "Message Camox…",
 			value: text,
 			disabled,
-			onChange: t7,
-			onKeyDown: t8,
+			onChange: t9,
+			onKeyDown: t10,
 			className: "max-h-48 min-h-14"
 		});
-		$[14] = disabled;
-		$[15] = t8;
-		$[16] = text;
-		$[17] = t9;
-	} else t9 = $[17];
-	let t10;
-	if ($[18] !== disabled || $[19] !== onStop || $[20] !== running) {
-		t10 = running && onStop && /* @__PURE__ */ jsxs(InputGroupButton, {
+		$[17] = disabled;
+		$[18] = t10;
+		$[19] = text;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== disabled || $[22] !== onStop || $[23] !== running) {
+		t12 = running && onStop && /* @__PURE__ */ jsxs(InputGroupButton, {
 			type: "button",
 			variant: "outline",
 			size: "icon-sm",
@@ -104,73 +127,73 @@ function ThreadComposer(t0) {
 				children: "Stop"
 			})]
 		});
-		$[18] = disabled;
-		$[19] = onStop;
-		$[20] = running;
-		$[21] = t10;
-	} else t10 = $[21];
-	const t11 = !canSend;
-	let t12;
-	let t13;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(ArrowUp, {});
-		t13 = /* @__PURE__ */ jsx("span", {
+		$[21] = disabled;
+		$[22] = onStop;
+		$[23] = running;
+		$[24] = t12;
+	} else t12 = $[24];
+	const t13 = !canSend;
+	let t14;
+	let t15;
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsx(ArrowUp, {});
+		t15 = /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: "Send"
 		});
-		$[22] = t12;
-		$[23] = t13;
+		$[25] = t14;
+		$[26] = t15;
 	} else {
-		t12 = $[22];
-		t13 = $[23];
+		t14 = $[25];
+		t15 = $[26];
 	}
-	let t14;
-	if ($[24] !== t11) {
-		t14 = /* @__PURE__ */ jsxs(InputGroupButton, {
+	let t16;
+	if ($[27] !== t13) {
+		t16 = /* @__PURE__ */ jsxs(InputGroupButton, {
 			type: "submit",
 			variant: "default",
 			size: "icon-sm",
-			disabled: t11,
-			children: [t12, t13]
+			disabled: t13,
+			children: [t14, t15]
 		});
-		$[24] = t11;
-		$[25] = t14;
-	} else t14 = $[25];
-	let t15;
-	if ($[26] !== t10 || $[27] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(InputGroupAddon, {
+		$[27] = t13;
+		$[28] = t16;
+	} else t16 = $[28];
+	let t17;
+	if ($[29] !== t12 || $[30] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(InputGroupAddon, {
 			align: "block-end",
 			className: "justify-end",
-			children: [t10, t14]
+			children: [t12, t16]
 		});
-		$[26] = t10;
-		$[27] = t14;
-		$[28] = t15;
-	} else t15 = $[28];
-	let t16;
-	if ($[29] !== t15 || $[30] !== t6 || $[31] !== t9) {
-		t16 = /* @__PURE__ */ jsxs(InputGroup, { children: [
-			t6,
-			t9,
-			t15
+		$[29] = t12;
+		$[30] = t16;
+		$[31] = t17;
+	} else t17 = $[31];
+	let t18;
+	if ($[32] !== t11 || $[33] !== t17 || $[34] !== t8) {
+		t18 = /* @__PURE__ */ jsxs(InputGroup, { children: [
+			t8,
+			t11,
+			t17
 		] });
-		$[29] = t15;
-		$[30] = t6;
-		$[31] = t9;
-		$[32] = t16;
-	} else t16 = $[32];
-	let t17;
-	if ($[33] !== t16 || $[34] !== t5) {
-		t17 = /* @__PURE__ */ jsx("form", {
+		$[32] = t11;
+		$[33] = t17;
+		$[34] = t8;
+		$[35] = t18;
+	} else t18 = $[35];
+	let t19;
+	if ($[36] !== t18 || $[37] !== t7) {
+		t19 = /* @__PURE__ */ jsx("form", {
 			className: "p-2",
-			onSubmit: t5,
-			children: t16
+			onSubmit: t7,
+			children: t18
 		});
-		$[33] = t16;
-		$[34] = t5;
-		$[35] = t17;
-	} else t17 = $[35];
-	return t17;
+		$[36] = t18;
+		$[37] = t7;
+		$[38] = t19;
+	} else t19 = $[38];
+	return t19;
 }
 /** The selection the editor's messages carry, by its name. */
 function SelectionChip(t0) {

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

@@ -3,7 +3,7 @@ import { Squareling } from "./Squareling.js";
 import { ThreadMarkdown } from "./ThreadMarkdown.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 { Avatar, AvatarFallback, AvatarImage } from "@camox/ui/avatar";
 import { Bubble, BubbleContent } from "@camox/ui/bubble";
 import { Message, MessageAvatar, MessageContent, MessageHeader } from "@camox/ui/message";
@@ -274,6 +274,7 @@ const SQUARELING_STATUSES = {
 	exploring: "exploring",
 	changing: "changing",
 	building: "building",
+	checking: "checking",
 	fixing: "fixing",
 	startingDraft: "changing"
 };
@@ -282,6 +283,7 @@ const ACTIVITY_LINES = {
 	exploring: "Looking around…",
 	changing: "Making changes…",
 	building: "Building…",
+	checking: "Checking the design…",
 	fixing: "Fixing the build…",
 	startingDraft: "Starting a draft…"
 };
@@ -419,10 +421,7 @@ function ThreadMessageRow(t0) {
 			t4 = /* @__PURE__ */ jsx(Bubble, {
 				variant: "muted",
 				className: "max-w-full",
-				children: /* @__PURE__ */ jsx(BubbleContent, {
-					className: "whitespace-pre-wrap",
-					children: message.text
-				})
+				children: /* @__PURE__ */ jsx(BubbleContent, { children: /* @__PURE__ */ jsx(CroppedText, { text: message.text }) })
 			});
 			$[29] = message.text;
 			$[30] = t4;
@@ -450,10 +449,7 @@ function ThreadMessageRow(t0) {
 			t2 = /* @__PURE__ */ jsx(Message, { children: /* @__PURE__ */ jsxs(MessageContent, { children: [t1, /* @__PURE__ */ jsx(Bubble, {
 				variant: "muted",
 				className: "max-w-full",
-				children: /* @__PURE__ */ jsx(BubbleContent, {
-					className: "whitespace-pre-wrap",
-					children: message.text
-				})
+				children: /* @__PURE__ */ jsx(BubbleContent, { children: /* @__PURE__ */ jsx(CroppedText, { text: message.text }) })
 			})] }) });
 			$[35] = message.text;
 			$[36] = t2;
@@ -472,10 +468,7 @@ function ThreadMessageRow(t0) {
 			align: "end",
 			variant: "muted",
 			className: "max-w-full",
-			children: /* @__PURE__ */ jsx(BubbleContent, {
-				className: "whitespace-pre-wrap",
-				children: message.text
-			})
+			children: /* @__PURE__ */ jsx(BubbleContent, { children: /* @__PURE__ */ jsx(CroppedText, { text: message.text }) })
 		}) });
 		$[39] = message.text;
 		$[40] = t2;
@@ -498,6 +491,82 @@ function _temp(subject, index) {
 		children: subject
 	}, index);
 }
+/**
+* A message's text, cropped past its fourth line: the next ones fade out, above a button that
+* shows it all. A message that fits shows as is.
+*/
+function CroppedText(t0) {
+	const $ = c(17);
+	const { text } = t0;
+	const node = React.useRef(null);
+	const [overflows, setOverflows] = React.useState(false);
+	const [expanded, setExpanded] = React.useState(false);
+	let t1;
+	if ($[0] !== expanded) {
+		t1 = () => {
+			const element = node.current;
+			if (!element || expanded) return;
+			const measure = () => setOverflows(element.scrollHeight > element.clientHeight + 1);
+			measure();
+			const observer = new ResizeObserver(measure);
+			observer.observe(element);
+			return () => observer.disconnect();
+		};
+		$[0] = expanded;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== expanded || $[3] !== text) {
+		t2 = [text, expanded];
+		$[2] = expanded;
+		$[3] = text;
+		$[4] = t2;
+	} else t2 = $[4];
+	React.useLayoutEffect(t1, t2);
+	const cropped = !expanded && overflows;
+	const t3 = cropped || void 0;
+	const t4 = !expanded && "max-h-[5.5lh] overflow-hidden";
+	const t5 = cropped && "mask-[linear-gradient(to_bottom,black_4lh,transparent)]";
+	let t6;
+	if ($[5] !== t4 || $[6] !== t5) {
+		t6 = cn("whitespace-pre-wrap", t4, t5);
+		$[5] = t4;
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
+	let t7;
+	if ($[8] !== t3 || $[9] !== t6 || $[10] !== text) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			ref: node,
+			"data-thread-cropped": t3,
+			className: t6,
+			children: text
+		});
+		$[8] = t3;
+		$[9] = t6;
+		$[10] = text;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== cropped) {
+		t8 = cropped && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => setExpanded(true),
+			className: "focus-visible:ring-ring mt-1 rounded-sm font-medium hover:underline focus-visible:ring-2 focus-visible:outline-none",
+			children: "Show full message"
+		});
+		$[12] = cropped;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== t7 || $[15] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Fragment, { children: [t7, t8] });
+		$[14] = t7;
+		$[15] = t8;
+		$[16] = t9;
+	} else t9 = $[16];
+	return t9;
+}
 const initials = (name) => name.split(" ").map((part) => part[0]).join("").toUpperCase().slice(0, 2);
 const DRAFT_CARD_CLASSES = "bg-muted/50 flex w-full flex-col items-start gap-0.5 rounded-lg border px-3 py-2 text-left text-sm";
 /**

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

@@ -0,0 +1,10 @@
+//#region src/features/studio/components/clientLogoPaths.ts
+/** Each client's mark, as one SVG path on a 24×24 box. */
+const CLIENT_LOGO_PATHS = {
+	claude: "m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z",
+	chatgpt: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z",
+	copilot: "M23.922 16.997C23.061 18.492 18.063 22.02 12 22.02 5.937 22.02.939 18.492.078 16.997A.641.641 0 0 1 0 16.741v-2.869a.883.883 0 0 1 .053-.22c.372-.935 1.347-2.292 2.605-2.656.167-.429.414-1.055.644-1.517a10.098 10.098 0 0 1-.052-1.086c0-1.331.282-2.499 1.132-3.368.397-.406.89-.717 1.474-.952C7.255 2.937 9.248 1.98 11.978 1.98c2.731 0 4.767.957 6.166 2.093.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086.23.462.477 1.088.644 1.517 1.258.364 2.233 1.721 2.605 2.656a.841.841 0 0 1 .053.22v2.869a.641.641 0 0 1-.078.256Zm-11.75-5.992h-.344a4.359 4.359 0 0 1-.355.508c-.77.947-1.918 1.492-3.508 1.492-1.725 0-2.989-.359-3.782-1.259a2.137 2.137 0 0 1-.085-.104L4 11.746v6.585c1.435.779 4.514 2.179 8 2.179 3.486 0 6.565-1.4 8-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.545-3.508-1.492a4.359 4.359 0 0 1-.355-.508Zm2.328 3.25c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm-5 0c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm3.313-6.185c.136 1.057.403 1.913.878 2.497.442.544 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.15.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438 1.578v.021c0 .265.021.562.063.893Zm-1.626 0c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824 1.025-.462.472-.705 1.179-.705 2.319 0 1.211.175 1.926.558 2.361.365.414 1.084.751 2.657.751 1.21 0 1.902-.394 2.344-.938.475-.584.742-1.44.878-2.497Z"
+};
+
+//#endregion
+export { CLIENT_LOGO_PATHS };

package/dist/features/studio/findingSentence.js

@@ -0,0 +1,37 @@
+import { localeName } from "./localeOptions.js";
+import { findingSentence } from "@camox/api-contract/patrol";
+
+//#region src/features/studio/findingSentence.ts
+/** Quoted as editors read it. */
+const quoted = (text) => `“${text}”`;
+/** What a dismissal dismissed, briefly: "Links to About", or the text it was about. */
+function dismissedSentence(about) {
+	switch (about.kind) {
+		case "missingPage": return `Links to ${about.page ?? "a missing page"}`;
+		case "brokenLink": return `Links to ${about.url}`;
+		default: return quoted(about.text);
+	}
+}
+/** What dismissing a finding says, as its button says it: a broken link's is "This link is fine". */
+function dismissLabel(about) {
+	return about.kind === "brokenLink" ? "This link is fine" : "Dismiss";
+}
+/** What applying a fix does, as its button says it. */
+function fixLabel(fix) {
+	switch (fix.kind) {
+		case "removeLink": return "Remove the link";
+		case "replaceText": return `Replace with ${quoted(fix.replacement)}`;
+	}
+}
+/**
+* What "Ask the agent" fills the draft's chat with: who found what, where, and the fix it
+* suggests, for the agent to find among the draft's findings and fix.
+*/
+function askAgentMessage(finding, role) {
+	const where = `(in ${localeName(finding.locale)}, field ${quoted(finding.field)})`;
+	const fix = finding.fix ? ` Suggested fix: ${fixLabel(finding.fix)}.` : "";
+	return `${role} finding: ${findingSentence(finding)} ${where}.${fix}`;
+}
+
+//#endregion
+export { askAgentMessage, dismissLabel, dismissedSentence, findingSentence, fixLabel };