From 5cf4da0814fcfa39eeedf91064e51cd53ba99a02 Mon Sep 17 00:00:00 2001
From: Vorflux AI <noreply@vorflux.com>
Date: Fri, 22 May 2026 14:04:22 +0000
Subject: [PATCH 1/3] feat: add Save to Space button in Nova chat UI

Add a 'Save to [space name]' button in the ChatSidebar component:
- saveState useState to track idle/saving/saved states
- useEffect to reset saveState to idle when new assistant messages arrive
- handleSaveToSpace callback that POSTs to /chat/save-as-document endpoint
- Save button rendered in chatToolbarActions, visible only when messages
  exist and not in auto-space mode

The button shows contextual text: 'Save to {space}', 'Saving...', or
'Saved to space' based on the current save state.
---
 apps/web/components/chat/index.tsx | 50 ++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

diff --git a/apps/web/components/chat/index.tsx b/apps/web/components/chat/index.tsx
index 98dc46d7b..30971d090 100644
--- a/apps/web/components/chat/index.tsx
+++ b/apps/web/components/chat/index.tsx
@@ -143,6 +143,9 @@ export function ChatSidebar({
 	const [confirmingDeleteId, setConfirmingDeleteId] = useState<string | null>(
 		null,
 	)
+	const [saveState, setSaveState] = useState<"idle" | "saving" | "saved">(
+		"idle",
+	)
 	const messagesContainerRef = useRef<HTMLDivElement>(null)
 	const isScrolledToBottomRef = useRef(true)
 	const userJustSentRef = useRef(false)
@@ -428,6 +431,39 @@ export function ChatSidebar({
 		setInput("")
 	}, [setThreadId, setMessages])
 
+	// Reset saveState to idle when a new assistant message arrives
+	const lastMessageRole = messages.at(-1)?.role
+	useEffect(() => {
+		if (lastMessageRole === "assistant") {
+			setSaveState("idle")
+		}
+	}, [messages.length, lastMessageRole])
+
+	const handleSaveToSpace = useCallback(async () => {
+		if (saveState !== "idle" || messages.length === 0) return
+		setSaveState("saving")
+		try {
+			const response = await fetch(
+				`${process.env.NEXT_PUBLIC_BACKEND_URL}/chat/save-as-document`,
+				{
+					method: "POST",
+					credentials: "include",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({
+						chatId: currentChatId,
+						projectId: chatProject,
+						messages,
+					}),
+				},
+			)
+			if (!response.ok) throw new Error("Save failed")
+			setSaveState("saved")
+		} catch (error) {
+			console.error("Failed to save chat:", error)
+			setSaveState("idle")
+		}
+	}, [saveState, messages, currentChatId, chatProject])
+
 	const fetchThreads = useCallback(async () => {
 		setIsLoadingThreads(true)
 		try {
@@ -905,6 +941,20 @@ export function ChatSidebar({
 
 	const chatToolbarActions = (
 		<div className="flex shrink-0 items-center gap-2">
+			{messages.length > 0 && !isAutoChatSpace && (
+				<button
+					type="button"
+					disabled={saveState === "saving"}
+					onClick={handleSaveToSpace}
+					className="text-xs text-muted-foreground hover:text-foreground transition-colors disabled:opacity-50"
+				>
+					{saveState === "saving"
+						? "Saving..."
+						: saveState === "saved"
+							? "Saved to space"
+							: `Save to ${chatSpaceLabel}`}
+				</button>
+			)}
 			<button
 				type="button"
 				onClick={() => setIsHistoryOpen(true)}

From 8e3e777a66a93062b0cfd86abcbcfe522e8b4f43 Mon Sep 17 00:00:00 2001
From: Vorflux AI <noreply@vorflux.com>
Date: Fri, 22 May 2026 15:09:51 +0000
Subject: [PATCH 2/3] fix: apply quality loop feedback to save chat UI

---
 apps/web/components/chat/index.tsx | 22 +++++++++++++++-------
 apps/web/lib/analytics.ts          |  3 +++
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/apps/web/components/chat/index.tsx b/apps/web/components/chat/index.tsx
index 30971d090..01b98637d 100644
--- a/apps/web/components/chat/index.tsx
+++ b/apps/web/components/chat/index.tsx
@@ -146,6 +146,8 @@ export function ChatSidebar({
 	const [saveState, setSaveState] = useState<"idle" | "saving" | "saved">(
 		"idle",
 	)
+	const saveStateRef = useRef<"idle" | "saving" | "saved">("idle")
+	saveStateRef.current = saveState
 	const messagesContainerRef = useRef<HTMLDivElement>(null)
 	const isScrolledToBottomRef = useRef(true)
 	const userJustSentRef = useRef(false)
@@ -429,22 +431,27 @@ export function ChatSidebar({
 		setThreadId(null)
 		setFallbackChatId(newChatId)
 		setInput("")
+		setSaveState("idle")
 	}, [setThreadId, setMessages])
 
 	// Reset saveState to idle when a new assistant message arrives
-	const lastMessageRole = messages.at(-1)?.role
 	useEffect(() => {
-		if (lastMessageRole === "assistant") {
+		if (messages.at(-1)?.role === "assistant") {
 			setSaveState("idle")
 		}
-	}, [messages.length, lastMessageRole])
+	}, [messages])
+
+	// Reset saveState when the active space changes so saved state doesn't carry over
+	useEffect(() => {
+		setSaveState("idle")
+	}, [chatProject])
 
 	const handleSaveToSpace = useCallback(async () => {
-		if (saveState !== "idle" || messages.length === 0) return
+		if (saveStateRef.current !== "idle" || messages.length === 0) return
 		setSaveState("saving")
 		try {
 			const response = await fetch(
-				`${process.env.NEXT_PUBLIC_BACKEND_URL}/chat/save-as-document`,
+				`${chatApiBase}/chat/save-as-document`,
 				{
 					method: "POST",
 					credentials: "include",
@@ -458,11 +465,12 @@ export function ChatSidebar({
 			)
 			if (!response.ok) throw new Error("Save failed")
 			setSaveState("saved")
+			analytics.chatSavedToSpace({ chat_id: currentChatId, project_id: chatProject })
 		} catch (error) {
 			console.error("Failed to save chat:", error)
 			setSaveState("idle")
 		}
-	}, [saveState, messages, currentChatId, chatProject])
+	}, [chatApiBase, messages, currentChatId, chatProject])
 
 	const fetchThreads = useCallback(async () => {
 		setIsLoadingThreads(true)
@@ -944,7 +952,7 @@ export function ChatSidebar({
 			{messages.length > 0 && !isAutoChatSpace && (
 				<button
 					type="button"
-					disabled={saveState === "saving"}
+					disabled={saveState === "saving" || isResponding}
 					onClick={handleSaveToSpace}
 					className="text-xs text-muted-foreground hover:text-foreground transition-colors disabled:opacity-50"
 				>
diff --git a/apps/web/lib/analytics.ts b/apps/web/lib/analytics.ts
index eef87c146..40c0dcb3e 100644
--- a/apps/web/lib/analytics.ts
+++ b/apps/web/lib/analytics.ts
@@ -146,6 +146,9 @@ export const analytics = {
 	chatThreadDeleted: (props: { thread_id: string }) =>
 		safeCapture("chat_thread_deleted", props),
 
+	chatSavedToSpace: (props: { chat_id: string; project_id: string }) =>
+		safeCapture("chat_saved_to_space", props),
+
 	modelChanged: (props: { model: string }) =>
 		safeCapture("model_changed", props),
 

From 27a74cea8d2a4223097e36f6c1e70b9eef21bda3 Mon Sep 17 00:00:00 2001
From: Vorflux AI <noreply@vorflux.com>
Date: Fri, 22 May 2026 15:14:33 +0000
Subject: [PATCH 3/3] fix: biome format and suppress exhaustive-deps warning
 for chatProject effect

---
 apps/web/components/chat/index.tsx | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/apps/web/components/chat/index.tsx b/apps/web/components/chat/index.tsx
index 01b98637d..bb6e304df 100644
--- a/apps/web/components/chat/index.tsx
+++ b/apps/web/components/chat/index.tsx
@@ -442,6 +442,7 @@ export function ChatSidebar({
 	}, [messages])
 
 	// Reset saveState when the active space changes so saved state doesn't carry over
+	// biome-ignore lint/correctness/useExhaustiveDependencies: chatProject triggers the reset but isn't used inside the effect body
 	useEffect(() => {
 		setSaveState("idle")
 	}, [chatProject])
@@ -450,22 +451,22 @@ export function ChatSidebar({
 		if (saveStateRef.current !== "idle" || messages.length === 0) return
 		setSaveState("saving")
 		try {
-			const response = await fetch(
-				`${chatApiBase}/chat/save-as-document`,
-				{
-					method: "POST",
-					credentials: "include",
-					headers: { "Content-Type": "application/json" },
-					body: JSON.stringify({
-						chatId: currentChatId,
-						projectId: chatProject,
-						messages,
-					}),
-				},
-			)
+			const response = await fetch(`${chatApiBase}/chat/save-as-document`, {
+				method: "POST",
+				credentials: "include",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					chatId: currentChatId,
+					projectId: chatProject,
+					messages,
+				}),
+			})
 			if (!response.ok) throw new Error("Save failed")
 			setSaveState("saved")
-			analytics.chatSavedToSpace({ chat_id: currentChatId, project_id: chatProject })
+			analytics.chatSavedToSpace({
+				chat_id: currentChatId,
+				project_id: chatProject,
+			})
 		} catch (error) {
 			console.error("Failed to save chat:", error)
 			setSaveState("idle")