camox 0.69.0 → 0.72.0

package/dist/features/preview/components/useRepeatableItemActions.js

@@ -3,35 +3,31 @@ import { previewStore, sameEditingOwner } from "../previewStore.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { generateKeyBetween } from "fractional-indexing";
+import { emptyFieldValues } from "@camox/api-contract";
 import { useMutation } from "@tanstack/react-query";
+import { generateKeyBetween } from "fractional-indexing";
 
 //#region src/features/preview/components/useRepeatableItemActions.ts
-const buildDefaultContent = (itemProperties) => {
-	const content = {};
-	if (!itemProperties) return content;
-	for (const [key, prop] of Object.entries(itemProperties)) {
-		if (prop.fieldType === "Image" || prop.fieldType === "File") continue;
-		if (prop.type === "array" && prop.items?.properties) continue;
-		if ("default" in prop) content[key] = prop.default;
-	}
+/** A new item's content: every field empty, except nested repeaters, whose items are rows. */
+const emptyItemContent = (itemProperties) => {
+	const content = emptyFieldValues({ properties: itemProperties });
+	for (const [key, prop] of Object.entries(itemProperties ?? {})) if (prop.fieldType === "Repeater") delete content[key];
 	return content;
 };
+/** A new item's settings: every setting empty, or none when the repeater has no settings. */
+const emptyItemSettings = (schema) => schema.itemSettingsSchema ? emptyFieldValues(schema.itemSettingsSchema) : void 0;
+/** The empty items a new item's nested repeaters start with: as many as each requires. */
 const buildNestedItemSeeds = (itemProperties) => {
 	const seeds = [];
 	if (!itemProperties) return seeds;
 	let counter = 0;
 	const recurse = (properties, parentTempId) => {
 		for (const [fieldName, fieldSchema] of Object.entries(properties)) {
-			if (fieldSchema.type !== "array" || !fieldSchema.items?.properties) continue;
-			if (fieldSchema.fieldType === "ImageList" || fieldSchema.fieldType === "FileList") continue;
-			const defaultCount = fieldSchema.defaultItems ?? fieldSchema.minItems ?? 0;
-			if (defaultCount <= 0) continue;
-			const nestedItemProps = fieldSchema.items.properties;
-			const nestedContent = buildDefaultContent(nestedItemProps);
-			const nestedSettingsDefaults = fieldSchema.defaultItemSettings;
+			if (fieldSchema.fieldType !== "Repeater") continue;
+			const count = fieldSchema.minItems ?? 0;
+			const nestedItemProps = fieldSchema.items?.properties;
 			let prevPos = null;
-			for (let i = 0; i < defaultCount; i++) {
+			for (let i = 0; i < count; i++) {
 				const tempId = `nested_${++counter}`;
 				const position = generateKeyBetween(prevPos, null);
 				prevPos = position;
@@ -39,11 +35,11 @@ const buildNestedItemSeeds = (itemProperties) => {
 					tempId,
 					parentTempId,
 					fieldName,
-					content: { ...nestedContent },
-					settings: nestedSettingsDefaults ? { ...nestedSettingsDefaults } : void 0,
+					content: emptyItemContent(nestedItemProps),
+					settings: emptyItemSettings(fieldSchema),
 					position
 				});
-				recurse(nestedItemProps, tempId);
+				if (nestedItemProps) recurse(nestedItemProps, tempId);
 			}
 		}
 	};
@@ -74,15 +70,13 @@ const useRepeatableItemActions = (t0) => {
 			if (owner === null) return;
 			if (!arraySchema) return;
 			const itemsSchema = arraySchema.items;
-			const defaultContent = buildDefaultContent(itemsSchema?.properties);
-			const defaultSettings = arraySchema.defaultItemSettings;
 			const nestedItems = buildNestedItemSeeds(itemsSchema?.properties);
 			createRepeatableItem.mutate({
 				blockId,
 				parentItemId: parentItemId ?? void 0,
 				fieldName,
-				content: defaultContent,
-				settings: defaultSettings ? { ...defaultSettings } : void 0,
+				content: emptyItemContent(itemsSchema?.properties),
+				settings: emptyItemSettings(arraySchema),
 				nestedItems: nestedItems.length > 0 ? nestedItems : void 0,
 				afterPosition: options?.afterPosition
 			}, { onSuccess: (created) => {

package/dist/features/preview/components/useUpdateBlockPosition.js

@@ -3,8 +3,8 @@ import { reads, useStudioCache } from "../../../lib/studio-reads.js";
 import { blockMutations } from "../../../lib/queries.js";
 import { useLocalePath } from "../../../lib/view-locale.js";
 import { c } from "react/compiler-runtime";
-import { generateKeyBetween } from "fractional-indexing";
 import { useMutation } from "@tanstack/react-query";
+import { generateKeyBetween } from "fractional-indexing";
 
 //#region src/features/preview/components/useUpdateBlockPosition.ts
 function useUpdateBlockPosition() {

package/dist/features/preview/overlayMessages.js

@@ -73,9 +73,6 @@ function selectionHoverMessage(selection, hovered) {
 function isOverlayMessage(data) {
 	return typeof data === "object" && data !== null && "type" in data && typeof data.type === "string" && data.type.startsWith("CAMOX_");
 }
-function postOverlayMessage(message) {
-	window.parent?.postMessage(message, "*");
-}
 
 //#endregion
-export { isOverlayMessage, overlayFieldId, postOverlayMessage, recordFieldId, recordPlacementId, selectionHoverMessage };
+export { isOverlayMessage, overlayFieldId, recordFieldId, recordPlacementId, selectionHoverMessage };

package/dist/features/preview/previewStore.js

@@ -97,7 +97,6 @@ const selectIsCanvasShown = (state) => state.context.view === "canvas";
 const initialPreviewContext = {
 	view: "preview",
 	isToolbarHidden: false,
-	addBlockSheet: null,
 	isCreatePageModalOpen: false,
 	editingPageId: null,
 	viewportMode: "full",
@@ -151,8 +150,7 @@ const previewStore = createStore({
 			if (sameEditingOwner(context.editingContext, owner)) return context;
 			return {
 				...context,
-				editingContext: owner ? targetContext(owner, null) : null,
-				addBlockSheet: null
+				editingContext: owner ? targetContext(owner, null) : null
 			};
 		},
 		activateLayout: (context, event) => {
@@ -163,8 +161,7 @@ const previewStore = createStore({
 			if (sameEditingOwner(context.editingContext, owner)) return context;
 			return {
 				...context,
-				editingContext: targetContext(owner, null),
-				addBlockSheet: null
+				editingContext: targetContext(owner, null)
 			};
 		},
 		selectTarget: (context, event) => ({
@@ -176,8 +173,7 @@ const previewStore = createStore({
 			editingContext: targetContext(event, {
 				type: "block",
 				blockId: event.blockId
-			}),
-			addBlockSheet: null
+			})
 		}),
 		selectItem: (context, event) => ({
 			...context,
@@ -314,22 +310,6 @@ const previewStore = createStore({
 				selection: null
 			} : null
 		}),
-		openAddBlockSheet: (context, event) => ({
-			...context,
-			addBlockSheet: { afterPosition: event.afterPosition }
-		}),
-		closeAddBlockSheet: (context) => ({
-			...context,
-			addBlockSheet: null
-		}),
-		focusCreatedBlock: (context, event) => ({
-			...context,
-			editingContext: targetContext(event, {
-				type: "block",
-				blockId: event.blockId
-			}),
-			addBlockSheet: null
-		}),
 		openCreatePageModal: (context) => ({
 			...context,
 			isCreatePageModalOpen: true

package/dist/features/renderer/RendererApp.js

@@ -8,11 +8,10 @@ import { CanvasWorkspaceContext } from "../canvas/canvasZoom.js";
 import { PreviewEditingOwnerContext } from "../preview/previewSelection.js";
 import { StudioNoticeContext } from "../preview/studioNotice.js";
 import { ContentEditsContext } from "../../core/editing/contentEdits.js";
-import { PreviewDocumentContext } from "../runtime/PreviewDocumentContext.js";
 import { restyle } from "../preview/components/previewStyles.js";
+import { PreviewDocumentContext } from "../runtime/PreviewDocumentContext.js";
 import { FrameContext } from "../preview/components/Frame.js";
 import { DerivedPageContent } from "../page/DerivedPageContent.js";
-import { BlockPeek } from "../preview/components/BlockPeek.js";
 import { EditablePageContent } from "../preview/EditablePageContent.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
@@ -30,10 +29,9 @@ import { createPortal } from "react-dom";
 * to load fails each frame, as a page that throws does.
 */
 function RendererApp(t0) {
-	const $ = c(27);
+	const $ = c(21);
 	const { connection, camoxApp, codeLoaded, projectUuid, runtimeBasePath } = t0;
 	const frames = useFrames(connection);
-	const thumbnails = React.useSyncExternalStore(connection.subscribe, connection.thumbnails, connection.thumbnails);
 	const t1 = connection.edit;
 	let t2;
 	if ($[0] !== connection) {
@@ -70,47 +68,26 @@ function RendererApp(t0) {
 		$[8] = t3;
 	} else t3 = $[8];
 	let t4;
-	if ($[15] !== camoxApp || $[16] !== thumbnails) {
-		let t5;
-		if ($[18] !== camoxApp) {
-			t5 = (t6) => {
-				const { thumbnailId, slot, blockType } = t6;
-				return createPortal(/* @__PURE__ */ jsx(RendererThumbnail, {
-					slot,
-					blockType,
-					camoxApp
-				}), slot, thumbnailId);
-			};
-			$[18] = camoxApp;
-			$[19] = t5;
-		} else t5 = $[19];
-		t4 = thumbnails.map(t5);
-		$[15] = camoxApp;
-		$[16] = thumbnails;
+	if ($[15] !== t2 || $[16] !== t3) {
+		t4 = /* @__PURE__ */ jsx(StudioNoticeContext, {
+			value: t2,
+			children: t3
+		});
+		$[15] = t2;
+		$[16] = t3;
 		$[17] = t4;
 	} else t4 = $[17];
 	let t5;
-	if ($[20] !== t2 || $[21] !== t3 || $[22] !== t4) {
-		t5 = /* @__PURE__ */ jsxs(StudioNoticeContext, {
-			value: t2,
-			children: [t3, t4]
-		});
-		$[20] = t2;
-		$[21] = t3;
-		$[22] = t4;
-		$[23] = t5;
-	} else t5 = $[23];
-	let t6;
-	if ($[24] !== connection.edit || $[25] !== t5) {
-		t6 = /* @__PURE__ */ jsx(ContentEditsContext, {
+	if ($[18] !== connection.edit || $[19] !== t4) {
+		t5 = /* @__PURE__ */ jsx(ContentEditsContext, {
 			value: t1,
-			children: t5
+			children: t4
 		});
-		$[24] = connection.edit;
-		$[25] = t5;
-		$[26] = t6;
-	} else t6 = $[26];
-	return t6;
+		$[18] = connection.edit;
+		$[19] = t4;
+		$[20] = t5;
+	} else t5 = $[20];
+	return t5;
 }
 /**
 * The frames the studio gives the renderer to fill. Each change renders in a transition, so a
@@ -138,107 +115,6 @@ function useFrames(connection) {
 	React.useEffect(t0, t1);
 	return frames;
 }
-/** A block's thumbnail, rendered by the draft's code into its frame: nothing for a block it lacks. */
-function RendererThumbnail(t0) {
-	const $ = c(17);
-	const { slot, blockType, camoxApp } = t0;
-	const frameWindow = slot.ownerDocument.defaultView;
-	const left = useLeftInSlot(slot);
-	const t1 = frameWindow?.frameElement ?? null;
-	let t2;
-	if ($[0] !== frameWindow || $[1] !== t1) {
-		t2 = {
-			window: frameWindow,
-			iframeElement: t1
-		};
-		$[0] = frameWindow;
-		$[1] = t1;
-		$[2] = t2;
-	} else t2 = $[2];
-	const frameContext = t2;
-	let t3;
-	if ($[3] !== blockType || $[4] !== camoxApp) {
-		t3 = /* @__PURE__ */ jsx(ThumbnailBlock, {
-			blockType,
-			camoxApp
-		});
-		$[3] = blockType;
-		$[4] = camoxApp;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== left) {
-		t4 = /* @__PURE__ */ jsx(RemovesLeft, { nodes: left });
-		$[6] = left;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== t3 || $[9] !== t4) {
-		t5 = /* @__PURE__ */ jsxs(React.Suspense, {
-			fallback: null,
-			children: [t3, t4]
-		});
-		$[8] = t3;
-		$[9] = t4;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== left || $[12] !== t5) {
-		t6 = /* @__PURE__ */ jsx(ThumbnailErrorBoundary, {
-			left,
-			children: t5
-		});
-		$[11] = left;
-		$[12] = t5;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	if ($[14] !== frameContext || $[15] !== t6) {
-		t7 = /* @__PURE__ */ jsx(NavigationProvider, {
-			location: THUMBNAIL_LOCATION,
-			navigate: noNavigation,
-			children: /* @__PURE__ */ jsx(FrameContext.Provider, {
-				value: frameContext,
-				children: t6
-			})
-		});
-		$[14] = frameContext;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
-	return t7;
-}
-const THUMBNAIL_LOCATION = {
-	href: "",
-	pathname: "/",
-	search: "",
-	hash: ""
-};
-const noNavigation = () => {};
-var ThumbnailErrorBoundary = class extends React.Component {
-	state = { failed: false };
-	static getDerivedStateFromError() {
-		return { failed: true };
-	}
-	componentDidCatch(error) {
-		console.error("Camox: a block's thumbnail failed to render.", error);
-	}
-	render() {
-		return this.state.failed ? /* @__PURE__ */ jsx(RemovesLeft, { nodes: this.props.left }) : this.props.children;
-	}
-};
-function ThumbnailBlock(t0) {
-	const $ = c(2);
-	const { blockType, camoxApp } = t0;
-	const block = camoxApp.getBlockById(blockType) ?? (camoxApp.canLoadMoreBlocks() ? React.use(camoxApp.loadBlock(blockType)) : void 0);
-	let t1;
-	if ($[0] !== block) {
-		t1 = block ? /* @__PURE__ */ jsx(BlockPeek, { block }) : null;
-		$[0] = block;
-		$[1] = t1;
-	} else t1 = $[1];
-	return t1;
-}
 /**
 * What another renderer document left in `slot`, read before this one renders into it. Each new
 * revision loads another renderer document, and removing the last one's frame never unmounts

package/dist/features/renderer/definitionAnswers.js

@@ -1,15 +1,8 @@
 import { curatedLayoutContext } from "../../core/layoutContext.js";
 
 //#region src/features/renderer/definitionAnswers.ts
-/** The block of `type` in the draft's code, loading it if it is lazy. */
-async function blockOfCode(camoxApp, type) {
-	const block = camoxApp.getBlockById(type);
-	if (block || !camoxApp.canLoadMoreBlocks()) return block;
-	return camoxApp.loadBlock(type);
-}
 async function answerFromCode(camoxApp, question) {
 	switch (question.type) {
-		case "initialBundle": return (await blockOfCode(camoxApp, question.blockType))?._internal.getInitialBundle() ?? null;
 		case "prepareFrame": return null;
 		case "pageTitle": {
 			const layout = camoxApp.getLayoutById(question.layoutId);
@@ -24,4 +17,4 @@ async function answerFromCode(camoxApp, question) {
 }
 
 //#endregion
-export { answerFromCode, blockOfCode };
+export { answerFromCode };

package/dist/features/renderer/rendererHost.js

@@ -1,4 +1,3 @@
-import { referencePickerFocus } from "../preview/referencePickerFocus.js";
 import { canvasStore } from "../canvas/canvasStore.js";
 import { previewStore } from "../preview/previewStore.js";
 import { SDK_VERSION, deferredInbox } from "./protocol.js";
@@ -20,10 +19,7 @@ const storeMessages = {
 	})
 };
 /** The stores the renderer forwards its events to, as the host applies them. */
-const forwarded = {
-	preview: previewStore,
-	referencePickerFocus
-};
+const forwarded = { preview: previewStore };
 /** Applies an event the renderer forwarded to the studio's store. */
 const applyStoreEvent = (message) => {
 	const store = forwarded[message.store];
@@ -43,7 +39,6 @@ function createRendererHost({ studioCache, draftScope, queryClient, notify } = {
 		studioCache
 	}) : void 0;
 	const frames = /* @__PURE__ */ new Map();
-	const thumbnails = /* @__PURE__ */ new Map();
 	/** The questions asked that no renderer answered yet. */
 	const asked = /* @__PURE__ */ new Map();
 	let lastAskId = 0;
@@ -122,12 +117,6 @@ function createRendererHost({ studioCache, draftScope, queryClient, notify } = {
 					slot,
 					target
 				});
-				for (const [thumbnailId, { slot, blockType }] of thumbnails) post({
-					type: "thumbnail",
-					thumbnailId,
-					slot,
-					blockType
-				});
 				for (const [askId, { question }] of asked) post({
 					type: "ask",
 					askId,
@@ -213,25 +202,6 @@ function createRendererHost({ studioCache, draftScope, queryClient, notify } = {
 				});
 			});
 		},
-		showThumbnail(thumbnailId, slot, blockType) {
-			thumbnails.set(thumbnailId, {
-				slot,
-				blockType
-			});
-			post({
-				type: "thumbnail",
-				thumbnailId,
-				slot,
-				blockType
-			});
-		},
-		hideThumbnail(thumbnailId) {
-			if (!thumbnails.delete(thumbnailId)) return;
-			post({
-				type: "thumbnailEnd",
-				thumbnailId
-			});
-		},
 		subscribe(listener) {
 			connectionListeners.add(listener);
 			return () => connectionListeners.delete(listener);

package/dist/features/renderer/studioConnection.js

@@ -1,4 +1,3 @@
-import { referencePickerFocus } from "../preview/referencePickerFocus.js";
 import { canvasStore } from "../canvas/canvasStore.js";
 import { previewStore } from "../preview/previewStore.js";
 import { SDK_VERSION, deferredInbox } from "./protocol.js";
@@ -11,10 +10,7 @@ const mirrors = {
 	canvas: canvasStore
 };
 /** The stores of this document whose events are forwarded to the studio's. */
-const forwards = {
-	preview: previewStore,
-	referencePickerFocus
-};
+const forwards = { preview: previewStore };
 /** Has this document's copy of a mirrored store take the studio's state. */
 const mirror = (message) => mirrors[message.store]?.send({
 	type: "mirror",
@@ -30,7 +26,6 @@ function connectToStudio(handle, { queryClient, studioCache, draftScope, camoxAp
 	let welcomed = false;
 	let frames = [];
 	const listeners = /* @__PURE__ */ new Set();
-	let thumbnails = [];
 	const changed = () => {
 		for (const listener of listeners) listener();
 	};
@@ -38,10 +33,6 @@ function connectToStudio(handle, { queryClient, studioCache, draftScope, camoxAp
 		frames = next;
 		changed();
 	};
-	const setThumbnails = (next) => {
-		thumbnails = next;
-		changed();
-	};
 	/** The edits sent to the studio that it hasn't answered yet. */
 	const editsInFlight = /* @__PURE__ */ new Map();
 	let lastEditId = 0;
@@ -93,20 +84,6 @@ function connectToStudio(handle, { queryClient, studioCache, draftScope, camoxAp
 					exact: true
 				});
 				return;
-			case "thumbnail": {
-				const { thumbnailId, slot, blockType } = message;
-				const thumbnail = {
-					thumbnailId,
-					slot,
-					blockType
-				};
-				const index = thumbnails.findIndex((shown) => shown.thumbnailId === thumbnailId);
-				setThumbnails(index < 0 ? [...thumbnails, thumbnail] : thumbnails.map((shown, at) => at === index ? thumbnail : shown));
-				return;
-			}
-			case "thumbnailEnd":
-				setThumbnails(thumbnails.filter(({ thumbnailId }) => thumbnailId !== message.thumbnailId));
-				return;
 			case "ask": {
 				const { askId, question } = message;
 				if (question.type === "prepareFrame") {
@@ -165,7 +142,6 @@ function connectToStudio(handle, { queryClient, studioCache, draftScope, camoxAp
 	return {
 		connected: () => welcomed,
 		frames: () => frames,
-		thumbnails: () => thumbnails,
 		subscribe(listener) {
 			listeners.add(listener);
 			return () => listeners.delete(listener);

package/dist/features/runtime/pageApp.js

@@ -1,8 +1,9 @@
 import { DraftScopeContext } from "../../lib/draft-scope.js";
 import { useAuthState, useSignInRedirect } from "../../lib/auth.js";
+import { ArtifactCaptureContext } from "../../core/hooks/useArtifactHost.js";
 import { useSignInShortcut } from "../provider/signInShortcut.js";
-import { PreviewDocumentContext } from "./PreviewDocumentContext.js";
 import { PreviewActivation } from "../preview/components/PreviewActivation.js";
+import { PreviewDocumentContext } from "./PreviewDocumentContext.js";
 import { Frame } from "../preview/components/Frame.js";
 import { PreviewSignInPage } from "../provider/PreviewSignInPage.js";
 import { CoreCamoxProvider } from "../provider/CoreCamoxProvider.js";
@@ -36,9 +37,12 @@ function PageApp(t0) {
 			sessionless: input.look,
 			children: /* @__PURE__ */ jsx(PreviewDocumentContext.Provider, {
 				value: currentInput.previewDocument,
-				children: input.previewHandoff ? /* @__PURE__ */ jsx(PreviewSignInPage, {}) : input.look ? /* @__PURE__ */ jsx(PageContent, {
-					camoxApp,
-					input: currentInput
+				children: input.previewHandoff ? /* @__PURE__ */ jsx(PreviewSignInPage, {}) : input.look ? /* @__PURE__ */ jsx(ArtifactCaptureContext, {
+					value: true,
+					children: /* @__PURE__ */ jsx(PageContent, {
+						camoxApp,
+						input: currentInput
+					})
 				}) : /* @__PURE__ */ jsx(PageExperience, {
 					camoxApp,
 					input: currentInput,

package/dist/features/runtime/runtime.js

@@ -762,8 +762,8 @@ async function lookAtLayoutPage(request, options, reading, path, match) {
 }
 /**
 * The look document's Block Definition mode: the block of the Block Definition `type` as the
-* draft would show it placed, with its default content and Block Settings and the overrides the
-* URL gives merged on, by the API, which checks them against its schemas. An override it refuses
+* draft would show it placed, its content and Block Settings empty but for the overrides the URL
+* gives, merged by the API, which checks them against its schemas. An override it refuses
 * answers its message. The block is read as a page reads its blocks, so it renders and hydrates
 * as a page's block does; its page is the Locale's home, which links resolve against.
 */
@@ -809,7 +809,7 @@ async function lookAtBlockDefinition(request, options, reading, type) {
 }
 /**
 * The look document's Layout Definition mode: the curated Layout `layoutId` around no page, its
-* blocks with their default content and Block Settings and the overrides the URL gives merged on,
+* blocks with their content and Block Settings empty but for the overrides the URL gives, merged
 * by the API, which checks them against their schemas and refuses a Singleton or Derived Layout,
 * answering its message. Where a page's content goes, a labelled placeholder as tall as the URL
 * says. Its path is the Locale's home, which links resolve against.

package/dist/features/studio/agentRunToast.js

@@ -0,0 +1,71 @@
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { toast } from "@camox/ui/toaster";
+
+//#region src/features/studio/agentRunToast.ts
+/**
+* Says the agent is working in a toast while a run goes in the draft's thread, anyone's, so the
+* editor knows wherever they are in the studio, then how it ended. Live's runs are too quick to
+* need one. Leaving the thread takes the toast away.
+*/
+function useAgentRunToast(view, draftId) {
+	const $ = c(13);
+	const id = React.useId();
+	const running = draftId !== null && view.running;
+	const ran = React.useRef(false);
+	let t0;
+	if ($[0] !== id || $[1] !== view) {
+		t0 = () => {
+			const last = view.messages.at(-1)?.from;
+			if (last === "failed") toast.error("Agent couldn't finish", { id });
+			else if (last === "stopped") toast.dismiss(id);
+			else toast.success("Agent is done", { id });
+		};
+		$[0] = id;
+		$[1] = view;
+		$[2] = t0;
+	} else t0 = $[2];
+	const ended = React.useEffectEvent(t0);
+	let t1;
+	if ($[3] !== ended || $[4] !== id || $[5] !== running) {
+		t1 = () => {
+			if (running) {
+				ran.current = true;
+				toast.loading("Agent is working…", { id });
+			} else if (ran.current) {
+				ran.current = false;
+				ended();
+			}
+		};
+		$[3] = ended;
+		$[4] = id;
+		$[5] = running;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== id || $[8] !== running) {
+		t2 = [running, id];
+		$[7] = id;
+		$[8] = running;
+		$[9] = t2;
+	} else t2 = $[9];
+	React.useEffect(t1, t2);
+	let t3;
+	let t4;
+	if ($[10] !== id) {
+		t3 = () => () => {
+			if (ran.current) toast.dismiss(id);
+		};
+		t4 = [id];
+		$[10] = id;
+		$[11] = t3;
+		$[12] = t4;
+	} else {
+		t3 = $[11];
+		t4 = $[12];
+	}
+	React.useEffect(t3, t4);
+}
+
+//#endregion
+export { useAgentRunToast };

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

@@ -7,6 +7,7 @@ import { BOTTOM_CARD_EDGES, CARD_BODY_EDGES } from "../../preview/components/Sid
 import { studioStore } from "../studioStore.js";
 import { FollowAgentContext } from "../followAgentContext.js";
 import { useThread } from "../../../lib/use-thread.js";
+import { useAgentRunToast } from "../agentRunToast.js";
 import { EditorWhereContext } from "../editorWhereContext.js";
 import { useEditorSelection } from "../useEditorSelection.js";
 import { ThreadComposer, useComposerCarrier } from "./ThreadComposer.js";
@@ -141,6 +142,7 @@ function Thread(t0) {
 		$[1] = t1;
 	} 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) {

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

@@ -14,8 +14,7 @@ import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 */
 const SETTLE_MS = 1500;
 /**
-* Asks what to do with the draft being viewed, once its edits settle: discard its changes or
-* publish them. `stacked` places it in the Preview toolbar's column, just above the toolbar;
+* Asks what to do with the draft being viewed, once its edits settle: delete it or publish it. `stacked` places it in the Preview toolbar's column, just above the toolbar;
 * otherwise it floats at the bottom of the screen on its own.
 */
 function DraftBar(t0) {
@@ -63,7 +62,7 @@ function DraftBar(t0) {
 			type: "button",
 			variant: "outline",
 			onClick: _temp,
-			children: "Discard"
+			children: "Delete"
 		});
 		$[8] = t7;
 	} else t7 = $[8];