camox 0.63.0 → 0.66.0

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";
@@ -18,7 +18,7 @@ import { MessageScroller, MessageScrollerButton, MessageScrollerContent, Message
 * agent does, never how: thinking, looking around, making changes, building, fixing the build,
 * or starting a draft. Each editor's message shows its
 * sender's avatar, without their name. A Live turn handed off to a draft ends on the draft's
-* card, which `onOpenDraft` opens.
+* card, which `onOpenDraft` opens. The thread keeps its end in view, unless the editor scrolls up.
 */
 function ThreadMessages(t0) {
 	const $ = c(20);
@@ -105,10 +105,13 @@ function ThreadMessages(t0) {
 	} else t5 = $[17];
 	let t6;
 	if ($[18] !== t4) {
-		t6 = /* @__PURE__ */ jsx(MessageScrollerProvider, { children: /* @__PURE__ */ jsxs(MessageScroller, {
-			className: "min-h-0 flex-1",
-			children: [t4, t5]
-		}) });
+		t6 = /* @__PURE__ */ jsx(MessageScrollerProvider, {
+			autoScroll: true,
+			children: /* @__PURE__ */ jsxs(MessageScroller, {
+				className: "min-h-0 flex-1",
+				children: [t4, t5]
+			})
+		});
 		$[18] = t4;
 		$[19] = t6;
 	} else t6 = $[19];
@@ -274,6 +277,7 @@ const SQUARELING_STATUSES = {
 	exploring: "exploring",
 	changing: "changing",
 	building: "building",
+	checking: "checking",
 	fixing: "fixing",
 	startingDraft: "changing"
 };
@@ -282,6 +286,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 +424,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 +452,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 +471,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 +494,87 @@ function _temp(subject, index) {
 		children: subject
 	}, index);
 }
+/**
+* A message's text, cropped past five lines and a half, fading out gently from its second line,
+* 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 resizes = new ResizeObserver(measure);
+			resizes.observe(element);
+			const views = new IntersectionObserver(measure);
+			views.observe(element);
+			return () => {
+				resizes.disconnect();
+				views.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_1.5lh,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/UnnamedDraftBar.js

@@ -0,0 +1,349 @@
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
+import { cn } from "../../../lib/utils.js";
+import { studioStore } from "../studioStore.js";
+import { plural } from "../draftLabel.js";
+import { useRenameDraft } from "./ReviewDraftSheet.js";
+import { useDrafts } from "./DraftsControl.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
+import { Button } from "@camox/ui/button";
+import { Input } from "@camox/ui/input";
+import { toast } from "@camox/ui/toaster";
+import { Spinner } from "@camox/ui/spinner";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "@camox/ui/popover";
+import { FloatingToolbar } from "@camox/ui/floating-toolbar";
+
+//#region src/features/studio/components/UnnamedDraftBar.tsx
+/**
+* How long a draft goes without a change before the bar shows, so it doesn't pop up mid-edit.
+*/
+const SETTLE_MS = 1500;
+/**
+* Asks what to do with an unnamed draft, which only editing on Live starts: discard its
+* changes, keep it as a draft by naming it, or publish it. It stays up until one of them ends
+* the draft or names it, and stands in for the navbar's pending changes until then.
+*/
+function UnnamedDraftBar(t0) {
+	const $ = c(23);
+	const { stacked } = t0;
+	const { projectId, current } = useDrafts();
+	const unnamed = current?.name === null ? current : null;
+	const keeping = useSelector(studioStore, _temp);
+	const settled = useSettled(unnamed?.id ?? null, unnamed?.lastChangedAt ?? null);
+	if (!projectId || !unnamed || !(settled || keeping)) return null;
+	const empty = unnamed.changeCount === 0;
+	const t1 = stacked ? "bottom-16" : "bottom-2";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = cn("animate-in fade-in slide-in-from-bottom-4 fixed w-max gap-6 duration-300", t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "size-2 shrink-0 rounded-full bg-blue-500"
+		});
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== empty || $[4] !== unnamed.changeCount) {
+		t4 = empty ? "No changes yet" : plural(unnamed.changeCount, "pending change");
+		$[3] = empty;
+		$[4] = unnamed.changeCount;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-2 px-2 text-sm",
+			children: [t3, t4]
+		});
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			onClick: _temp2,
+			children: "Discard"
+		});
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== empty || $[10] !== keeping || $[11] !== projectId || $[12] !== unnamed) {
+		t7 = /* @__PURE__ */ jsx(KeepDraft, {
+			projectId,
+			draft: unnamed,
+			open: keeping,
+			disabled: empty
+		});
+		$[9] = empty;
+		$[10] = keeping;
+		$[11] = projectId;
+		$[12] = unnamed;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== empty) {
+		t8 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			disabled: empty,
+			onClick: _temp3,
+			children: "Publish…"
+		});
+		$[14] = empty;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== t7 || $[17] !== t8) {
+		t9 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [
+				t6,
+				t7,
+				t8
+			]
+		});
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== t2 || $[20] !== t5 || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+			"aria-label": "Unnamed draft",
+			className: t2,
+			children: [t5, t9]
+		});
+		$[19] = t2;
+		$[20] = t5;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	return t10;
+}
+function _temp3() {
+	return studioStore.send({ type: "openReviewDraftSheet" });
+}
+function _temp2() {
+	return studioStore.send({ type: "openDeleteDraftDialog" });
+}
+function _temp(state) {
+	return state.context.isKeepDraftOpen;
+}
+/**
+* Whether the draft went without a change for `SETTLE_MS`. Once settled it stays so for that
+* draft, so the bar doesn't hide again on the next edit.
+*/
+function useSettled(draftId, lastChangedAt) {
+	const $ = c(5);
+	const [settledDraft, setSettledDraft] = React.useState(null);
+	let t0;
+	let t1;
+	if ($[0] !== draftId || $[1] !== lastChangedAt || $[2] !== settledDraft) {
+		t0 = () => {
+			if (!draftId || settledDraft === draftId) return;
+			const wait = Math.max(0, (lastChangedAt ?? 0) + SETTLE_MS - Date.now());
+			const timer = setTimeout(() => setSettledDraft(draftId), wait);
+			return () => clearTimeout(timer);
+		};
+		t1 = [
+			draftId,
+			lastChangedAt,
+			settledDraft
+		];
+		$[0] = draftId;
+		$[1] = lastChangedAt;
+		$[2] = settledDraft;
+		$[3] = t0;
+		$[4] = t1;
+	} else {
+		t0 = $[3];
+		t1 = $[4];
+	}
+	React.useEffect(t0, t1);
+	return !!draftId && settledDraft === draftId;
+}
+/** "Keep as draft": names the draft, which keeps it and ends the bar. */
+function KeepDraft(t0) {
+	const $ = c(15);
+	const { projectId, draft, open, disabled } = t0;
+	let t1;
+	if ($[0] !== disabled) {
+		t1 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			disabled
+		});
+		$[0] = disabled;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== disabled || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(PopoverTrigger, {
+			disabled,
+			render: t1,
+			children: "Keep as draft"
+		});
+		$[2] = disabled;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== draft || $[6] !== open || $[7] !== projectId) {
+		t3 = open && /* @__PURE__ */ jsx(KeepDraftForm, {
+			projectId,
+			draft
+		});
+		$[5] = draft;
+		$[6] = open;
+		$[7] = projectId;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(PopoverContent, {
+			side: "top",
+			sideOffset: 16,
+			className: "w-80",
+			children: t3
+		});
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== open || $[12] !== t2 || $[13] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Popover, {
+			open,
+			onOpenChange: _temp4,
+			children: [t2, t4]
+		});
+		$[11] = open;
+		$[12] = t2;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
+}
+function _temp4(next) {
+	return studioStore.send({ type: next ? "openKeepDraft" : "closeKeepDraft" });
+}
+/**
+* The name to keep the draft under, filled with the short name its Draft Overview suggests until
+* the editor types: AI names a few changes well, and better than a name typed before making them.
+*/
+function KeepDraftForm(t0) {
+	const $ = c(24);
+	const { projectId, draft } = t0;
+	let t1;
+	if ($[0] !== draft.id || $[1] !== projectId) {
+		t1 = reads.publishPreview({
+			projectId,
+			draftId: draft.id
+		});
+		$[0] = draft.id;
+		$[1] = projectId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const preview = useReadQuery(t1);
+	const overview = preview.data?.overview;
+	const suggested = overview?.status === "ready" ? overview.name : null;
+	const summarizing = !suggested && (preview.isPending || overview?.status === "pending");
+	const [typed, setTyped] = React.useState(null);
+	const name = typed ?? suggested ?? "";
+	const rename = useRenameDraft(projectId);
+	let t2;
+	if ($[3] !== draft.id || $[4] !== name || $[5] !== rename) {
+		t2 = (event) => {
+			event.preventDefault();
+			const kept = name.trim();
+			if (!kept) return;
+			rename.mutate({
+				draftId: draft.id,
+				name: kept
+			}, { onSuccess: () => {
+				studioStore.send({ type: "closeKeepDraft" });
+				toast.success(`Kept as "${kept}"`);
+			} });
+		};
+		$[3] = draft.id;
+		$[4] = name;
+		$[5] = rename;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsxs(PopoverHeader, { children: [/* @__PURE__ */ jsx(PopoverTitle, { children: "Keep as draft" }), /* @__PURE__ */ jsx(PopoverDescription, { children: "Name it for what it changes, so you and your team can find it later." })] });
+		$[7] = t3;
+	} else t3 = $[7];
+	const t4 = summarizing ? "Summarizing your changes…" : "What does this draft change?";
+	let t5;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (event_0) => setTyped(event_0.target.value);
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] !== name || $[10] !== t4) {
+		t6 = /* @__PURE__ */ jsx(Input, {
+			autoFocus: true,
+			"aria-label": "Draft name",
+			value: name,
+			maxLength: 200,
+			placeholder: t4,
+			onChange: t5
+		});
+		$[9] = name;
+		$[10] = t4;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== name || $[13] !== rename.isPending) {
+		t7 = !name.trim() || rename.isPending;
+		$[12] = name;
+		$[13] = rename.isPending;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== rename.isPending) {
+		t8 = rename.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : null;
+		$[15] = rename.isPending;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== t7 || $[18] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Button, {
+			type: "submit",
+			disabled: t7,
+			children: [t8, "Keep draft"]
+		});
+		$[17] = t7;
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t2 || $[21] !== t6 || $[22] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("form", {
+			className: "flex flex-col gap-3",
+			onSubmit: t2,
+			children: [
+				t3,
+				t6,
+				t9
+			]
+		});
+		$[20] = t2;
+		$[21] = t6;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
+}
+
+//#endregion
+export { SETTLE_MS, UnnamedDraftBar };

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 };

package/dist/features/studio/patrollerBio.js

@@ -0,0 +1,40 @@
+//#region src/features/studio/patrollerBio.ts
+/** What each patroller does, wherever it works. */
+const ABOUT = {
+	seoManager: "Writes what search engines read: each page's SEO, and each file's alt text and filename.",
+	translator: "Translates your website from its default language into every other one, so that each stays complete.",
+	proofreader: "Reads the text you write for spelling and grammar mistakes, and suggests a fix for each.",
+	linkChecker: "Looks for links that lead nowhere, to your own pages or elsewhere, and suggests a fix when it can."
+};
+/** What a patroller does, as its profile card introduces it. */
+function aboutSentence(id) {
+	return ABOUT[id];
+}
+/**
+* When a patroller works where the editor is, by its duty there, in a draft or on Live, as its
+* card's tag says it, and whether it runs there at all. In a project with a single locale, the
+* Translator waits for a second one.
+*/
+function whenTag(id, duty, inDraft, singleLocale) {
+	const runs = (label) => ({
+		label,
+		runs: true
+	});
+	if (id === "translator" && singleLocale) return {
+		label: "Runs once you add a language",
+		runs: false
+	};
+	if (duty === "atPublish") return runs("Runs when you publish");
+	if (duty === "asYouGo") {
+		if (inDraft) return runs("Runs as you edit");
+		if (id === "linkChecker") return runs("Runs every 6 hours");
+		return runs("Runs while a release is translated");
+	}
+	return {
+		label: "Doesn't run on Live",
+		runs: false
+	};
+}
+
+//#endregion
+export { aboutSentence, whenTag };

package/dist/features/studio/reportSentence.js

@@ -26,6 +26,21 @@ const PHRASES = {
 	publishedCatchUp: {
 		done: "Published the caught-up translations",
 		failed: "Couldn't publish the caught-up translations"
+	},
+	removedLink: {
+		done: "Removed a link in",
+		failed: "Couldn't remove a link in",
+		locale: "in"
+	},
+	fixedLink: {
+		done: "Fixed a link in",
+		failed: "Couldn't fix a link in",
+		locale: "in"
+	},
+	fixedMistake: {
+		done: "Fixed a typo in",
+		failed: "Couldn't fix a typo in",
+		locale: "in"
 	}
 };
 /** A report as a sentence: "Wrote SEO for Pricing in German", or the text an AI wrote. */

package/dist/features/studio/studioStore.js

@@ -10,8 +10,11 @@ const studioStore = createStore({
 			startRenaming: false
 		},
 		isDeleteDraftDialogOpen: false,
+		isKeepDraftOpen: false,
 		localeDialog: null,
-		websiteLocation: null
+		websiteLocation: null,
+		agentAsk: null,
+		agentAsks: 0
 	},
 	on: {
 		openCommandPalette: (context) => {
@@ -76,6 +79,18 @@ const studioStore = createStore({
 				isDeleteDraftDialogOpen: false
 			};
 		},
+		openKeepDraft: (context) => {
+			return {
+				...context,
+				isKeepDraftOpen: true
+			};
+		},
+		closeKeepDraft: (context) => {
+			return {
+				...context,
+				isKeepDraftOpen: false
+			};
+		},
 		openLocaleDialog: (context, event) => {
 			return {
 				...context,
@@ -88,6 +103,26 @@ const studioStore = createStore({
 				localeDialog: null
 			};
 		},
+		askAgent: (context, event) => {
+			return {
+				...context,
+				reviewDraftSheet: {
+					open: false,
+					startRenaming: false
+				},
+				agentAsk: {
+					text: event.text,
+					id: context.agentAsks + 1
+				},
+				agentAsks: context.agentAsks + 1
+			};
+		},
+		takeAgentAsk: (context) => {
+			return {
+				...context,
+				agentAsk: null
+			};
+		},
 		rememberWebsiteLocation: (context, event) => {
 			const previous = context.websiteLocation;
 			const { locale, path, search, hash } = event.location;