@firstlovecenter/ai-chat 0.8.0 → 0.8.1

package/CHANGELOG.md

@@ -5,6 +5,31 @@ 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.8.1] — 2026-05-09
+
+UX polish on top of 0.8.0's URL-driven session restore.
+
+### Changed
+
+- **Sidebar entries are now `<Link href="/chat/${id}">`** instead of buttons that call `router.push` from a fetch-then-navigate effect. Cleaner navigation (Next prefetches the destination on hover, full-page semantics work as expected) and removes a race where the click would feel unresponsive while the in-flight fetch from the previous handler tore down with the unmounting component.
+- **`+ New chat` navigates to `/chat?new`** — the host's `/chat` route is expected to redirect to the most-recent session by default and treat `?new` as a hint to skip the redirect. Without this, hosts that wire a redirect would bounce the user back into the session they were trying to leave.
+
+### Migration notes
+
+Hosts that wire a "land on /chat → resume most-recent session" redirect should respect `searchParams.new`:
+
+```ts
+if (searchParams.new === undefined) {
+  const [recent] = await db
+    .select({ id: chatSessions.id })
+    .from(chatSessions)
+    .where(eq(chatSessions.userId, ctx.userId))
+    .orderBy(desc(chatSessions.updatedAt))
+    .limit(1);
+  if (recent) redirect(`/chat/${recent.id}`);
+}
+```
+
 ## [0.8.0] — 2026-05-09
 
 Conversation memory in the agent loop, plus URL-driven session restore. Follow-up questions in the same chat (`"summarize that"`, `"how many of those are youth?"`) now resolve correctly because each request seeds the LLM context with prior turns. The chat UI is now URL-addressable (`/chat/[id]`), so reload, multi-tab, and bookmarks restore the exact conversation the user was viewing.

package/dist/ui/index.cjs

@@ -3,12 +3,15 @@
 
 var React = require('react');
 var navigation = require('next/navigation');
+var Link = require('next/link');
 var lucideReact = require('lucide-react');
 var radixUi = require('radix-ui');
 var jsxRuntime = require('react/jsx-runtime');
 var RechartsPrimitive = require('recharts');
 var react = require('@ai-sdk/react');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -28,6 +31,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var Link__default = /*#__PURE__*/_interopDefault(Link);
 var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
 
 // src/ui/_shared/cn.ts
@@ -772,8 +776,8 @@ function AiChat({
     setActiveSessionId(null);
     setAnswers([]);
     setQuestion("");
-    syncUrl(null);
-  }, [syncUrl]);
+    router.push("/chat?new");
+  }, [router]);
   const changeProvider = React.useCallback(
     async (next) => {
       if (next === provider || providerSaving) return;
@@ -796,7 +800,7 @@ function AiChat({
     },
     [provider, providerSaving]
   );
-  const openSession = React.useCallback(
+  React.useCallback(
     async (id) => {
       setLoadingSession(true);
       setActiveSessionId(id);
@@ -1024,13 +1028,10 @@ function AiChat({
             }
             return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "group relative", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+                Link__default.default,
                 {
-                  type: "button",
-                  onClick: () => {
-                    void openSession(s.id);
-                    setSidebarOpen(false);
-                  },
+                  href: `/chat/${s.id}`,
+                  onClick: () => setSidebarOpen(false),
                   className: cn(
                     "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm",
                     active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground/80 hover:bg-sidebar-accent/60 hover:text-sidebar-foreground"
@@ -1755,8 +1756,8 @@ function VercelChat({
     setHydratedErrors({});
     setStartedAt({});
     setInput("");
-    syncUrl(null);
-  }, [setMessages, setInput, syncUrl]);
+    router.push("/chat?new");
+  }, [setMessages, setInput, router]);
   const changeProvider = React.useCallback(
     async (next) => {
       if (next === provider || providerSaving) return;
@@ -1779,7 +1780,7 @@ function VercelChat({
     },
     [provider, providerSaving]
   );
-  const openSession = React.useCallback(
+  React.useCallback(
     async (id) => {
       setLoadingSession(true);
       setActiveSessionId(id);
@@ -1984,13 +1985,10 @@ function VercelChat({
             }
             return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "group relative", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+                Link__default.default,
                 {
-                  type: "button",
-                  onClick: () => {
-                    void openSession(s.id);
-                    setSidebarOpen(false);
-                  },
+                  href: `/chat/${s.id}`,
+                  onClick: () => setSidebarOpen(false),
                   className: cn(
                     "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm",
                     active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground/80 hover:bg-sidebar-accent/60 hover:text-sidebar-foreground"