@assistant-ui/react 0.15.8 → 0.15.10

package/dist/client/ExternalThread.js

@@ -16,8 +16,8 @@ const derivePartStatus = (message, partIndex, part) => {
 	return toMessagePartStatus(message, partIndex, part);
 };
 const useMessageClient = (t0) => {
-	const $ = c(64);
-	const { message, index, parentId, onEdit, onReload, queue, branches, onRespondToToolApproval, onAddToolResult, onResumeToolCall, attachmentAdapter } = t0;
+	const $ = c(73);
+	const { message, index, parentId, onEdit, onReload, queue, branches, onRespondToToolApproval, onAddToolResult, onResumeToolCall, attachmentAdapter, submittedFeedback, onSubmitFeedback, speech, onSpeak, onStopSpeaking } = t0;
 	const [isCopied, setIsCopied] = useState(false);
 	const [isHovering, setIsHovering] = useState(false);
 	const [isEditing, setIsEditing] = useState(false);
@@ -52,39 +52,42 @@ const useMessageClient = (t0) => {
 	} else t3 = $[8];
 	const attachmentClients = useClientLookup(t3);
 	let t4;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[9] !== onEdit) {
 		t4 = () => {
+			if (!onEdit) throw new Error("Runtime does not support editing.");
 			setIsEditing(true);
 		};
-		$[9] = t4;
-	} else t4 = $[9];
+		$[9] = onEdit;
+		$[10] = t4;
+	} else t4 = $[10];
 	const handleBeginEdit = t4;
 	let t5;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = () => {
 			setIsEditing(false);
 		};
-		$[10] = t5;
-	} else t5 = $[10];
+		$[11] = t5;
+	} else t5 = $[11];
 	const handleCancelEdit = t5;
 	let t6;
-	if ($[11] !== message.id || $[12] !== onEdit || $[13] !== parentId) {
+	if ($[12] !== message.id || $[13] !== onEdit || $[14] !== parentId) {
 		t6 = (msg) => {
-			onEdit?.({
+			if (!onEdit) throw new Error("Runtime does not support editing.");
+			onEdit({
 				...msg,
 				parentId,
 				sourceId: message.id
 			});
 			setIsEditing(false);
 		};
-		$[11] = message.id;
-		$[12] = onEdit;
-		$[13] = parentId;
-		$[14] = t6;
-	} else t6 = $[14];
+		$[12] = message.id;
+		$[13] = onEdit;
+		$[14] = parentId;
+		$[15] = t6;
+	} else t6 = $[15];
 	const handleSendEdit = t6;
 	let t7;
-	if ($[15] !== attachmentAdapter || $[16] !== handleSendEdit || $[17] !== isEditing || $[18] !== message || $[19] !== queue) {
+	if ($[16] !== attachmentAdapter || $[17] !== handleBeginEdit || $[18] !== handleSendEdit || $[19] !== isEditing || $[20] !== message || $[21] !== queue) {
 		t7 = ComposerClientResource({
 			type: "edit",
 			isEditing,
@@ -96,152 +99,171 @@ const useMessageClient = (t0) => {
 			queue,
 			attachmentAdapter
 		});
-		$[15] = attachmentAdapter;
-		$[16] = handleSendEdit;
-		$[17] = isEditing;
-		$[18] = message;
-		$[19] = queue;
-		$[20] = t7;
-	} else t7 = $[20];
+		$[16] = attachmentAdapter;
+		$[17] = handleBeginEdit;
+		$[18] = handleSendEdit;
+		$[19] = isEditing;
+		$[20] = message;
+		$[21] = queue;
+		$[22] = t7;
+	} else t7 = $[22];
 	const composerClient = useClientResource(t7);
 	let branchIds;
 	let t8;
-	if ($[21] !== branches || $[22] !== message.id) {
+	if ($[23] !== branches || $[24] !== message.id) {
 		branchIds = branches?.getBranches(message.id) ?? EMPTY_BRANCH_IDS;
 		t8 = branchIds.indexOf(message.id);
-		$[21] = branches;
-		$[22] = message.id;
-		$[23] = branchIds;
-		$[24] = t8;
+		$[23] = branches;
+		$[24] = message.id;
+		$[25] = branchIds;
+		$[26] = t8;
 	} else {
-		branchIds = $[23];
-		t8 = $[24];
+		branchIds = $[25];
+		t8 = $[26];
 	}
 	const branchIndex = t8;
 	const branchNumber = branchIndex === -1 ? 1 : branchIndex + 1;
 	const branchCount = branchIndex === -1 ? 1 : branchIds.length;
 	let t9;
-	if ($[25] !== message.attachments) {
-		t9 = message.attachments ?? [];
-		$[25] = message.attachments;
-		$[26] = t9;
-	} else t9 = $[26];
-	let t10;
-	if ($[27] !== branchCount || $[28] !== branchNumber || $[29] !== composerClient.state || $[30] !== index || $[31] !== isCopied || $[32] !== isHovering || $[33] !== message || $[34] !== parentId || $[35] !== partClients.state || $[36] !== t9) {
-		t10 = {
+	if ($[27] !== message || $[28] !== submittedFeedback) {
+		t9 = submittedFeedback && message.role === "assistant" ? {
 			...message,
-			attachments: t9,
+			metadata: {
+				...message.metadata,
+				submittedFeedback: { type: submittedFeedback }
+			}
+		} : message;
+		$[27] = message;
+		$[28] = submittedFeedback;
+		$[29] = t9;
+	} else t9 = $[29];
+	const messageWithFeedback = t9;
+	let t10;
+	if ($[30] !== message.attachments) {
+		t10 = message.attachments ?? [];
+		$[30] = message.attachments;
+		$[31] = t10;
+	} else t10 = $[31];
+	let t11;
+	if ($[32] !== branchCount || $[33] !== branchNumber || $[34] !== composerClient.state || $[35] !== index || $[36] !== isCopied || $[37] !== isHovering || $[38] !== messageWithFeedback || $[39] !== parentId || $[40] !== partClients.state || $[41] !== speech || $[42] !== t10) {
+		t11 = {
+			...messageWithFeedback,
+			attachments: t10,
 			parentId,
 			isLast: false,
 			branchNumber,
 			branchCount,
-			speech: void 0,
+			speech,
 			parts: partClients.state,
 			isCopied,
 			isHovering,
 			index,
 			composer: composerClient.state
 		};
-		$[27] = branchCount;
-		$[28] = branchNumber;
-		$[29] = composerClient.state;
-		$[30] = index;
-		$[31] = isCopied;
-		$[32] = isHovering;
-		$[33] = message;
-		$[34] = parentId;
-		$[35] = partClients.state;
-		$[36] = t9;
-		$[37] = t10;
-	} else t10 = $[37];
-	const state = t10;
-	let t11;
-	if ($[38] !== state) {
-		t11 = () => state;
-		$[38] = state;
-		$[39] = t11;
-	} else t11 = $[39];
+		$[32] = branchCount;
+		$[33] = branchNumber;
+		$[34] = composerClient.state;
+		$[35] = index;
+		$[36] = isCopied;
+		$[37] = isHovering;
+		$[38] = messageWithFeedback;
+		$[39] = parentId;
+		$[40] = partClients.state;
+		$[41] = speech;
+		$[42] = t10;
+		$[43] = t11;
+	} else t11 = $[43];
+	const state = t11;
 	let t12;
-	if ($[40] !== composerClient.methods) {
-		t12 = () => composerClient.methods;
-		$[40] = composerClient.methods;
-		$[41] = t12;
-	} else t12 = $[41];
+	if ($[44] !== state) {
+		t12 = () => state;
+		$[44] = state;
+		$[45] = t12;
+	} else t12 = $[45];
 	let t13;
-	if ($[42] !== onReload) {
-		t13 = () => {
+	if ($[46] !== composerClient.methods) {
+		t13 = () => composerClient.methods;
+		$[46] = composerClient.methods;
+		$[47] = t13;
+	} else t13 = $[47];
+	let t14;
+	if ($[48] !== onReload) {
+		t14 = () => {
 			onReload?.();
 		};
-		$[42] = onReload;
-		$[43] = t13;
-	} else t13 = $[43];
-	let t14;
-	if ($[44] !== branchIds || $[45] !== branchIndex || $[46] !== branches || $[47] !== message.id) {
-		t14 = (t15) => {
-			const { position, branchId } = t15;
+		$[48] = onReload;
+		$[49] = t14;
+	} else t14 = $[49];
+	let t15;
+	if ($[50] !== branchIds || $[51] !== branchIndex || $[52] !== branches || $[53] !== message.id) {
+		t15 = (t16) => {
+			const { position, branchId } = t16;
 			if (!branches) return;
 			const target = branchId ?? (branchIndex === -1 ? void 0 : position === "previous" ? branchIds[branchIndex - 1] : position === "next" ? branchIds[branchIndex + 1] : void 0);
 			if (target !== void 0 && target !== message.id) branches.switchToBranch(target);
 		};
-		$[44] = branchIds;
-		$[45] = branchIndex;
-		$[46] = branches;
-		$[47] = message.id;
-		$[48] = t14;
-	} else t14 = $[48];
-	let t15;
-	if ($[49] !== message) {
-		t15 = () => getThreadMessageText(message);
-		$[49] = message;
-		$[50] = t15;
-	} else t15 = $[50];
+		$[50] = branchIds;
+		$[51] = branchIndex;
+		$[52] = branches;
+		$[53] = message.id;
+		$[54] = t15;
+	} else t15 = $[54];
 	let t16;
-	if ($[51] !== partClients || $[52] !== state) {
-		t16 = (selector) => {
+	if ($[55] !== message) {
+		t16 = () => getThreadMessageText(message);
+		$[55] = message;
+		$[56] = t16;
+	} else t16 = $[56];
+	let t17;
+	if ($[57] !== partClients || $[58] !== state) {
+		t17 = (selector) => {
 			if ("index" in selector) return partClients.get(selector);
 			const partIndex = state.parts.findIndex((p) => p.type === "tool-call" && p.toolCallId === selector.toolCallId);
 			return partClients.get({ index: partIndex });
 		};
-		$[51] = partClients;
-		$[52] = state;
-		$[53] = t16;
-	} else t16 = $[53];
-	let t17;
-	if ($[54] !== attachmentClients) {
-		t17 = (selector_0) => {
+		$[57] = partClients;
+		$[58] = state;
+		$[59] = t17;
+	} else t17 = $[59];
+	let t18;
+	if ($[60] !== attachmentClients) {
+		t18 = (selector_0) => {
 			if ("id" in selector_0) return attachmentClients.get({ key: selector_0.id });
 			return attachmentClients.get(selector_0);
 		};
-		$[54] = attachmentClients;
-		$[55] = t17;
-	} else t17 = $[55];
-	let t18;
-	if ($[56] !== t11 || $[57] !== t12 || $[58] !== t13 || $[59] !== t14 || $[60] !== t15 || $[61] !== t16 || $[62] !== t17) {
-		t18 = {
-			getState: t11,
-			composer: t12,
+		$[60] = attachmentClients;
+		$[61] = t18;
+	} else t18 = $[61];
+	let t19;
+	if ($[62] !== onSpeak || $[63] !== onStopSpeaking || $[64] !== onSubmitFeedback || $[65] !== t12 || $[66] !== t13 || $[67] !== t14 || $[68] !== t15 || $[69] !== t16 || $[70] !== t17 || $[71] !== t18) {
+		t19 = {
+			getState: t12,
+			composer: t13,
 			delete: _temp3,
-			reload: t13,
-			speak: _temp4,
-			stopSpeaking: _temp5,
-			submitFeedback: _temp6,
-			switchToBranch: t14,
-			getCopyText: t15,
-			part: t16,
-			attachment: t17,
+			reload: t14,
+			speak: onSpeak,
+			stopSpeaking: onStopSpeaking,
+			submitFeedback: onSubmitFeedback,
+			switchToBranch: t15,
+			getCopyText: t16,
+			part: t17,
+			attachment: t18,
 			setIsCopied,
 			setIsHovering
 		};
-		$[56] = t11;
-		$[57] = t12;
-		$[58] = t13;
-		$[59] = t14;
-		$[60] = t15;
-		$[61] = t16;
-		$[62] = t17;
-		$[63] = t18;
-	} else t18 = $[63];
-	return t18;
+		$[62] = onSpeak;
+		$[63] = onStopSpeaking;
+		$[64] = onSubmitFeedback;
+		$[65] = t12;
+		$[66] = t13;
+		$[67] = t14;
+		$[68] = t15;
+		$[69] = t16;
+		$[70] = t17;
+		$[71] = t18;
+		$[72] = t19;
+	} else t19 = $[72];
+	return t19;
 };
 const MessageClient = resource(useMessageClient);
 const usePartResource = (t0) => {
@@ -402,7 +424,7 @@ const useComposerClientResource = (t0) => {
 	if ($[2] !== message || $[3] !== setAttachments || $[4] !== setRole || $[5] !== setText) {
 		t4 = () => {
 			if (message) {
-				const messageText = message.content.filter(_temp7).map(_temp8).join("\n\n");
+				const messageText = message.content.filter(_temp4).map(_temp5).join("\n\n");
 				setText(messageText);
 				setRole(message.role);
 				setAttachments(message.attachments ?? []);
@@ -457,7 +479,7 @@ const useComposerClientResource = (t0) => {
 	if ($[19] !== attachmentAdapter) {
 		t8 = async (removed) => {
 			if (!attachmentAdapter) return;
-			await Promise.all(removed.filter(_temp9).map((a_1) => attachmentAdapter.remove(a_1)));
+			await Promise.all(removed.filter(_temp6).map((a_1) => attachmentAdapter.remove(a_1)));
 		};
 		$[19] = attachmentAdapter;
 		$[20] = t8;
@@ -723,8 +745,8 @@ const useComposerClientResource = (t0) => {
 			send: t19,
 			cancel: onCancel,
 			beginEdit: t20,
-			startDictation: _temp0,
-			stopDictation: _temp1,
+			startDictation: _temp7,
+			stopDictation: _temp8,
 			setQuote,
 			queueItem: t21
 		};
@@ -746,6 +768,57 @@ const useComposerClientResource = (t0) => {
 	return t22;
 };
 const ComposerClientResource = resource(useComposerClientResource);
+const createSpeechController = (notify) => {
+	let session;
+	const clear = () => {
+		if (!session) return;
+		session.cancel();
+		session = void 0;
+		notify(void 0);
+	};
+	return {
+		speak: (adapter, message) => {
+			clear();
+			const utterance = adapter.speak(getThreadMessageText(message));
+			let unsub;
+			unsub = utterance.subscribe(() => {
+				if (utterance.status.type === "ended") {
+					unsub?.();
+					session = void 0;
+					notify(void 0);
+				} else notify({
+					messageId: message.id,
+					status: utterance.status
+				});
+			});
+			if (utterance.status.type === "ended") {
+				unsub();
+				notify(void 0);
+				return;
+			}
+			session = {
+				messageId: message.id,
+				cancel: () => {
+					unsub();
+					utterance.cancel();
+				}
+			};
+			notify({
+				messageId: message.id,
+				status: utterance.status
+			});
+		},
+		stop: () => {
+			if (!session) throw new Error("No message is being spoken");
+			clear();
+		},
+		stopMessage: (messageId) => {
+			if (session?.messageId !== messageId) throw new Error("Message is not being spoken");
+			clear();
+		},
+		dispose: clear
+	};
+};
 const dedupeMessagesById = (messages) => {
 	const seenIds = /* @__PURE__ */ new Set();
 	const deduped = [];
@@ -761,8 +834,8 @@ const dedupeMessagesById = (messages) => {
 	return deduped.length === messages.length ? messages : deduped.reverse();
 };
 const useExternalThread = (t0) => {
-	const $ = c(78);
-	const { messages: messagesProp, isRunning: t1, isLoading: t2, state: threadState, extras, isSendDisabled: t3, onNew, onEdit, onReload, onStartRun, onCancel, onResume, onAddToolResult, onResumeToolCall, onLoadExternalState, attachmentAdapter, queue, branches, onRespondToToolApproval } = t0;
+	const $ = c(106);
+	const { messages: messagesProp, isRunning: t1, isLoading: t2, state: threadState, extras, isSendDisabled: t3, onNew, onEdit, onReload, onStartRun, onCancel, onResume, onAddToolResult, onResumeToolCall, onLoadExternalState, attachmentAdapter, feedbackAdapter, speechAdapter, queue, branches, onRespondToToolApproval } = t0;
 	const isRunning = t1 === void 0 ? false : t1;
 	const isLoading = t2 === void 0 ? false : t2;
 	const isSendDisabled = t3 === void 0 ? false : t3;
@@ -774,98 +847,216 @@ const useExternalThread = (t0) => {
 	} else t4 = $[1];
 	const messages = t4;
 	let t5;
-	if ($[2] !== messages || $[3] !== onReload) {
-		t5 = (messageId) => {
-			const messageIndex = messages.findIndex((m) => m.id === messageId);
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = {};
+		$[2] = t5;
+	} else t5 = $[2];
+	const [submittedFeedback, setSubmittedFeedback] = useState(t5);
+	let t6;
+	if ($[3] !== submittedFeedback) {
+		t6 = (msg) => {
+			const entry = submittedFeedback[msg.id];
+			return entry && msg.metadata.submittedFeedback?.type === entry.external ? entry.type : void 0;
+		};
+		$[3] = submittedFeedback;
+		$[4] = t6;
+	} else t6 = $[4];
+	const feedbackFor = t6;
+	let t7;
+	let t8;
+	if ($[5] !== messages) {
+		t7 = () => {
+			setSubmittedFeedback((prev) => {
+				const live = Object.entries(prev).filter((t9) => {
+					const [id, entry_0] = t9;
+					const msg_0 = messages.find((m) => m.id === id);
+					return !!msg_0 && msg_0.metadata.submittedFeedback?.type === entry_0.external;
+				});
+				return live.length === Object.keys(prev).length ? prev : Object.fromEntries(live);
+			});
+		};
+		t8 = [messages];
+		$[5] = messages;
+		$[6] = t7;
+		$[7] = t8;
+	} else {
+		t7 = $[6];
+		t8 = $[7];
+	}
+	useEffect(t7, t8);
+	let t9;
+	if ($[8] !== feedbackAdapter) {
+		t9 = (message, t10) => {
+			const { type } = t10;
+			if (!feedbackAdapter) throw new Error("Feedback adapter not configured");
+			feedbackAdapter.submit({
+				message,
+				type
+			});
+			if (message.role === "assistant") setSubmittedFeedback((prev_0) => ({
+				...prev_0,
+				[message.id]: {
+					type,
+					external: message.metadata.submittedFeedback?.type
+				}
+			}));
+		};
+		$[8] = feedbackAdapter;
+		$[9] = t9;
+	} else t9 = $[9];
+	const handleSubmitFeedback = t9;
+	const [speechState, setSpeech] = useState(void 0);
+	let t10;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = () => createSpeechController(setSpeech);
+		$[10] = t10;
+	} else t10 = $[10];
+	const [speechController] = useState(t10);
+	const hasSpeechAdapter = !!speechAdapter;
+	const speech = hasSpeechAdapter ? speechState : void 0;
+	let t11;
+	let t12;
+	if ($[11] !== hasSpeechAdapter || $[12] !== speechController) {
+		t11 = () => {
+			if (!hasSpeechAdapter) speechController.dispose();
+		};
+		t12 = [hasSpeechAdapter, speechController];
+		$[11] = hasSpeechAdapter;
+		$[12] = speechController;
+		$[13] = t11;
+		$[14] = t12;
+	} else {
+		t11 = $[13];
+		t12 = $[14];
+	}
+	useEffect(t11, t12);
+	let t13;
+	let t14;
+	if ($[15] !== speechController) {
+		t13 = () => () => speechController.dispose();
+		t14 = [speechController];
+		$[15] = speechController;
+		$[16] = t13;
+		$[17] = t14;
+	} else {
+		t13 = $[16];
+		t14 = $[17];
+	}
+	useEffect(t13, t14);
+	let t15;
+	if ($[18] !== speechAdapter || $[19] !== speechController) {
+		t15 = (message_0) => {
+			if (!speechAdapter) throw new Error("Speech adapter not configured");
+			speechController.speak(speechAdapter, message_0);
+		};
+		$[18] = speechAdapter;
+		$[19] = speechController;
+		$[20] = t15;
+	} else t15 = $[20];
+	const handleSpeak = t15;
+	let t16;
+	if ($[21] !== messages || $[22] !== onReload) {
+		t16 = (messageId) => {
+			const messageIndex = messages.findIndex((m_0) => m_0.id === messageId);
 			if (messageIndex === -1) return;
 			const parentId = messageIndex > 0 ? messages[messageIndex - 1].id : null;
 			onReload?.(parentId);
 		};
-		$[2] = messages;
-		$[3] = onReload;
-		$[4] = t5;
-	} else t5 = $[4];
-	const handleReload = t5;
-	let t6;
-	if ($[5] !== attachmentAdapter || $[6] !== branches || $[7] !== handleReload || $[8] !== messages || $[9] !== onAddToolResult || $[10] !== onEdit || $[11] !== onRespondToToolApproval || $[12] !== onResumeToolCall || $[13] !== queue) {
-		t6 = messages.map((msg, index) => {
+		$[21] = messages;
+		$[22] = onReload;
+		$[23] = t16;
+	} else t16 = $[23];
+	const handleReload = t16;
+	let t17;
+	if ($[24] !== attachmentAdapter || $[25] !== branches || $[26] !== feedbackFor || $[27] !== handleReload || $[28] !== handleSpeak || $[29] !== handleSubmitFeedback || $[30] !== messages || $[31] !== onAddToolResult || $[32] !== onEdit || $[33] !== onRespondToToolApproval || $[34] !== onResumeToolCall || $[35] !== queue || $[36] !== speech || $[37] !== speechController) {
+		t17 = messages.map((msg_1, index) => {
 			const props = {
-				message: msg,
+				message: msg_1,
 				index,
 				parentId: index > 0 ? messages[index - 1].id : null,
-				onReload: () => handleReload(msg.id),
+				onReload: () => handleReload(msg_1.id),
 				queue,
 				branches,
 				onRespondToToolApproval,
 				onAddToolResult,
 				onResumeToolCall,
-				attachmentAdapter
+				attachmentAdapter,
+				submittedFeedback: feedbackFor(msg_1),
+				onSubmitFeedback: (feedback) => handleSubmitFeedback(msg_1, feedback),
+				speech: speech?.messageId === msg_1.id ? speech : void 0,
+				onSpeak: () => handleSpeak(msg_1),
+				onStopSpeaking: () => speechController.stopMessage(msg_1.id)
 			};
 			if (onEdit) props.onEdit = onEdit;
-			return withKey(msg.id, MessageClient(props));
+			return withKey(msg_1.id, MessageClient(props));
 		});
-		$[5] = attachmentAdapter;
-		$[6] = branches;
-		$[7] = handleReload;
-		$[8] = messages;
-		$[9] = onAddToolResult;
-		$[10] = onEdit;
-		$[11] = onRespondToToolApproval;
-		$[12] = onResumeToolCall;
-		$[13] = queue;
-		$[14] = t6;
-	} else t6 = $[14];
-	const messageClients = useClientLookup(t6);
-	let t7;
-	if ($[15] !== onCancel) {
-		t7 = () => {
+		$[24] = attachmentAdapter;
+		$[25] = branches;
+		$[26] = feedbackFor;
+		$[27] = handleReload;
+		$[28] = handleSpeak;
+		$[29] = handleSubmitFeedback;
+		$[30] = messages;
+		$[31] = onAddToolResult;
+		$[32] = onEdit;
+		$[33] = onRespondToToolApproval;
+		$[34] = onResumeToolCall;
+		$[35] = queue;
+		$[36] = speech;
+		$[37] = speechController;
+		$[38] = t17;
+	} else t17 = $[38];
+	const messageClients = useClientLookup(t17);
+	let t18;
+	if ($[39] !== onCancel) {
+		t18 = () => {
 			onCancel?.();
 		};
-		$[15] = onCancel;
-		$[16] = t7;
-	} else t7 = $[16];
-	const handleCancelRun = t7;
-	let t8;
-	if ($[17] !== messages || $[18] !== onNew) {
-		t8 = (message) => {
+		$[39] = onCancel;
+		$[40] = t18;
+	} else t18 = $[40];
+	const handleCancelRun = t18;
+	let t19;
+	if ($[41] !== messages || $[42] !== onNew) {
+		t19 = (message_1) => {
 			onNew?.({
-				...message,
+				...message_1,
 				parentId: messages.at(-1)?.id ?? null
 			});
 		};
-		$[17] = messages;
-		$[18] = onNew;
-		$[19] = t8;
-	} else t8 = $[19];
-	const handleSendNew = t8;
-	let t9;
-	if ($[20] !== messages) {
-		t9 = messages.at(-1)?.id ?? null;
-		$[20] = messages;
-		$[21] = t9;
-	} else t9 = $[21];
-	const headId = t9;
-	let t10;
-	if ($[22] !== headId || $[23] !== queue) {
-		t10 = queue && {
+		$[41] = messages;
+		$[42] = onNew;
+		$[43] = t19;
+	} else t19 = $[43];
+	const handleSendNew = t19;
+	let t20;
+	if ($[44] !== messages) {
+		t20 = messages.at(-1)?.id ?? null;
+		$[44] = messages;
+		$[45] = t20;
+	} else t20 = $[45];
+	const headId = t20;
+	let t21;
+	if ($[46] !== headId || $[47] !== queue) {
+		t21 = queue && {
 			...queue,
-			enqueue: (message_0) => queue.enqueue({
-				...message_0,
-				parentId: message_0.parentId ?? headId
+			enqueue: (message_2) => queue.enqueue({
+				...message_2,
+				parentId: message_2.parentId ?? headId
 			}),
-			steer: (message_1) => queue.steer({
-				...message_1,
-				parentId: message_1.parentId ?? headId
+			steer: (message_3) => queue.steer({
+				...message_3,
+				parentId: message_3.parentId ?? headId
 			})
 		};
-		$[22] = headId;
-		$[23] = queue;
-		$[24] = t10;
-	} else t10 = $[24];
-	const composerQueue = t10;
-	let t11;
-	if ($[25] !== attachmentAdapter || $[26] !== composerQueue || $[27] !== handleCancelRun || $[28] !== handleSendNew || $[29] !== isRunning || $[30] !== isSendDisabled) {
-		t11 = ComposerClientResource({
+		$[46] = headId;
+		$[47] = queue;
+		$[48] = t21;
+	} else t21 = $[48];
+	const composerQueue = t21;
+	let t22;
+	if ($[49] !== attachmentAdapter || $[50] !== composerQueue || $[51] !== handleCancelRun || $[52] !== handleSendNew || $[53] !== isRunning || $[54] !== isSendDisabled) {
+		t22 = ComposerClientResource({
 			type: "thread",
 			isEditing: true,
 			canCancel: isRunning,
@@ -875,39 +1066,41 @@ const useExternalThread = (t0) => {
 			queue: composerQueue,
 			attachmentAdapter
 		});
-		$[25] = attachmentAdapter;
-		$[26] = composerQueue;
-		$[27] = handleCancelRun;
-		$[28] = handleSendNew;
-		$[29] = isRunning;
-		$[30] = isSendDisabled;
-		$[31] = t11;
-	} else t11 = $[31];
-	const composerClient = useClientResource(t11);
+		$[49] = attachmentAdapter;
+		$[50] = composerQueue;
+		$[51] = handleCancelRun;
+		$[52] = handleSendNew;
+		$[53] = isRunning;
+		$[54] = isSendDisabled;
+		$[55] = t22;
+	} else t22 = $[55];
+	const composerClient = useClientResource(t22);
 	const hasQueue = !!queue;
 	const hasBranches = !!branches;
 	const hasEdit = !!onEdit;
 	const hasReload = !!onReload;
 	const hasAttachments = !!attachmentAdapter;
-	let t12;
-	if ($[32] !== messageClients.state) {
-		t12 = messageClients.state.map(_temp10);
-		$[32] = messageClients.state;
-		$[33] = t12;
-	} else t12 = $[33];
-	const messageStates = t12;
-	const t13 = messages.length === 0;
-	let t14;
-	if ($[34] !== hasAttachments || $[35] !== hasBranches || $[36] !== hasEdit || $[37] !== hasQueue || $[38] !== hasReload || $[39] !== isRunning) {
-		t14 = {
+	const hasFeedback = !!feedbackAdapter;
+	const hasSpeech = !!speechAdapter;
+	let t23;
+	if ($[56] !== messageClients.state) {
+		t23 = messageClients.state.map(_temp9);
+		$[56] = messageClients.state;
+		$[57] = t23;
+	} else t23 = $[57];
+	const messageStates = t23;
+	const t24 = messages.length === 0;
+	let t25;
+	if ($[58] !== hasAttachments || $[59] !== hasBranches || $[60] !== hasEdit || $[61] !== hasFeedback || $[62] !== hasQueue || $[63] !== hasReload || $[64] !== hasSpeech || $[65] !== isRunning) {
+		t25 = {
 			edit: hasEdit,
 			delete: false,
 			reload: hasReload,
 			refetchThread: false,
 			cancel: isRunning,
-			speech: false,
+			speech: hasSpeech,
 			attachments: hasAttachments,
-			feedback: false,
+			feedback: hasFeedback,
 			voice: false,
 			switchToBranch: hasBranches,
 			switchBranchDuringRun: false,
@@ -915,68 +1108,71 @@ const useExternalThread = (t0) => {
 			dictation: false,
 			queue: hasQueue
 		};
-		$[34] = hasAttachments;
-		$[35] = hasBranches;
-		$[36] = hasEdit;
-		$[37] = hasQueue;
-		$[38] = hasReload;
-		$[39] = isRunning;
-		$[40] = t14;
-	} else t14 = $[40];
-	let t15;
-	if ($[41] !== threadState) {
-		t15 = threadState ?? {};
-		$[41] = threadState;
-		$[42] = t15;
-	} else t15 = $[42];
-	let t16;
-	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = [];
-		$[43] = t16;
-	} else t16 = $[43];
-	let t17;
-	if ($[44] !== composerClient.state || $[45] !== extras || $[46] !== isLoading || $[47] !== isRunning || $[48] !== messageStates || $[49] !== t13 || $[50] !== t14 || $[51] !== t15) {
-		t17 = {
-			isEmpty: t13,
+		$[58] = hasAttachments;
+		$[59] = hasBranches;
+		$[60] = hasEdit;
+		$[61] = hasFeedback;
+		$[62] = hasQueue;
+		$[63] = hasReload;
+		$[64] = hasSpeech;
+		$[65] = isRunning;
+		$[66] = t25;
+	} else t25 = $[66];
+	let t26;
+	if ($[67] !== threadState) {
+		t26 = threadState ?? {};
+		$[67] = threadState;
+		$[68] = t26;
+	} else t26 = $[68];
+	let t27;
+	if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = [];
+		$[69] = t27;
+	} else t27 = $[69];
+	let t28;
+	if ($[70] !== composerClient.state || $[71] !== extras || $[72] !== isLoading || $[73] !== isRunning || $[74] !== messageStates || $[75] !== speech || $[76] !== t24 || $[77] !== t25 || $[78] !== t26) {
+		t28 = {
+			isEmpty: t24,
 			isDisabled: false,
 			isLoading,
 			isRunning,
-			capabilities: t14,
+			capabilities: t25,
 			messages: messageStates,
-			state: t15,
-			suggestions: t16,
+			state: t26,
+			suggestions: t27,
 			extras,
-			speech: void 0,
+			speech,
 			voice: void 0,
 			composer: composerClient.state
 		};
-		$[44] = composerClient.state;
-		$[45] = extras;
-		$[46] = isLoading;
-		$[47] = isRunning;
-		$[48] = messageStates;
-		$[49] = t13;
-		$[50] = t14;
-		$[51] = t15;
-		$[52] = t17;
-	} else t17 = $[52];
-	const state = t17;
-	let t18;
-	if ($[53] !== state) {
-		t18 = () => state;
-		$[53] = state;
-		$[54] = t18;
-	} else t18 = $[54];
-	let t19;
-	if ($[55] !== composerClient.methods) {
-		t19 = () => composerClient.methods;
-		$[55] = composerClient.methods;
-		$[56] = t19;
-	} else t19 = $[56];
-	let t20;
-	if ($[57] !== messages || $[58] !== onNew || $[59] !== queue) {
-		t20 = (message_2) => {
-			const appendMessage = typeof message_2 === "string" ? {
+		$[70] = composerClient.state;
+		$[71] = extras;
+		$[72] = isLoading;
+		$[73] = isRunning;
+		$[74] = messageStates;
+		$[75] = speech;
+		$[76] = t24;
+		$[77] = t25;
+		$[78] = t26;
+		$[79] = t28;
+	} else t28 = $[79];
+	const state = t28;
+	let t29;
+	if ($[80] !== state) {
+		t29 = () => state;
+		$[80] = state;
+		$[81] = t29;
+	} else t29 = $[81];
+	let t30;
+	if ($[82] !== composerClient.methods) {
+		t30 = () => composerClient.methods;
+		$[82] = composerClient.methods;
+		$[83] = t30;
+	} else t30 = $[83];
+	let t31;
+	if ($[84] !== messages || $[85] !== onNew || $[86] !== queue) {
+		t31 = (message_4) => {
+			const appendMessage = typeof message_4 === "string" ? {
 				createdAt: /* @__PURE__ */ new Date(),
 				parentId: messages.at(-1)?.id ?? null,
 				sourceId: null,
@@ -984,99 +1180,100 @@ const useExternalThread = (t0) => {
 				role: "user",
 				content: [{
 					type: "text",
-					text: message_2
+					text: message_4
 				}],
 				attachments: [],
 				metadata: { custom: {} }
 			} : {
-				createdAt: message_2.createdAt ?? /* @__PURE__ */ new Date(),
-				parentId: message_2.parentId ?? messages.at(-1)?.id ?? null,
-				sourceId: message_2.sourceId ?? null,
-				role: message_2.role ?? "user",
-				content: message_2.content,
-				attachments: message_2.attachments ?? [],
-				metadata: message_2.metadata ?? { custom: {} },
-				runConfig: message_2.runConfig ?? {},
-				startRun: message_2.startRun
+				createdAt: message_4.createdAt ?? /* @__PURE__ */ new Date(),
+				parentId: message_4.parentId ?? messages.at(-1)?.id ?? null,
+				sourceId: message_4.sourceId ?? null,
+				role: message_4.role ?? "user",
+				content: message_4.content,
+				attachments: message_4.attachments ?? [],
+				metadata: message_4.metadata ?? { custom: {} },
+				runConfig: message_4.runConfig ?? {},
+				startRun: message_4.startRun
 			};
 			if (queue) queue.enqueue(appendMessage);
 			else onNew?.(appendMessage);
 		};
-		$[57] = messages;
-		$[58] = onNew;
-		$[59] = queue;
-		$[60] = t20;
-	} else t20 = $[60];
-	let t21;
-	if ($[61] !== onStartRun) {
-		t21 = () => {
+		$[84] = messages;
+		$[85] = onNew;
+		$[86] = queue;
+		$[87] = t31;
+	} else t31 = $[87];
+	let t32;
+	if ($[88] !== onStartRun) {
+		t32 = () => {
 			onStartRun?.();
 		};
-		$[61] = onStartRun;
-		$[62] = t21;
-	} else t21 = $[62];
-	let t22;
-	if ($[63] !== onResume) {
-		t22 = () => {
+		$[88] = onStartRun;
+		$[89] = t32;
+	} else t32 = $[89];
+	let t33;
+	if ($[90] !== onResume) {
+		t33 = () => {
 			if (!onResume) throw new Error("Runtime does not support resuming runs (onResume is not set).");
 			onResume();
 		};
-		$[63] = onResume;
-		$[64] = t22;
-	} else t22 = $[64];
-	let t23;
-	if ($[65] !== onLoadExternalState) {
-		t23 = (state_0) => {
+		$[90] = onResume;
+		$[91] = t33;
+	} else t33 = $[91];
+	let t34;
+	if ($[92] !== onLoadExternalState) {
+		t34 = (state_0) => {
 			if (!onLoadExternalState) throw new Error("Runtime does not support importing external states (onLoadExternalState is not set).");
 			onLoadExternalState(state_0);
 		};
-		$[65] = onLoadExternalState;
-		$[66] = t23;
-	} else t23 = $[66];
-	let t24;
-	if ($[67] !== messageClients) {
-		t24 = (selector) => {
+		$[92] = onLoadExternalState;
+		$[93] = t34;
+	} else t34 = $[93];
+	let t35;
+	if ($[94] !== messageClients) {
+		t35 = (selector) => {
 			if ("id" in selector) return messageClients.get({ key: selector.id });
 			return messageClients.get(selector);
 		};
-		$[67] = messageClients;
-		$[68] = t24;
-	} else t24 = $[68];
-	let t25;
-	if ($[69] !== handleCancelRun || $[70] !== t18 || $[71] !== t19 || $[72] !== t20 || $[73] !== t21 || $[74] !== t22 || $[75] !== t23 || $[76] !== t24) {
-		t25 = {
-			getState: t18,
-			composer: t19,
-			append: t20,
-			deleteMessage: _temp11,
-			startRun: t21,
-			resumeRun: t22,
+		$[94] = messageClients;
+		$[95] = t35;
+	} else t35 = $[95];
+	let t36;
+	if ($[96] !== handleCancelRun || $[97] !== speechController.stop || $[98] !== t29 || $[99] !== t30 || $[100] !== t31 || $[101] !== t32 || $[102] !== t33 || $[103] !== t34 || $[104] !== t35) {
+		t36 = {
+			getState: t29,
+			composer: t30,
+			append: t31,
+			deleteMessage: _temp0,
+			startRun: t32,
+			resumeRun: t33,
 			cancelRun: handleCancelRun,
-			importExternalState: t23,
-			getModelContext: _temp12,
-			export: _temp13,
-			import: _temp14,
-			reset: _temp15,
-			message: t24,
-			stopSpeaking: _temp16,
-			connectVoice: _temp17,
-			disconnectVoice: _temp18,
-			getVoiceVolume: _temp19,
-			subscribeVoiceVolume: _temp21,
-			muteVoice: _temp22,
-			unmuteVoice: _temp23
+			importExternalState: t34,
+			getModelContext: _temp1,
+			export: _temp10,
+			import: _temp11,
+			reset: _temp12,
+			message: t35,
+			stopSpeaking: speechController.stop,
+			connectVoice: _temp13,
+			disconnectVoice: _temp14,
+			getVoiceVolume: _temp15,
+			subscribeVoiceVolume: _temp17,
+			muteVoice: _temp18,
+			unmuteVoice: _temp19
 		};
-		$[69] = handleCancelRun;
-		$[70] = t18;
-		$[71] = t19;
-		$[72] = t20;
-		$[73] = t21;
-		$[74] = t22;
-		$[75] = t23;
-		$[76] = t24;
-		$[77] = t25;
-	} else t25 = $[77];
-	return t25;
+		$[96] = handleCancelRun;
+		$[97] = speechController.stop;
+		$[98] = t29;
+		$[99] = t30;
+		$[100] = t31;
+		$[101] = t32;
+		$[102] = t33;
+		$[103] = t34;
+		$[104] = t35;
+		$[105] = t36;
+	} else t36 = $[105];
+	return t36;
 };
 const ExternalThread = resource(useExternalThread);
 attachTransformScopes(useExternalThread, (scopes, parent) => {
@@ -1113,50 +1310,46 @@ function _temp2(attachment) {
 	}));
 }
 function _temp3() {}
-function _temp4() {}
-function _temp5() {}
-function _temp6() {}
-function _temp7(part) {
+function _temp4(part) {
 	return part.type === "text";
 }
-function _temp8(part_0) {
+function _temp5(part_0) {
 	return "text" in part_0 ? part_0.text : "";
 }
-function _temp9(a_0) {
+function _temp6(a_0) {
 	return a_0.status.type !== "complete";
 }
-function _temp0() {}
-function _temp1() {}
-function _temp10(s, idx, arr) {
+function _temp7() {}
+function _temp8() {}
+function _temp9(s, idx, arr) {
 	return {
 		...s,
 		isLast: idx === arr.length - 1
 	};
 }
-function _temp11() {}
-function _temp12() {
+function _temp0() {}
+function _temp1() {
 	return {
 		tools: {},
 		config: {}
 	};
 }
-function _temp13() {
+function _temp10() {
 	return { messages: [] };
 }
+function _temp11() {}
+function _temp12() {}
+function _temp13() {}
 function _temp14() {}
-function _temp15() {}
-function _temp16() {}
-function _temp17() {}
-function _temp18() {}
-function _temp19() {
+function _temp15() {
 	return 0;
 }
-function _temp20() {}
-function _temp21() {
-	return _temp20;
+function _temp16() {}
+function _temp17() {
+	return _temp16;
 }
-function _temp22() {}
-function _temp23() {}
+function _temp18() {}
+function _temp19() {}
 //#endregion
 export { ExternalThread };