@stainless-api/docs-ai-chat 0.1.0-beta.46 → 0.1.0-beta.48

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @stainless-api/docs-ai-chat
 
+## 0.1.0-beta.48
+
+### Patch Changes
+
+- 8838d9f: remember presentation when window shrinks
+- Updated dependencies [8838d9f]
+  - @stainless-api/ai-chat@0.1.0-beta.10
+
+## 0.1.0-beta.47
+
+### Minor Changes
+
+- a8ed299: Adds the ability for AI chat to move into a sidebar “panel” position.
+
+### Patch Changes
+
+- Updated dependencies [5b3b798]
+- Updated dependencies [a8ed299]
+  - @stainless-api/ai-chat@0.1.0-beta.9
+
 ## 0.1.0-beta.46
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/docs-ai-chat",
-  "version": "0.1.0-beta.46",
+  "version": "0.1.0-beta.48",
   "publishConfig": {
     "access": "public"
   },
@@ -13,7 +13,7 @@
   "dependencies": {
     "@streamparser/json-whatwg": "^0.0.22",
     "zod": "^4.3.6",
-    "@stainless-api/ai-chat": "0.1.0-beta.8"
+    "@stainless-api/ai-chat": "0.1.0-beta.10"
   },
   "devDependencies": {
     "@types/react": "19.2.14",

package/src/DocsChat.tsx

@@ -1,6 +1,7 @@
 import AiChat from '@stainless-api/ai-chat/src/AiChat.tsx';
 import type { DocsLanguage } from '@stainless-api/docs-ui/routing';
 import { setResponseMetadata, submitResponseFeedback } from './api';
+import { useSyncExternalStore } from 'react';
 import { useChat } from './hook';
 
 function onCopyMessage(spanId: string) {
@@ -31,12 +32,23 @@ export default function DocsChat({
     siteTitle,
   });
 
+  // panel mode is supported only on larger viewports
+  const supportsPanel = useSyncExternalStore(
+    (cb) => {
+      window.addEventListener('resize', cb);
+      return () => window.removeEventListener('resize', cb);
+    },
+    () => window.innerWidth >= 968,
+    () => false,
+  );
+
   return (
     <AiChat
       chatMessages={chatMessages}
       sendMessage={sendMessage}
       rateMessage={rateMessage}
       onCopyMessage={onCopyMessage}
+      supportsPanel={supportsPanel}
     />
   );
 }

package/src/hook.ts

@@ -121,12 +121,12 @@ export function useChat({
   siteTitle: string | undefined;
 }) {
   // Used to clean up stray streaming requests on unmount (prevent setState on unmounted component)
-  const abortController = useRef(new AbortController());
+  const abortControllerRef = useRef(new AbortController());
   useEffect(() => {
-    abortController.current = abortController.current.signal.aborted
+    abortControllerRef.current = abortControllerRef.current.signal.aborted
       ? new AbortController()
-      : abortController.current;
-    const ac = abortController.current;
+      : abortControllerRef.current;
+    const ac = abortControllerRef.current;
     return () => ac.abort('Component unmounted');
   }, []);
 
@@ -153,9 +153,9 @@ export function useChat({
             ),
             siteTitle,
           },
-          abortController.current.signal,
+          abortControllerRef.current.signal,
         )) {
-          if (abortController.current.signal.aborted) break;
+          if (abortControllerRef.current.signal.aborted) break;
 
           // mark complete when text messages finish streaming
           if (lastChunkType === 'text' && chunk.type !== 'text') {
@@ -201,7 +201,7 @@ export function useChat({
 
           lastChunkType = chunk.type;
         }
-        if (!chunk) {
+        if (!chunk || lastChunkType === 'start_session') {
           dispatch({
             type: 'addError',
             respondingTo: userMessageId,