camox 0.72.0 → 0.74.1

package/dist/features/runtime/workerRequest.js

@@ -1,4 +1,5 @@
 import { matchRuntimeOwnedRoute } from "./runtimeRoutes.js";
+import { CLAIM_LINK_SEARCH_PARAM } from "@camox/api-contract/claim-links";
 
 //#region src/features/runtime/workerRequest.ts
 /** How the Camox Worker picks the requests it answers and prepares its responses. */
@@ -26,6 +27,17 @@ function shouldHandleRequest(request, basePath) {
 	if (pathname.startsWith("/node_modules/")) return false;
 	return isDocumentRequest(request);
 }
+/**
+* The request without a Claim Link's token, which only the claim card reads, in the browser. The
+* page renders and is kept in the edge cache as if the visitor came without it, so the token
+* never reaches the cache key or the rendered page.
+*/
+function withoutClaimLinkToken(request) {
+	const url = new URL(request.url);
+	if (!url.searchParams.has(CLAIM_LINK_SEARCH_PARAM)) return request;
+	url.searchParams.delete(CLAIM_LINK_SEARCH_PARAM);
+	return new Request(url, request);
+}
 /** Adds what Vite injects into HTML in dev, such as its client and React Refresh. */
 async function withDevHtml(response, html) {
 	if (!html) return response;
@@ -41,4 +53,4 @@ async function withDevHtml(response, html) {
 }
 
 //#endregion
-export { shouldHandleRequest, withDevHtml };
+export { shouldHandleRequest, withDevHtml, withoutClaimLinkToken };

package/dist/features/runtime/workerRuntime.d.ts

@@ -1,5 +1,5 @@
 import { fetchLocalhostOnLoopback } from "./loopbackFetch.js";
 import { PUBLIC_CACHE_NAME, readLiveCacheKey, respondThroughPublicCache } from "./publicCache.js";
 import { rememberPublishingDraft } from "./publishingDraft.js";
-import { shouldHandleRequest, withDevHtml } from "./workerRequest.js";
-export { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml };
+import { shouldHandleRequest, withDevHtml, withoutClaimLinkToken } from "./workerRequest.js";
+export { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml, withoutClaimLinkToken };

package/dist/features/runtime/workerRuntime.js

@@ -1,6 +1,6 @@
 import { rememberPublishingDraft } from "./publishingDraft.js";
 import { fetchLocalhostOnLoopback } from "./loopbackFetch.js";
 import { PUBLIC_CACHE_NAME, readLiveCacheKey, respondThroughPublicCache } from "./publicCache.js";
-import { shouldHandleRequest, withDevHtml } from "./workerRequest.js";
+import { shouldHandleRequest, withDevHtml, withoutClaimLinkToken } from "./workerRequest.js";
 
-export { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml };
+export { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml, withoutClaimLinkToken };

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

@@ -1,17 +1,17 @@
 import { cn } from "../../../lib/utils.js";
 import { SIDEBAR_GUTTER } from "../../preview/components/SidebarStack.js";
 import { ChatWidget } from "./ChatWidget.js";
-import { Patrol } from "./Patrol.js";
+import { Specialists } from "./Specialists.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/studio/components/AgentSidebar.tsx
 /**
-* The sidebar on the Canvas's right side, where editors work with Camox's agent: the Patrol, as
-* tall as its patrollers, over the Chat widget, which gets the rest of the height. Laid over the Canvas,
-* as the Content Sidebar is over its left: only the cards have a background, and the Canvas shows
-* around them. Elsewhere in the studio it is only hidden, so the chat keeps its thread and the
-* Preview and Studio pages follow the editor's runs too.
+* The sidebar on the Canvas's right side, where editors work with Camox's agent: the Specialists,
+* as tall as its specialists, over the Chat widget, which gets the rest of the height. Laid over
+* the Canvas, as the Content Sidebar is over its left: only the cards have a background, and the
+* Canvas shows around them. Elsewhere in the studio it is only hidden, so the chat keeps its thread
+* and the Preview and Studio pages follow the editor's runs too.
 */
 function AgentSidebar(t0) {
 	const $ = c(6);
@@ -24,7 +24,7 @@ function AgentSidebar(t0) {
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = cn("absolute inset-y-0 right-0 z-10 flex flex-col gap-2 py-2 max-md:hidden", SIDEBAR_GUTTER);
 		t3 = { width: 265 };
-		t4 = /* @__PURE__ */ jsx(Patrol, { className: "min-h-0 flex-[0_1_auto]" });
+		t4 = /* @__PURE__ */ jsx(Specialists, { className: "min-h-0 flex-[0_1_auto]" });
 		t5 = /* @__PURE__ */ jsx(ChatWidget, { className: "min-h-0 flex-[7_1_0]" });
 		$[0] = t2;
 		$[1] = t3;

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

@@ -26,8 +26,10 @@ import { EMPTY_THREAD_VIEW } from "@camox/api-contract/threads";
 * When the agent on Live hands the editor's request off to a draft, the studio that asked enters
 * it, if it still shows Live; the card the Live turn ends on opens it too. Each message tells the
 * agent where the editor is: the page they look at, with what they selected on it unless they
-* cleared it from the composer, or the Canvas with no page selected. "Ask the agent" elsewhere in
-* the studio fills its composer.
+* cleared it from the composer, or the Canvas with no page selected. A message the studio sends
+* from elsewhere (`studioStore`'s `sendToAgent`), such as Fix with agent's, goes out through the
+* thread it follows, as if the editor had sent it. In a draft, it tells the studio whether a turn
+* is going in the draft's thread, whoever started it, which publishing waits for.
 */
 function ChatWidget(t0) {
 	const $ = c(6);
@@ -133,7 +135,7 @@ function CurrentThread() {
 	return t4;
 }
 function Thread(t0) {
-	const $ = c(41);
+	const $ = c(48);
 	const { apiUrl, projectId, draftId, onEnterDraft, onOpenDraft, composerCarry } = t0;
 	let t1;
 	if ($[0] !== onEnterDraft) {
@@ -143,65 +145,73 @@ function Thread(t0) {
 	} else t1 = $[1];
 	const { view, sending, send, stop, error, touched } = useThread(apiUrl, projectId, draftId, t1);
 	useAgentRunToast(view, draftId);
-	const follow = React.use(FollowAgentContext);
 	let t2;
-	if ($[2] !== follow) {
-		t2 = (batch) => follow?.receive(batch);
-		$[2] = follow;
-		$[3] = t2;
-	} else t2 = $[3];
-	const followTouched = React.useEffectEvent(t2);
 	let t3;
-	if ($[4] !== followTouched || $[5] !== touched) {
-		t3 = () => {
-			if (touched) followTouched(touched.batch);
+	if ($[2] !== draftId || $[3] !== view.running) {
+		t2 = () => {
+			if (!draftId) return;
+			studioStore.trigger.agentWorking({
+				draftId,
+				working: view.running
+			});
+			return () => studioStore.trigger.agentWorking({
+				draftId,
+				working: false
+			});
 		};
-		$[4] = followTouched;
-		$[5] = touched;
-		$[6] = t3;
-	} else t3 = $[6];
+		t3 = [draftId, view.running];
+		$[2] = draftId;
+		$[3] = view.running;
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		t2 = $[4];
+		t3 = $[5];
+	}
+	React.useEffect(t2, t3);
+	const follow = React.use(FollowAgentContext);
 	let t4;
-	if ($[7] !== touched) {
-		t4 = [touched];
-		$[7] = touched;
-		$[8] = t4;
-	} else t4 = $[8];
-	React.useEffect(t3, t4);
+	if ($[6] !== follow) {
+		t4 = (batch) => follow?.receive(batch);
+		$[6] = follow;
+		$[7] = t4;
+	} else t4 = $[7];
+	const followTouched = React.useEffectEvent(t4);
+	let t5;
+	if ($[8] !== followTouched || $[9] !== touched) {
+		t5 = () => {
+			if (touched) followTouched(touched.batch);
+		};
+		$[8] = followTouched;
+		$[9] = touched;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== touched) {
+		t6 = [touched];
+		$[11] = touched;
+		$[12] = t6;
+	} else t6 = $[12];
+	React.useEffect(t5, t6);
 	const where = React.use(EditorWhereContext);
 	const selection = useEditorSelection(where);
-	let t5;
-	if ($[9] !== selection) {
-		t5 = selection ? JSON.stringify([
+	let t7;
+	if ($[13] !== selection) {
+		t7 = selection ? JSON.stringify([
 			selection.blockId,
 			selection.itemId,
 			selection.recordId,
 			selection.fieldName
 		]) : null;
-		$[9] = selection;
-		$[10] = t5;
-	} else t5 = $[10];
-	const selectionKey = t5;
+		$[13] = selection;
+		$[14] = t7;
+	} else t7 = $[14];
+	const selectionKey = t7;
 	const [cleared, setCleared] = React.useState(null);
 	if (cleared !== null && selectionKey !== cleared) setCleared(null);
 	const carried = selection && selectionKey !== cleared ? selection : void 0;
-	const asked = useSelector(studioStore, _temp);
-	let t6;
-	let t7;
-	if ($[11] !== asked) {
-		t6 = () => {
-			if (asked) studioStore.trigger.takeAgentAsk();
-		};
-		t7 = [asked];
-		$[11] = asked;
-		$[12] = t6;
-		$[13] = t7;
-	} else {
-		t6 = $[12];
-		t7 = $[13];
-	}
-	React.useEffect(t6, t7);
 	let t8;
-	if ($[14] !== carried || $[15] !== follow || $[16] !== send || $[17] !== where) {
+	if ($[15] !== carried || $[16] !== follow || $[17] !== send || $[18] !== where) {
 		t8 = (text) => {
 			follow?.resume();
 			send(text, where?.on === "page" && carried ? {
@@ -209,84 +219,110 @@ function Thread(t0) {
 				selection: carried
 			} : where);
 		};
-		$[14] = carried;
-		$[15] = follow;
-		$[16] = send;
-		$[17] = where;
-		$[18] = t8;
-	} else t8 = $[18];
+		$[15] = carried;
+		$[16] = follow;
+		$[17] = send;
+		$[18] = where;
+		$[19] = t8;
+	} else t8 = $[19];
 	const sendFollowing = t8;
+	const waiting = useSelector(studioStore, _temp);
 	let t9;
-	if ($[19] !== onOpenDraft || $[20] !== sending || $[21] !== view) {
-		t9 = /* @__PURE__ */ jsx(ThreadMessages, {
+	if ($[20] !== sendFollowing) {
+		t9 = () => {
+			for (const message of studioStore.getSnapshot().context.agentMessages) {
+				studioStore.trigger.takeAgentMessage({ id: message.id });
+				sendFollowing(message.text);
+			}
+		};
+		$[20] = sendFollowing;
+		$[21] = t9;
+	} else t9 = $[21];
+	const sendWaiting = React.useEffectEvent(t9);
+	let t10;
+	if ($[22] !== sendWaiting || $[23] !== waiting) {
+		t10 = () => {
+			if (waiting.length > 0) sendWaiting();
+		};
+		$[22] = sendWaiting;
+		$[23] = waiting;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== waiting) {
+		t11 = [waiting];
+		$[25] = waiting;
+		$[26] = t11;
+	} else t11 = $[26];
+	React.useEffect(t10, t11);
+	let t12;
+	if ($[27] !== onOpenDraft || $[28] !== sending || $[29] !== view) {
+		t12 = /* @__PURE__ */ jsx(ThreadMessages, {
 			view,
 			sending,
 			onOpenDraft
 		});
-		$[19] = onOpenDraft;
-		$[20] = sending;
-		$[21] = view;
-		$[22] = t9;
-	} else t9 = $[22];
-	let t10;
-	if ($[23] !== error) {
-		t10 = error && /* @__PURE__ */ jsx("p", {
+		$[27] = onOpenDraft;
+		$[28] = sending;
+		$[29] = view;
+		$[30] = t12;
+	} else t12 = $[30];
+	let t13;
+	if ($[31] !== error) {
+		t13 = error && /* @__PURE__ */ jsx("p", {
 			role: "alert",
 			className: "text-destructive px-2 pt-2 text-sm",
 			children: error
 		});
-		$[23] = error;
-		$[24] = t10;
-	} else t10 = $[24];
-	let t11;
-	if ($[25] !== carried?.path) {
-		t11 = carried?.path.at(-1);
-		$[25] = carried?.path;
-		$[26] = t11;
-	} else t11 = $[26];
-	let t12;
-	if ($[27] !== selectionKey) {
-		t12 = () => selectionKey !== null && setCleared(selectionKey);
-		$[27] = selectionKey;
-		$[28] = t12;
-	} else t12 = $[28];
-	const t13 = asked ?? void 0;
+		$[31] = error;
+		$[32] = t13;
+	} else t13 = $[32];
 	let t14;
-	if ($[29] !== composerCarry || $[30] !== sendFollowing || $[31] !== stop || $[32] !== t11 || $[33] !== t12 || $[34] !== t13 || $[35] !== view.running) {
-		t14 = /* @__PURE__ */ jsx(ThreadComposer, {
+	if ($[33] !== carried?.path) {
+		t14 = carried?.path.at(-1);
+		$[33] = carried?.path;
+		$[34] = t14;
+	} else t14 = $[34];
+	let t15;
+	if ($[35] !== selectionKey) {
+		t15 = () => selectionKey !== null && setCleared(selectionKey);
+		$[35] = selectionKey;
+		$[36] = t15;
+	} else t15 = $[36];
+	let t16;
+	if ($[37] !== composerCarry || $[38] !== sendFollowing || $[39] !== stop || $[40] !== t14 || $[41] !== t15 || $[42] !== view.running) {
+		t16 = /* @__PURE__ */ jsx(ThreadComposer, {
 			onSend: sendFollowing,
 			onStop: stop,
-			selection: t11,
-			onClearSelection: t12,
+			selection: t14,
+			onClearSelection: t15,
 			running: view.running,
-			filled: t13,
 			carry: composerCarry
 		});
-		$[29] = composerCarry;
-		$[30] = sendFollowing;
-		$[31] = stop;
-		$[32] = t11;
-		$[33] = t12;
-		$[34] = t13;
-		$[35] = view.running;
-		$[36] = t14;
-	} else t14 = $[36];
-	let t15;
-	if ($[37] !== t10 || $[38] !== t14 || $[39] !== t9) {
-		t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t9,
-			t10,
-			t14
+		$[37] = composerCarry;
+		$[38] = sendFollowing;
+		$[39] = stop;
+		$[40] = t14;
+		$[41] = t15;
+		$[42] = view.running;
+		$[43] = t16;
+	} else t16 = $[43];
+	let t17;
+	if ($[44] !== t12 || $[45] !== t13 || $[46] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t12,
+			t13,
+			t16
 		] });
-		$[37] = t10;
-		$[38] = t14;
-		$[39] = t9;
-		$[40] = t15;
-	} else t15 = $[40];
-	return t15;
+		$[44] = t12;
+		$[45] = t13;
+		$[46] = t16;
+		$[47] = t17;
+	} else t17 = $[47];
+	return t17;
 }
 function _temp(state) {
-	return state.context.agentAsk;
+	return state.context.agentMessages;
 }
 
 //#endregion