@firstlovecenter/ai-chat 0.8.1 → 0.9.1

package/dist/ui/index.d.cts

@@ -13,12 +13,19 @@ type AiChatProps$1 = {
      * (`/chat/[id]`) so reload/bookmark/multi-tab restore the exact
      * conversation. `null` (or omitted) renders the empty new-chat state.
      */
-    initialSessionId?: number | null;
+    initialSessionId?: string | null;
+    /**
+     * URL prefix the chat is mounted at. Sidebar `<Link>`s and router
+     * pushes use this prefix so multiple chat surfaces (e.g. `/chat` and
+     * `/admin/ai`) can coexist without yanking users between shells.
+     * Defaults to `/chat`.
+     */
+    basePath?: string;
 };
-declare function AiChat({ userFirstName, scopeLabel, initialProvider, initialSessionId }: AiChatProps$1): react_jsx_runtime.JSX.Element;
+declare function AiChat({ userFirstName, scopeLabel, initialProvider, initialSessionId, basePath }: AiChatProps$1): react_jsx_runtime.JSX.Element;
 
 type AiChatSessionSummary = {
-    id: number;
+    id: string;
     title: string;
     updatedAt: string | null;
 };
@@ -34,10 +41,19 @@ type AiChatProps = {
      * conversation the user was viewing. Pass `null` (or omit) for the
      * empty "new chat" state.
      */
-    initialSessionId?: number | null;
+    initialSessionId?: string | null;
+    /**
+     * URL prefix the chat surface is mounted at. Sidebar links resolve to
+     * `${basePath}/${sessionId}`, "+ New chat" goes to `${basePath}?new`,
+     * and the open-session push uses the same prefix. Defaults to `/chat`.
+     * Set to e.g. `/admin/ai` when embedding the chat inside another shell
+     * — the host then needs a matching `[id]` dynamic segment under that
+     * path so reload/bookmark URLs resolve.
+     */
+    basePath?: string;
 };
 
-declare function VercelChat({ userFirstName, scopeLabel, initialProvider, initialSessionId }: AiChatProps): react_jsx_runtime.JSX.Element;
+declare function VercelChat({ userFirstName, scopeLabel, initialProvider, initialSessionId, basePath }: AiChatProps): react_jsx_runtime.JSX.Element;
 
 type ChartSpec = {
     type: 'line' | 'bar' | 'stacked_bar' | 'pie';

package/dist/ui/index.d.ts

@@ -13,12 +13,19 @@ type AiChatProps$1 = {
      * (`/chat/[id]`) so reload/bookmark/multi-tab restore the exact
      * conversation. `null` (or omitted) renders the empty new-chat state.
      */
-    initialSessionId?: number | null;
+    initialSessionId?: string | null;
+    /**
+     * URL prefix the chat is mounted at. Sidebar `<Link>`s and router
+     * pushes use this prefix so multiple chat surfaces (e.g. `/chat` and
+     * `/admin/ai`) can coexist without yanking users between shells.
+     * Defaults to `/chat`.
+     */
+    basePath?: string;
 };
-declare function AiChat({ userFirstName, scopeLabel, initialProvider, initialSessionId }: AiChatProps$1): react_jsx_runtime.JSX.Element;
+declare function AiChat({ userFirstName, scopeLabel, initialProvider, initialSessionId, basePath }: AiChatProps$1): react_jsx_runtime.JSX.Element;
 
 type AiChatSessionSummary = {
-    id: number;
+    id: string;
     title: string;
     updatedAt: string | null;
 };
@@ -34,10 +41,19 @@ type AiChatProps = {
      * conversation the user was viewing. Pass `null` (or omit) for the
      * empty "new chat" state.
      */
-    initialSessionId?: number | null;
+    initialSessionId?: string | null;
+    /**
+     * URL prefix the chat surface is mounted at. Sidebar links resolve to
+     * `${basePath}/${sessionId}`, "+ New chat" goes to `${basePath}?new`,
+     * and the open-session push uses the same prefix. Defaults to `/chat`.
+     * Set to e.g. `/admin/ai` when embedding the chat inside another shell
+     * — the host then needs a matching `[id]` dynamic segment under that
+     * path so reload/bookmark URLs resolve.
+     */
+    basePath?: string;
 };
 
-declare function VercelChat({ userFirstName, scopeLabel, initialProvider, initialSessionId }: AiChatProps): react_jsx_runtime.JSX.Element;
+declare function VercelChat({ userFirstName, scopeLabel, initialProvider, initialSessionId, basePath }: AiChatProps): react_jsx_runtime.JSX.Element;
 
 type ChartSpec = {
     type: 'line' | 'bar' | 'stacked_bar' | 'pie';

package/dist/ui/index.js

@@ -654,7 +654,8 @@ function AiChat({
   userFirstName,
   scopeLabel,
   initialProvider,
-  initialSessionId = null
+  initialSessionId = null,
+  basePath = "/chat"
 }) {
   const router = useRouter();
   const [sessions, setSessions] = useState([]);
@@ -744,16 +745,16 @@ function AiChat({
   }, []);
   const syncUrl = useCallback(
     (id) => {
-      router.push(id == null ? "/chat" : `/chat/${id}`);
+      router.push(id == null ? basePath : `${basePath}/${id}`);
     },
-    [router]
+    [router, basePath]
   );
   const newChat = useCallback(() => {
     setActiveSessionId(null);
     setAnswers([]);
     setQuestion("");
-    router.push("/chat?new");
-  }, [router]);
+    router.push(`${basePath}?new`);
+  }, [router, basePath]);
   const changeProvider = useCallback(
     async (next) => {
       if (next === provider || providerSaving) return;
@@ -1006,7 +1007,7 @@ function AiChat({
               /* @__PURE__ */ jsx(
                 Link,
                 {
-                  href: `/chat/${s.id}`,
+                  href: `${basePath}/${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",
@@ -1489,7 +1490,8 @@ function VercelChat({
   userFirstName,
   scopeLabel,
   initialProvider,
-  initialSessionId = null
+  initialSessionId = null,
+  basePath = "/chat"
 }) {
   const router = useRouter();
   const [sessions, setSessions] = useState([]);
@@ -1720,9 +1722,9 @@ function VercelChat({
   }, [answers.length]);
   const syncUrl = useCallback(
     (id) => {
-      router.push(id == null ? "/chat" : `/chat/${id}`);
+      router.push(id == null ? basePath : `${basePath}/${id}`);
     },
-    [router]
+    [router, basePath]
   );
   const newChat = useCallback(() => {
     setActiveSessionId(null);
@@ -1732,8 +1734,8 @@ function VercelChat({
     setHydratedErrors({});
     setStartedAt({});
     setInput("");
-    router.push("/chat?new");
-  }, [setMessages, setInput, router]);
+    router.push(`${basePath}?new`);
+  }, [setMessages, setInput, router, basePath]);
   const changeProvider = useCallback(
     async (next) => {
       if (next === provider || providerSaving) return;
@@ -1963,7 +1965,7 @@ function VercelChat({
               /* @__PURE__ */ jsx(
                 Link,
                 {
-                  href: `/chat/${s.id}`,
+                  href: `${basePath}/${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",