@stainless-api/docs-ai-chat 0.1.0-beta.45 → 0.1.0-beta.47

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @stainless-api/docs-ai-chat
 
+## 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
+
+- 9d24589: Steelie empty state
+- 5263b85: Loading state for ai chat
+
+### Patch Changes
+
+- 9d24589: Various steelie UI fixes
+- Updated dependencies [9d24589]
+- Updated dependencies [9d24589]
+- Updated dependencies [5263b85]
+  - @stainless-api/ai-chat@0.1.0-beta.8
+
 ## 0.1.0-beta.45
 
 ### Patch Changes

package/ambient-modules.d.ts

@@ -0,0 +1,7 @@
+import 'react';
+
+declare module 'react' {
+  interface CSSProperties {
+    [key: `--${string}`]: string | number;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/docs-ai-chat",
-  "version": "0.1.0-beta.45",
+  "version": "0.1.0-beta.47",
   "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.7"
+    "@stainless-api/ai-chat": "0.1.0-beta.9"
   },
   "devDependencies": {
     "@types/react": "19.2.14",

package/src/DocsChat.tsx

@@ -1,8 +1,22 @@
 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) {
+  setResponseMetadata(spanId, { copied_to_clipboard: 'true' }).catch(() => {});
+}
+
+async function rateMessage(spanId: string, rating: 'up' | 'down'): Promise<boolean> {
+  try {
+    const { success } = await submitResponseFeedback(spanId, { up: 1 as const, down: 0 as const }[rating]);
+    return success;
+  } catch {
+    return false;
+  }
+}
+
 export default function DocsChat({
   projectId,
   language,
@@ -18,18 +32,15 @@ export default function DocsChat({
     siteTitle,
   });
 
-  const rateMessage = async (spanId: string, rating: 'up' | 'down'): Promise<boolean> => {
-    try {
-      const { success } = await submitResponseFeedback(spanId, { up: 1 as const, down: 0 as const }[rating]);
-      return success;
-    } catch {
-      return false;
-    }
-  };
-
-  const onCopyMessage = (spanId: string) => {
-    setResponseMetadata(spanId, { copied_to_clipboard: 'true' }).catch(() => {});
-  };
+  // 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
@@ -37,6 +48,7 @@ export default function DocsChat({
       sendMessage={sendMessage}
       rateMessage={rateMessage}
       onCopyMessage={onCopyMessage}
+      supportsPanel={supportsPanel}
     />
   );
 }

package/tsconfig.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "jsx": "react-jsx"
   },
-  "include": ["src", "*.d.ts", "plugin.tsx", "*.config.*"]
+  "include": ["src", "*.d.ts", "*.config.*", "plugin.tsx"]
 }