@firstlovecenter/ai-chat 0.9.1 → 0.9.2

package/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to `@firstlovecenter/ai-chat` are documented here.
 The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and the project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.9.2] — 2026-05-09
+
+Fixes a streaming-vs-navigation race that caused the first turn of a brand-new conversation to vanish on reload.
+
+### Fixed
+
+- **Race condition on lazy-create-on-submit**. When the user sent the first message in a fresh conversation, the client used `router.push('/chat/<uid>')` to update the URL. App-Router navigation **unmounted the chat component mid-streaming**, so the in-flight SSE / Vercel-AI data stream was dropped on the floor. The newly-mounted page would then re-hydrate from `/api/chat/sessions/<uid>` *before* the assistant message had finished persisting — so reload showed an empty thread. Now the URL is updated via `window.history.replaceState` (shallow update, no remount), and the streaming connection survives. Affects both `AiChat` and `VercelChat`.
+
+### Added
+
+- **Defensive `meta` event handling**. The custom-SSE route emits `event: meta` carrying the persistent `chatSessionId` as its first frame; the Vercel route emits the same as a `{ type: 'meta' }` data part. Both shells now sync `activeSessionId` and the URL from that event as a backstop, so even if the lazy-create POST silently fails the client still picks up the server-resolved session id.
+
 ## [0.9.1] — 2026-05-09
 
 Lets a host mount multiple chat surfaces side-by-side without yanking users between shells.

package/dist/ui/index.cjs

@@ -874,7 +874,9 @@ function AiChat({
             const data = await create.json();
             sessionId = data.session.id;
             setActiveSessionId(sessionId);
-            syncUrl(sessionId);
+            if (typeof window !== "undefined") {
+              window.history.replaceState(null, "", `${basePath}/${sessionId}`);
+            }
             setSessions((prev) => [
               { id: data.session.id, title: data.session.title, updatedAt: null },
               ...prev
@@ -936,6 +938,17 @@ function AiChat({
           const events = buffer.split("\n\n");
           buffer = events.pop() ?? "";
           for (const raw of events) {
+            const meta = parseMetaChatSessionId(raw);
+            if (meta != null) {
+              setActiveSessionId((prev) => prev ?? meta);
+              if (typeof window !== "undefined" && !window.location.pathname.endsWith(`/${meta}`)) {
+                window.history.replaceState(
+                  null,
+                  "",
+                  `${basePath}/${meta}`
+                );
+              }
+            }
             handleEvent(raw, setAnswers);
           }
         }
@@ -1394,6 +1407,22 @@ function UserChip({ text }) {
     )
   ] });
 }
+function parseMetaChatSessionId(raw) {
+  const lines = raw.split("\n");
+  let event = "";
+  let dataStr = "";
+  for (const line of lines) {
+    if (line.startsWith("event: ")) event = line.slice(7).trim();
+    else if (line.startsWith("data: ")) dataStr += line.slice(6);
+  }
+  if (event !== "meta") return null;
+  try {
+    const parsed = JSON.parse(dataStr || "{}");
+    return typeof parsed.chatSessionId === "string" && parsed.chatSessionId.length > 0 ? parsed.chatSessionId : null;
+  } catch {
+    return null;
+  }
+}
 function handleEvent(raw, setAnswers) {
   const lines = raw.split("\n");
   let event = "";
@@ -1646,6 +1675,20 @@ function VercelChat({
       cancelled = true;
     };
   }, [initialSessionId, setMessages]);
+  React.useEffect(() => {
+    if (!Array.isArray(data)) return;
+    for (const raw of data) {
+      const part = asDataPart(raw);
+      if (!part || part.type !== "meta") continue;
+      const id = part.value.chatSessionId;
+      if (!id) continue;
+      setActiveSessionId((prev) => prev ?? id);
+      if (typeof window !== "undefined" && !window.location.pathname.endsWith(`/${id}`)) {
+        window.history.replaceState(null, "", `${basePath}/${id}`);
+      }
+      break;
+    }
+  }, [data, basePath]);
   const answers = React.useMemo(() => {
     const liveBlocks = [];
     const liveErrors = [];
@@ -1868,7 +1911,13 @@ function VercelChat({
             const json = await create.json();
             activeSessionIdRef.current = json.session.id;
             setActiveSessionId(json.session.id);
-            syncUrl(json.session.id);
+            if (typeof window !== "undefined") {
+              window.history.replaceState(
+                null,
+                "",
+                `${basePath}/${json.session.id}`
+              );
+            }
             setSessions((prev) => [
               { id: json.session.id, title: json.session.title, updatedAt: null },
               ...prev