@red-hat-developer-hub/backstage-plugin-lightspeed 0.4.3 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 ## @red-hat-developer-hub/backstage-plugin-lightspeed
 
+## 0.5.1
+
+### Patch Changes
+
+- e6c1643: Pause autoscroll when user scrolls up during streaming chat responses
+
+## 0.5.0
+
+### Minor Changes
+
+- f9d1bc4: Align with road-core service API response
+
 ## 0.4.3
 
 ### Patch Changes

package/dist/api/LightspeedApiClient.esm.js

@@ -1,3 +1,5 @@
+import { TEMP_CONVERSATION_ID } from '../const.esm.js';
+
 class LightspeedApiClient {
   configApi;
   fetchApi;
@@ -19,20 +21,30 @@ class LightspeedApiClient {
         "Content-Type": "application/json"
       },
       body: JSON.stringify({
-        conversation_id,
-        serverURL: this.getServerUrl(),
+        conversation_id: conversation_id === TEMP_CONVERSATION_ID ? undefined : conversation_id,
         model: selectedModel,
-        query: prompt,
-        historyLength: 10
+        provider: this.configApi.getConfigArray("lightspeed.servers")[0].getOptionalString("id"),
+        // Currently supports a single llm server
+        query: prompt
       })
     });
     if (!response.body) {
       throw new Error("Readable stream is not supported or there is no body.");
     }
     if (!response.ok) {
-      throw new Error(
-        `failed to fetch data, status ${response.status}: ${response.statusText}`
-      );
+      const body = await response.body.getReader();
+      const reader = body.read();
+      const decoder = new TextDecoder("utf-8");
+      const text = await reader.then(({ done, value }) => {
+        if (done) {
+          return "";
+        }
+        return decoder.decode(value);
+      });
+      const errorMessage = JSON.parse(text);
+      if (errorMessage?.error) {
+        throw new Error(`failed to create message: ${errorMessage.error}`);
+      }
     }
     return response.body.getReader();
   }
@@ -52,39 +64,40 @@ class LightspeedApiClient {
   async getAllModels() {
     const baseUrl = await this.getBaseUrl();
     const result = await this.fetcher(`${baseUrl}/v1/models`);
+    if (!result.ok) {
+      throw new Error(
+        `failed to get models, status ${result.status}: ${result.statusText}`
+      );
+    }
     const response = await result.json();
     return response?.data ? response.data : [];
   }
   async getConversationMessages(conversation_id) {
+    if (conversation_id === TEMP_CONVERSATION_ID) {
+      return [];
+    }
     const baseUrl = await this.getBaseUrl();
     const result = await this.fetcher(
       `${baseUrl}/conversations/${encodeURIComponent(conversation_id)}`
     );
-    return await result.json();
+    if (!result.ok) {
+      throw new Error(
+        `failed to get conversation messages, status ${result.status}: ${result.statusText}`
+      );
+    }
+    const response = await result.json();
+    return response.chat_history ?? [];
   }
   async getConversations() {
     const baseUrl = await this.getBaseUrl();
     const result = await this.fetcher(`${baseUrl}/conversations`);
-    return await result.json();
-  }
-  async createConversation() {
-    const baseUrl = await this.getBaseUrl();
-    const response = await this.fetchApi.fetch(`${baseUrl}/conversations`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({})
-    });
-    if (!response.body) {
-      throw new Error("Something went wrong.");
-    }
-    if (!response.ok) {
+    if (!result.ok) {
       throw new Error(
-        `failed to create conversation, status ${response.status}: ${response.statusText}`
+        `failed to get conversation, status ${result.status}: ${result.statusText}`
       );
     }
-    return await response.json();
+    const response = await result.json();
+    return response.conversations ?? [];
   }
   async deleteConversation(conversation_id) {
     const baseUrl = await this.getBaseUrl();

package/dist/api/LightspeedApiClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightspeedApiClient.esm.js","sources":["../../src/api/LightspeedApiClient.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ConfigApi, FetchApi } from '@backstage/core-plugin-api';\n\nimport { LightspeedAPI } from './api';\n\nexport type Options = {\n  configApi: ConfigApi;\n  fetchApi: FetchApi;\n};\n\nexport class LightspeedApiClient implements LightspeedAPI {\n  private readonly configApi: ConfigApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: Options) {\n    this.configApi = options.configApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getBaseUrl() {\n    return `${this.configApi.getString('backend.baseUrl')}/api/lightspeed`;\n  }\n\n  getServerUrl() {\n    // Currently supports a single llm server\n    return `${this.configApi\n      .getConfigArray('lightspeed.servers')[0]\n      .getOptionalString('url')}`;\n  }\n\n  async createMessage(\n    prompt: string,\n    selectedModel: string,\n    conversation_id: string,\n  ) {\n    const baseUrl = await this.getBaseUrl();\n\n    const response = await this.fetchApi.fetch(`${baseUrl}/v1/query`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify({\n        conversation_id,\n        serverURL: this.getServerUrl(),\n        model: selectedModel,\n        query: prompt,\n        historyLength: 10,\n      }),\n    });\n\n    if (!response.body) {\n      throw new Error('Readable stream is not supported or there is no body.');\n    }\n\n    if (!response.ok) {\n      throw new Error(\n        `failed to fetch data, status ${response.status}: ${response.statusText}`,\n      );\n    }\n    return response.body.getReader();\n  }\n\n  private async fetcher(url: string) {\n    const response = await this.fetchApi.fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    });\n    if (!response.ok) {\n      throw new Error(\n        `failed to fetch data, status ${response.status}: ${response.statusText}`,\n      );\n    }\n    return response;\n  }\n\n  async getAllModels() {\n    const baseUrl = await this.getBaseUrl();\n    const result = await this.fetcher(`${baseUrl}/v1/models`);\n    const response = await result.json();\n    return response?.data ? response.data : [];\n  }\n\n  async getConversationMessages(conversation_id: string) {\n    const baseUrl = await this.getBaseUrl();\n    const result = await this.fetcher(\n      `${baseUrl}/conversations/${encodeURIComponent(conversation_id)}`,\n    );\n    return await result.json();\n  }\n\n  async getConversations() {\n    const baseUrl = await this.getBaseUrl();\n    const result = await this.fetcher(`${baseUrl}/conversations`);\n    return await result.json();\n  }\n\n  async createConversation() {\n    const baseUrl = await this.getBaseUrl();\n\n    const response = await this.fetchApi.fetch(`${baseUrl}/conversations`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify({}),\n    });\n\n    if (!response.body) {\n      throw new Error('Something went wrong.');\n    }\n\n    if (!response.ok) {\n      throw new Error(\n        `failed to create conversation, status ${response.status}: ${response.statusText}`,\n      );\n    }\n    return await response.json();\n  }\n\n  async deleteConversation(conversation_id: string) {\n    const baseUrl = await this.getBaseUrl();\n\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/conversations/${encodeURIComponent(conversation_id)}`,\n      {\n        method: 'DELETE',\n        headers: {},\n      },\n    );\n\n    if (!response.ok) {\n      throw new Error(\n        `failed to delete conversation, status ${response.status}: ${response.statusText}`,\n      );\n    }\n    return { success: true };\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LightspeedApiClient.esm.js","sources":["../../src/api/LightspeedApiClient.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ConfigApi, FetchApi } from '@backstage/core-plugin-api';\n\nimport { TEMP_CONVERSATION_ID } from '../const';\nimport { LightspeedAPI } from './api';\n\nexport type Options = {\n  configApi: ConfigApi;\n  fetchApi: FetchApi;\n};\n\nexport class LightspeedApiClient implements LightspeedAPI {\n  private readonly configApi: ConfigApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: Options) {\n    this.configApi = options.configApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getBaseUrl() {\n    return `${this.configApi.getString('backend.baseUrl')}/api/lightspeed`;\n  }\n\n  getServerUrl() {\n    // Currently supports a single llm server\n    return `${this.configApi\n      .getConfigArray('lightspeed.servers')[0]\n      .getOptionalString('url')}`;\n  }\n\n  async createMessage(\n    prompt: string,\n    selectedModel: string,\n    conversation_id: string,\n  ) {\n    const baseUrl = await this.getBaseUrl();\n\n    const response = await this.fetchApi.fetch(`${baseUrl}/v1/query`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify({\n        conversation_id:\n          conversation_id === TEMP_CONVERSATION_ID\n            ? undefined\n            : conversation_id,\n        model: selectedModel,\n        provider: this.configApi\n          .getConfigArray('lightspeed.servers')[0]\n          .getOptionalString('id'), // Currently supports a single llm server\n        query: prompt,\n      }),\n    });\n\n    if (!response.body) {\n      throw new Error('Readable stream is not supported or there is no body.');\n    }\n\n    if (!response.ok) {\n      const body = await response.body.getReader();\n      const reader = body.read();\n      const decoder = new TextDecoder('utf-8');\n      const text = await reader.then(({ done, value }) => {\n        if (done) {\n          return '';\n        }\n        return decoder.decode(value);\n      });\n      const errorMessage = JSON.parse(text);\n      if (errorMessage?.error) {\n        throw new Error(`failed to create message: ${errorMessage.error}`);\n      }\n    }\n    return response.body.getReader();\n  }\n\n  private async fetcher(url: string) {\n    const response = await this.fetchApi.fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    });\n    if (!response.ok) {\n      throw new Error(\n        `failed to fetch data, status ${response.status}: ${response.statusText}`,\n      );\n    }\n    return response;\n  }\n\n  async getAllModels() {\n    const baseUrl = await this.getBaseUrl();\n    const result = await this.fetcher(`${baseUrl}/v1/models`);\n\n    if (!result.ok) {\n      throw new Error(\n        `failed to get models, status ${result.status}: ${result.statusText}`,\n      );\n    }\n\n    const response = await result.json();\n    return response?.data ? response.data : [];\n  }\n\n  async getConversationMessages(conversation_id: string) {\n    if (conversation_id === TEMP_CONVERSATION_ID) {\n      return [];\n    }\n    const baseUrl = await this.getBaseUrl();\n    const result = await this.fetcher(\n      `${baseUrl}/conversations/${encodeURIComponent(conversation_id)}`,\n    );\n    if (!result.ok) {\n      throw new Error(\n        `failed to get conversation messages, status ${result.status}: ${result.statusText}`,\n      );\n    }\n    const response = await result.json();\n    return response.chat_history ?? [];\n  }\n\n  async getConversations() {\n    const baseUrl = await this.getBaseUrl();\n    const result = await this.fetcher(`${baseUrl}/conversations`);\n\n    if (!result.ok) {\n      throw new Error(\n        `failed to get conversation, status ${result.status}: ${result.statusText}`,\n      );\n    }\n\n    const response = await result.json();\n    return response.conversations ?? [];\n  }\n\n  async deleteConversation(conversation_id: string) {\n    const baseUrl = await this.getBaseUrl();\n\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/conversations/${encodeURIComponent(conversation_id)}`,\n      {\n        method: 'DELETE',\n        headers: {},\n      },\n    );\n\n    if (!response.ok) {\n      throw new Error(\n        `failed to delete conversation, status ${response.status}: ${response.statusText}`,\n      );\n    }\n    return { success: true };\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/api/api.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.esm.js","sources":["../../src/api/api.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef } from '@backstage/core-plugin-api';\n\nimport OpenAI from 'openai';\n\nimport { BaseMessage, ConversationList } from '../types';\n\nexport type LightspeedAPI = {\n  getAllModels: () => Promise<OpenAI.Models.Model[]>;\n  getConversationMessages: (conversation_id: string) => Promise<BaseMessage[]>;\n  createConversation: () => Promise<{ conversation_id: string }>;\n  createMessage: (\n    prompt: string,\n    selectedModel: string,\n    conversation_id: string,\n  ) => Promise<ReadableStreamDefaultReader>;\n  deleteConversation: (\n    conversation_id: string,\n  ) => Promise<{ success: boolean }>;\n  getConversations: () => Promise<ConversationList>;\n};\n\nexport const lightspeedApiRef = createApiRef<LightspeedAPI>({\n  id: 'plugin.lightspeed.service',\n});\n"],"names":[],"mappings":";;AAqCO,MAAM,mBAAmB,YAA4B,CAAA;AAAA,EAC1D,EAAI,EAAA;AACN,CAAC;;;;"}
+{"version":3,"file":"api.esm.js","sources":["../../src/api/api.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef } from '@backstage/core-plugin-api';\n\nimport OpenAI from 'openai';\n\nimport { BaseMessage, ConversationList } from '../types';\n\nexport type LightspeedAPI = {\n  getAllModels: () => Promise<OpenAI.Models.Model[]>;\n  getConversationMessages: (conversation_id: string) => Promise<BaseMessage[]>;\n  createMessage: (\n    prompt: string,\n    selectedModel: string,\n    conversation_id: string,\n  ) => Promise<ReadableStreamDefaultReader>;\n  deleteConversation: (\n    conversation_id: string,\n  ) => Promise<{ success: boolean }>;\n  getConversations: () => Promise<ConversationList>;\n};\n\nexport const lightspeedApiRef = createApiRef<LightspeedAPI>({\n  id: 'plugin.lightspeed.service',\n});\n"],"names":[],"mappings":";;AAoCO,MAAM,mBAAmB,YAA4B,CAAA;AAAA,EAC1D,EAAI,EAAA;AACN,CAAC;;;;"}

package/dist/components/LightSpeedChat.esm.js

@@ -5,12 +5,12 @@ import { Chatbot, ChatbotDisplayMode, ChatbotHeader, ChatbotHeaderMain, ChatbotH
 import ChatbotConversationHistoryNav from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';
 import { DropdownItem, Title } from '@patternfly/react-core';
 import { useQueryClient } from '@tanstack/react-query';
+import { TEMP_CONVERSATION_ID } from '../const.esm.js';
 import '@backstage/core-plugin-api';
 import '../api/api.esm.js';
 import { useBackstageUserIdentity } from '../hooks/useBackstageUserIdentity.esm.js';
 import { useConversationMessages } from '../hooks/useConversationMessages.esm.js';
 import { useConversations } from '../hooks/useConversations.esm.js';
-import { useCreateConversation } from '../hooks/useCreateConversation.esm.js';
 import { useDeleteConversation } from '../hooks/useDeleteConversation.esm.js';
 import { useIsMobile } from '../hooks/useIsMobile.esm.js';
 import { useLastOpenedConversation } from '../hooks/useLastOpenedConversation.esm.js';
@@ -78,47 +78,43 @@ const LightspeedChat = ({
   }, [lastOpenedId, isReady]);
   const queryClient = useQueryClient();
   const { data: conversations = [] } = useConversations();
-  const { mutateAsync: createConversation } = useCreateConversation();
   const { mutateAsync: deleteConversation } = useDeleteConversation();
   const { allowed: hasDeleteAccess } = useLightspeedDeletePermission();
   React__default.useEffect(() => {
     if (user && lastOpenedId === null && isReady) {
-      createConversation().then(({ conversation_id }) => {
-        setConversationId(conversation_id);
-        setNewChatCreated(true);
-      }).catch((e) => {
-        console.warn(e);
-        setError(e);
-      });
+      setConversationId(TEMP_CONVERSATION_ID);
+      setNewChatCreated(true);
     }
-  }, [user, isReady, lastOpenedId, setConversationId, createConversation]);
+  }, [user, isReady, lastOpenedId, setConversationId]);
   React__default.useEffect(() => {
     if (conversationId) {
       setLastOpenedId(conversationId);
     }
   }, [conversationId, setLastOpenedId]);
+  const onStart = (conv_id) => {
+    setConversationId(conv_id);
+  };
   const onComplete = (message) => {
     setIsSendButtonDisabled(false);
     setAnnouncement(`Message from Bot: ${message}`);
     queryClient.invalidateQueries({
       queryKey: ["conversations"]
     });
+    setNewChatCreated(false);
   };
   const { conversationMessages, handleInputPrompt, scrollToBottomRef } = useConversationMessages(
     conversationId,
     userName,
     selectedModel,
     avatar,
-    onComplete
+    onComplete,
+    onStart
   );
   const [messages, setMessages] = React__default.useState(conversationMessages);
-  React__default.useEffect(() => {
-    setTimeout(() => {
-      scrollToBottomRef.current?.scrollIntoView({ behavior: "auto" });
-    }, 10);
-  }, [messages, scrollToBottomRef.current]);
   const sendMessage = (message) => {
-    setNewChatCreated(false);
+    if (conversationId !== TEMP_CONVERSATION_ID) {
+      setNewChatCreated(false);
+    }
     setAnnouncement(
       `Message from User: ${prompt}. Message from Bot is loading.`
     );
@@ -128,11 +124,10 @@ const LightspeedChat = ({
   const onNewChat = React__default.useCallback(() => {
     (async () => {
       setMessages([]);
-      const { conversation_id } = await createConversation();
-      setConversationId(conversation_id);
+      setConversationId(TEMP_CONVERSATION_ID);
       setNewChatCreated(true);
     })();
-  }, [createConversation, setConversationId, setMessages]);
+  }, [setConversationId, setMessages]);
   const openDeleteModal = (conversation_id) => {
     setTargetConversationId(conversation_id);
     setIsDeleteModalOpen(true);
@@ -151,6 +146,7 @@ const LightspeedChat = ({
         setIsDeleteModalOpen(false);
       } catch (e) {
         console.warn(e);
+        setError(e);
       }
     })();
   }, [
@@ -207,13 +203,14 @@ const LightspeedChat = ({
         }
         return c_id;
       });
+      scrollToBottomRef.current?.scrollToBottom();
     },
-    [setConversationId]
+    [setConversationId, scrollToBottomRef]
   );
   const conversationFound = !!conversations.find(
     (c) => c.conversation_id === conversationId
   );
-  const welcomePrompts = newChatCreated || !conversationFound && conversationMessages.length === 0 ? [
+  const welcomePrompts = newChatCreated && conversationMessages.length === 0 || !conversationFound && conversationMessages.length === 0 ? [
     {
       title: "Topic 1",
       message: "Helpful prompt for Topic 1",

package/dist/components/LightSpeedChat.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightSpeedChat.esm.js","sources":["../../src/components/LightSpeedChat.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { ErrorPanel } from '@backstage/core-components';\n\nimport { Box, makeStyles } from '@material-ui/core';\nimport {\n  Chatbot,\n  ChatbotContent,\n  ChatbotDisplayMode,\n  ChatbotFooter,\n  ChatbotFootnote,\n  ChatbotHeader,\n  ChatbotHeaderMain,\n  ChatbotHeaderMenu,\n  ChatbotHeaderTitle,\n  MessageBar,\n  MessageProps,\n} from '@patternfly/chatbot';\nimport ChatbotConversationHistoryNav from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';\nimport { DropdownItem, Title } from '@patternfly/react-core';\nimport { useQueryClient } from '@tanstack/react-query';\n\nimport {\n  useBackstageUserIdentity,\n  useConversationMessages,\n  useConversations,\n  useCreateConversation,\n  useDeleteConversation,\n  useIsMobile,\n  useLastOpenedConversation,\n  useLightspeedDeletePermission,\n} from '../hooks';\nimport { ConversationSummary } from '../types';\nimport {\n  getCategorizeMessages,\n  getFootnoteProps,\n} from '../utils/lightspeed-chatbox-utils';\nimport { DeleteModal } from './DeleteModal';\nimport { LightspeedChatBox } from './LightspeedChatBox';\nimport { LightspeedChatBoxHeader } from './LightspeedChatBoxHeader';\n\nconst useStyles = makeStyles(theme => ({\n  body: {\n    // remove default margin and padding from common elements\n    '& h1, & h2, & h3, & h4, & h5, & h6, & p, & ul, & ol, & li': {\n      margin: 0,\n      padding: 0,\n    },\n  },\n  header: {\n    padding: `${theme.spacing(3)}px !important`,\n  },\n  headerMenu: {\n    // align hamburger icon with title\n    '& .pf-v6-c-button': {\n      display: 'flex',\n      alignItems: 'center',\n    },\n  },\n  headerTitle: {\n    justifyContent: 'left !important',\n  },\n  footer: {\n    '&>.pf-chatbot__footer-container': {\n      width: '95% !important',\n      maxWidth: 'unset !important',\n    },\n  },\n}));\n\ntype LightspeedChatProps = {\n  selectedModel: string;\n  userName?: string;\n  avatar?: string;\n  profileLoading: boolean;\n  handleSelectedModel: (item: string) => void;\n  models: { label: string; value: string }[];\n};\n\nexport const LightspeedChat = ({\n  selectedModel,\n  userName,\n  avatar,\n  profileLoading,\n  handleSelectedModel,\n  models,\n}: LightspeedChatProps) => {\n  const isMobile = useIsMobile();\n  const classes = useStyles();\n  const user = useBackstageUserIdentity();\n  const [filterValue, setFilterValue] = React.useState<string>('');\n  const [announcement, setAnnouncement] = React.useState<string>('');\n  const [conversationId, setConversationId] = React.useState<string>('');\n  const [isDrawerOpen, setIsDrawerOpen] = React.useState<boolean>(!isMobile);\n  const [newChatCreated, setNewChatCreated] = React.useState<boolean>(false);\n  const [isSendButtonDisabled, setIsSendButtonDisabled] =\n    React.useState<boolean>(false);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [targetConversationId, setTargetConversationId] =\n    React.useState<string>('');\n  const [isDeleteModalOpen, setIsDeleteModalOpen] =\n    React.useState<boolean>(false);\n  const { isReady, lastOpenedId, setLastOpenedId, clearLastOpenedId } =\n    useLastOpenedConversation(user);\n\n  // Sync conversationId with lastOpenedId whenever lastOpenedId changes\n  React.useEffect(() => {\n    if (isReady && lastOpenedId !== null) {\n      setConversationId(lastOpenedId);\n    }\n  }, [lastOpenedId, isReady]);\n\n  const queryClient = useQueryClient();\n\n  const { data: conversations = [] } = useConversations();\n  const { mutateAsync: createConversation } = useCreateConversation();\n  const { mutateAsync: deleteConversation } = useDeleteConversation();\n  const { allowed: hasDeleteAccess } = useLightspeedDeletePermission();\n\n  React.useEffect(() => {\n    if (user && lastOpenedId === null && isReady) {\n      createConversation()\n        .then(({ conversation_id }) => {\n          setConversationId(conversation_id);\n          setNewChatCreated(true);\n        })\n        .catch(e => {\n          // eslint-disable-next-line\n          console.warn(e);\n          setError(e);\n        });\n    }\n  }, [user, isReady, lastOpenedId, setConversationId, createConversation]);\n\n  React.useEffect(() => {\n    // Update last opened conversation whenever `conversationId` changes\n    if (conversationId) {\n      setLastOpenedId(conversationId);\n    }\n  }, [conversationId, setLastOpenedId]);\n\n  const onComplete = (message: string) => {\n    setIsSendButtonDisabled(false);\n    setAnnouncement(`Message from Bot: ${message}`);\n    queryClient.invalidateQueries({\n      queryKey: ['conversations'],\n    });\n  };\n\n  const { conversationMessages, handleInputPrompt, scrollToBottomRef } =\n    useConversationMessages(\n      conversationId,\n      userName,\n      selectedModel,\n      avatar,\n      onComplete,\n    );\n\n  const [messages, setMessages] =\n    React.useState<MessageProps[]>(conversationMessages);\n\n  // Auto-scrolls to the latest message\n  React.useEffect(() => {\n    setTimeout(() => {\n      scrollToBottomRef.current?.scrollIntoView({ behavior: 'auto' });\n    }, 10);\n    // eslint-disable-next-line\n  }, [messages, scrollToBottomRef.current]);\n\n  const sendMessage = (message: string | number) => {\n    setNewChatCreated(false);\n    setAnnouncement(\n      `Message from User: ${prompt}. Message from Bot is loading.`,\n    );\n    handleInputPrompt(message.toString());\n    setIsSendButtonDisabled(true);\n  };\n\n  const onNewChat = React.useCallback(() => {\n    (async () => {\n      setMessages([]);\n      const { conversation_id } = await createConversation();\n      setConversationId(conversation_id);\n      setNewChatCreated(true);\n    })();\n  }, [createConversation, setConversationId, setMessages]);\n\n  const openDeleteModal = (conversation_id: string) => {\n    setTargetConversationId(conversation_id);\n    setIsDeleteModalOpen(true);\n  };\n\n  const handleDeleteConversation = React.useCallback(() => {\n    (async () => {\n      try {\n        await deleteConversation({\n          conversation_id: targetConversationId,\n          invalidateCache: false,\n        });\n        if (targetConversationId === lastOpenedId) {\n          onNewChat();\n          clearLastOpenedId();\n        }\n        setIsDeleteModalOpen(false);\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.warn(e);\n      }\n    })();\n  }, [\n    deleteConversation,\n    clearLastOpenedId,\n    lastOpenedId,\n    onNewChat,\n    targetConversationId,\n  ]);\n\n  const additionalMessageProps = React.useCallback(\n    (conversationSummary: ConversationSummary) => ({\n      menuItems: (\n        <DropdownItem\n          isDisabled={!hasDeleteAccess}\n          onClick={() => openDeleteModal(conversationSummary.conversation_id)}\n        >\n          Delete\n        </DropdownItem>\n      ),\n    }),\n    [hasDeleteAccess],\n  );\n  const categorizedMessages = getCategorizeMessages(\n    conversations,\n    additionalMessageProps,\n  );\n\n  const filterConversations = React.useCallback(\n    (targetValue: string) => {\n      const filteredConversations = Object.entries(categorizedMessages).reduce(\n        (acc, [key, items]) => {\n          const filteredItems = items.filter(item =>\n            item.text\n              .toLocaleLowerCase('en-US')\n              .includes(targetValue.toLocaleLowerCase('en-US')),\n          );\n          if (filteredItems.length > 0) {\n            acc[key] = filteredItems;\n          }\n          return acc;\n        },\n        {} as any,\n      );\n      return filteredConversations;\n    },\n    [categorizedMessages],\n  );\n\n  React.useEffect(() => {\n    setMessages(conversationMessages);\n  }, [conversationMessages]);\n\n  const onSelectActiveItem = React.useCallback(\n    (\n      _: React.MouseEvent | undefined,\n      selectedItem: string | number | undefined,\n    ) => {\n      setNewChatCreated(false);\n      setConversationId((c_id: string) => {\n        if (c_id !== selectedItem) {\n          return String(selectedItem);\n        }\n        return c_id;\n      });\n    },\n    [setConversationId],\n  );\n\n  const conversationFound = !!conversations.find(\n    c => c.conversation_id === conversationId,\n  );\n\n  const welcomePrompts =\n    newChatCreated || (!conversationFound && conversationMessages.length === 0)\n      ? [\n          {\n            title: 'Topic 1',\n            message: 'Helpful prompt for Topic 1',\n            onClick: () => sendMessage('Helpful prompt for Topic 1'),\n          },\n          {\n            title: 'Topic 2',\n            message: 'Helpful prompt for Topic 2',\n            onClick: () => sendMessage('Helpful prompt for Topic 2'),\n          },\n        ]\n      : [];\n\n  const handleFilter = React.useCallback((value: string) => {\n    setFilterValue(value);\n  }, []);\n\n  const onDrawerToggle = React.useCallback(() => {\n    setIsDrawerOpen(isOpen => !isOpen);\n  }, []);\n\n  if (error) {\n    return (\n      <Box padding={1}>\n        <ErrorPanel error={error} />\n      </Box>\n    );\n  }\n\n  return (\n    <>\n      {isDeleteModalOpen && (\n        <DeleteModal\n          isOpen={isDeleteModalOpen}\n          onClose={() => setIsDeleteModalOpen(false)}\n          onConfirm={handleDeleteConversation}\n        />\n      )}\n      <Chatbot\n        displayMode={ChatbotDisplayMode.embedded}\n        className={classes.body}\n      >\n        <ChatbotHeader className={classes.header}>\n          <ChatbotHeaderMain>\n            <ChatbotHeaderMenu\n              aria-expanded={isDrawerOpen}\n              onMenuToggle={() => setIsDrawerOpen(!isDrawerOpen)}\n              className={classes.headerMenu}\n            />\n            <ChatbotHeaderTitle className={classes.headerTitle}>\n              <Title headingLevel=\"h1\" size=\"3xl\">\n                Developer Hub Lightspeed\n              </Title>\n            </ChatbotHeaderTitle>\n          </ChatbotHeaderMain>\n\n          <LightspeedChatBoxHeader\n            selectedModel={selectedModel}\n            handleSelectedModel={item => handleSelectedModel(item)}\n            models={models}\n          />\n        </ChatbotHeader>\n        <ChatbotConversationHistoryNav\n          drawerPanelContentProps={{ isResizable: true, minSize: '200px' }}\n          reverseButtonOrder\n          displayMode={ChatbotDisplayMode.embedded}\n          onDrawerToggle={onDrawerToggle}\n          isDrawerOpen={isDrawerOpen}\n          setIsDrawerOpen={setIsDrawerOpen}\n          activeItemId={conversationId}\n          onSelectActiveItem={onSelectActiveItem}\n          conversations={filterConversations(filterValue)}\n          onNewChat={newChatCreated ? undefined : onNewChat}\n          handleTextInputChange={handleFilter}\n          drawerContent={\n            <>\n              <ChatbotContent>\n                <LightspeedChatBox\n                  userName={userName}\n                  messages={messages}\n                  profileLoading={profileLoading}\n                  announcement={announcement}\n                  ref={scrollToBottomRef}\n                  welcomePrompts={welcomePrompts}\n                />\n              </ChatbotContent>\n              <ChatbotFooter className={classes.footer}>\n                <MessageBar\n                  onSendMessage={sendMessage}\n                  isSendButtonDisabled={isSendButtonDisabled}\n                  hasAttachButton={false}\n                  hasMicrophoneButton\n                />\n                <ChatbotFootnote {...getFootnoteProps()} />\n              </ChatbotFooter>\n            </>\n          }\n        />\n      </Chatbot>\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"LightSpeedChat.esm.js","sources":["../../src/components/LightSpeedChat.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { ErrorPanel } from '@backstage/core-components';\n\nimport { Box, makeStyles } from '@material-ui/core';\nimport {\n  Chatbot,\n  ChatbotContent,\n  ChatbotDisplayMode,\n  ChatbotFooter,\n  ChatbotFootnote,\n  ChatbotHeader,\n  ChatbotHeaderMain,\n  ChatbotHeaderMenu,\n  ChatbotHeaderTitle,\n  MessageBar,\n  MessageProps,\n} from '@patternfly/chatbot';\nimport ChatbotConversationHistoryNav from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';\nimport { DropdownItem, Title } from '@patternfly/react-core';\nimport { useQueryClient } from '@tanstack/react-query';\n\nimport { TEMP_CONVERSATION_ID } from '../const';\nimport {\n  useBackstageUserIdentity,\n  useConversationMessages,\n  useConversations,\n  useDeleteConversation,\n  useIsMobile,\n  useLastOpenedConversation,\n  useLightspeedDeletePermission,\n} from '../hooks';\nimport { ConversationSummary } from '../types';\nimport {\n  getCategorizeMessages,\n  getFootnoteProps,\n} from '../utils/lightspeed-chatbox-utils';\nimport { DeleteModal } from './DeleteModal';\nimport { LightspeedChatBox } from './LightspeedChatBox';\nimport { LightspeedChatBoxHeader } from './LightspeedChatBoxHeader';\n\nconst useStyles = makeStyles(theme => ({\n  body: {\n    // remove default margin and padding from common elements\n    '& h1, & h2, & h3, & h4, & h5, & h6, & p, & ul, & ol, & li': {\n      margin: 0,\n      padding: 0,\n    },\n  },\n  header: {\n    padding: `${theme.spacing(3)}px !important`,\n  },\n  headerMenu: {\n    // align hamburger icon with title\n    '& .pf-v6-c-button': {\n      display: 'flex',\n      alignItems: 'center',\n    },\n  },\n  headerTitle: {\n    justifyContent: 'left !important',\n  },\n  footer: {\n    '&>.pf-chatbot__footer-container': {\n      width: '95% !important',\n      maxWidth: 'unset !important',\n    },\n  },\n}));\n\ntype LightspeedChatProps = {\n  selectedModel: string;\n  userName?: string;\n  avatar?: string;\n  profileLoading: boolean;\n  handleSelectedModel: (item: string) => void;\n  models: { label: string; value: string }[];\n};\n\nexport const LightspeedChat = ({\n  selectedModel,\n  userName,\n  avatar,\n  profileLoading,\n  handleSelectedModel,\n  models,\n}: LightspeedChatProps) => {\n  const isMobile = useIsMobile();\n  const classes = useStyles();\n  const user = useBackstageUserIdentity();\n  const [filterValue, setFilterValue] = React.useState<string>('');\n  const [announcement, setAnnouncement] = React.useState<string>('');\n  const [conversationId, setConversationId] = React.useState<string>('');\n  const [isDrawerOpen, setIsDrawerOpen] = React.useState<boolean>(!isMobile);\n  const [newChatCreated, setNewChatCreated] = React.useState<boolean>(false);\n  const [isSendButtonDisabled, setIsSendButtonDisabled] =\n    React.useState<boolean>(false);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [targetConversationId, setTargetConversationId] =\n    React.useState<string>('');\n  const [isDeleteModalOpen, setIsDeleteModalOpen] =\n    React.useState<boolean>(false);\n  const { isReady, lastOpenedId, setLastOpenedId, clearLastOpenedId } =\n    useLastOpenedConversation(user);\n\n  // Sync conversationId with lastOpenedId whenever lastOpenedId changes\n  React.useEffect(() => {\n    if (isReady && lastOpenedId !== null) {\n      setConversationId(lastOpenedId);\n    }\n  }, [lastOpenedId, isReady]);\n\n  const queryClient = useQueryClient();\n\n  const { data: conversations = [] } = useConversations();\n  const { mutateAsync: deleteConversation } = useDeleteConversation();\n  const { allowed: hasDeleteAccess } = useLightspeedDeletePermission();\n\n  React.useEffect(() => {\n    if (user && lastOpenedId === null && isReady) {\n      setConversationId(TEMP_CONVERSATION_ID);\n      setNewChatCreated(true);\n    }\n  }, [user, isReady, lastOpenedId, setConversationId]);\n\n  React.useEffect(() => {\n    // Update last opened conversation whenever `conversationId` changes\n    if (conversationId) {\n      setLastOpenedId(conversationId);\n    }\n  }, [conversationId, setLastOpenedId]);\n\n  const onStart = (conv_id: string) => {\n    setConversationId(conv_id);\n  };\n\n  const onComplete = (message: string) => {\n    setIsSendButtonDisabled(false);\n    setAnnouncement(`Message from Bot: ${message}`);\n    queryClient.invalidateQueries({\n      queryKey: ['conversations'],\n    });\n    setNewChatCreated(false);\n  };\n\n  const { conversationMessages, handleInputPrompt, scrollToBottomRef } =\n    useConversationMessages(\n      conversationId,\n      userName,\n      selectedModel,\n      avatar,\n      onComplete,\n      onStart,\n    );\n\n  const [messages, setMessages] =\n    React.useState<MessageProps[]>(conversationMessages);\n\n  const sendMessage = (message: string | number) => {\n    if (conversationId !== TEMP_CONVERSATION_ID) {\n      setNewChatCreated(false);\n    }\n    setAnnouncement(\n      `Message from User: ${prompt}. Message from Bot is loading.`,\n    );\n    handleInputPrompt(message.toString());\n    setIsSendButtonDisabled(true);\n  };\n\n  const onNewChat = React.useCallback(() => {\n    (async () => {\n      setMessages([]);\n      setConversationId(TEMP_CONVERSATION_ID);\n      setNewChatCreated(true);\n    })();\n  }, [setConversationId, setMessages]);\n\n  const openDeleteModal = (conversation_id: string) => {\n    setTargetConversationId(conversation_id);\n    setIsDeleteModalOpen(true);\n  };\n\n  const handleDeleteConversation = React.useCallback(() => {\n    (async () => {\n      try {\n        await deleteConversation({\n          conversation_id: targetConversationId,\n          invalidateCache: false,\n        });\n        if (targetConversationId === lastOpenedId) {\n          onNewChat();\n          clearLastOpenedId();\n        }\n        setIsDeleteModalOpen(false);\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.warn(e);\n        setError(e);\n      }\n    })();\n  }, [\n    deleteConversation,\n    clearLastOpenedId,\n    lastOpenedId,\n    onNewChat,\n    targetConversationId,\n  ]);\n\n  const additionalMessageProps = React.useCallback(\n    (conversationSummary: ConversationSummary) => ({\n      menuItems: (\n        <DropdownItem\n          isDisabled={!hasDeleteAccess}\n          onClick={() => openDeleteModal(conversationSummary.conversation_id)}\n        >\n          Delete\n        </DropdownItem>\n      ),\n    }),\n    [hasDeleteAccess],\n  );\n  const categorizedMessages = getCategorizeMessages(\n    conversations,\n    additionalMessageProps,\n  );\n\n  const filterConversations = React.useCallback(\n    (targetValue: string) => {\n      const filteredConversations = Object.entries(categorizedMessages).reduce(\n        (acc, [key, items]) => {\n          const filteredItems = items.filter(item =>\n            item.text\n              .toLocaleLowerCase('en-US')\n              .includes(targetValue.toLocaleLowerCase('en-US')),\n          );\n          if (filteredItems.length > 0) {\n            acc[key] = filteredItems;\n          }\n          return acc;\n        },\n        {} as any,\n      );\n      return filteredConversations;\n    },\n    [categorizedMessages],\n  );\n\n  React.useEffect(() => {\n    setMessages(conversationMessages);\n  }, [conversationMessages]);\n\n  const onSelectActiveItem = React.useCallback(\n    (\n      _: React.MouseEvent | undefined,\n      selectedItem: string | number | undefined,\n    ) => {\n      setNewChatCreated(false);\n      setConversationId((c_id: string) => {\n        if (c_id !== selectedItem) {\n          return String(selectedItem);\n        }\n        return c_id;\n      });\n      scrollToBottomRef.current?.scrollToBottom();\n    },\n    [setConversationId, scrollToBottomRef],\n  );\n\n  const conversationFound = !!conversations.find(\n    c => c.conversation_id === conversationId,\n  );\n\n  const welcomePrompts =\n    (newChatCreated && conversationMessages.length === 0) ||\n    (!conversationFound && conversationMessages.length === 0)\n      ? [\n          {\n            title: 'Topic 1',\n            message: 'Helpful prompt for Topic 1',\n            onClick: () => sendMessage('Helpful prompt for Topic 1'),\n          },\n          {\n            title: 'Topic 2',\n            message: 'Helpful prompt for Topic 2',\n            onClick: () => sendMessage('Helpful prompt for Topic 2'),\n          },\n        ]\n      : [];\n\n  const handleFilter = React.useCallback((value: string) => {\n    setFilterValue(value);\n  }, []);\n\n  const onDrawerToggle = React.useCallback(() => {\n    setIsDrawerOpen(isOpen => !isOpen);\n  }, []);\n\n  if (error) {\n    return (\n      <Box padding={1}>\n        <ErrorPanel error={error} />\n      </Box>\n    );\n  }\n\n  return (\n    <>\n      {isDeleteModalOpen && (\n        <DeleteModal\n          isOpen={isDeleteModalOpen}\n          onClose={() => setIsDeleteModalOpen(false)}\n          onConfirm={handleDeleteConversation}\n        />\n      )}\n      <Chatbot\n        displayMode={ChatbotDisplayMode.embedded}\n        className={classes.body}\n      >\n        <ChatbotHeader className={classes.header}>\n          <ChatbotHeaderMain>\n            <ChatbotHeaderMenu\n              aria-expanded={isDrawerOpen}\n              onMenuToggle={() => setIsDrawerOpen(!isDrawerOpen)}\n              className={classes.headerMenu}\n            />\n            <ChatbotHeaderTitle className={classes.headerTitle}>\n              <Title headingLevel=\"h1\" size=\"3xl\">\n                Developer Hub Lightspeed\n              </Title>\n            </ChatbotHeaderTitle>\n          </ChatbotHeaderMain>\n\n          <LightspeedChatBoxHeader\n            selectedModel={selectedModel}\n            handleSelectedModel={item => handleSelectedModel(item)}\n            models={models}\n          />\n        </ChatbotHeader>\n        <ChatbotConversationHistoryNav\n          drawerPanelContentProps={{ isResizable: true, minSize: '200px' }}\n          reverseButtonOrder\n          displayMode={ChatbotDisplayMode.embedded}\n          onDrawerToggle={onDrawerToggle}\n          isDrawerOpen={isDrawerOpen}\n          setIsDrawerOpen={setIsDrawerOpen}\n          activeItemId={conversationId}\n          onSelectActiveItem={onSelectActiveItem}\n          conversations={filterConversations(filterValue)}\n          onNewChat={newChatCreated ? undefined : onNewChat}\n          handleTextInputChange={handleFilter}\n          drawerContent={\n            <>\n              <ChatbotContent>\n                <LightspeedChatBox\n                  userName={userName}\n                  messages={messages}\n                  profileLoading={profileLoading}\n                  announcement={announcement}\n                  ref={scrollToBottomRef}\n                  welcomePrompts={welcomePrompts}\n                />\n              </ChatbotContent>\n              <ChatbotFooter className={classes.footer}>\n                <MessageBar\n                  onSendMessage={sendMessage}\n                  isSendButtonDisabled={isSendButtonDisabled}\n                  hasAttachButton={false}\n                  hasMicrophoneButton\n                />\n                <ChatbotFootnote {...getFootnoteProps()} />\n              </ChatbotFooter>\n            </>\n          }\n        />\n      </Chatbot>\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/LightspeedChatBox.esm.js

@@ -1,6 +1,8 @@
 import React__default from 'react';
 import { makeStyles } from '@material-ui/core';
 import { MessageBox, ChatbotWelcomePrompt, Message } from '@patternfly/chatbot';
+import { useAutoScroll } from '../hooks/useAutoScroll.esm.js';
+import { useBufferedMessages } from '../hooks/useBufferedMessages.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   prompt: {
@@ -27,18 +29,47 @@ const LightspeedChatBox = React__default.forwardRef(
     profileLoading,
     welcomePrompts
   }, ref) => {
-    const [cmessages, setCMessages] = React__default.useState(messages);
     const classes = useStyles();
+    const scrollQueued = React__default.useRef(false);
+    const containerRef = React__default.useRef(null);
+    const cmessages = useBufferedMessages(messages, 30);
+    const { autoScroll, scrollToBottom, scrollToTop } = useAutoScroll(containerRef);
+    React__default.useImperativeHandle(ref, () => ({
+      scrollToBottom: () => {
+        if (scrollQueued.current) return;
+        scrollQueued.current = true;
+        requestAnimationFrame(() => {
+          scrollToBottom();
+          scrollQueued.current = false;
+        });
+      }
+    }));
     React__default.useEffect(() => {
-      setCMessages(messages);
-    }, [messages]);
+      if (!autoScroll || scrollQueued.current) return undefined;
+      scrollQueued.current = true;
+      const rafId = requestAnimationFrame(() => {
+        const container = containerRef.current;
+        if (!container) return;
+        container.scrollTo({
+          top: container.scrollHeight,
+          behavior: "auto"
+        });
+        scrollQueued.current = false;
+      });
+      return () => {
+        cancelAnimationFrame(rafId);
+        scrollQueued.current = false;
+      };
+    }, [autoScroll, cmessages, containerRef]);
     const messageBoxClasses = `${classes.container} ${classes.userMessageText}`;
     return /* @__PURE__ */ React__default.createElement(
       MessageBox,
       {
         className: welcomePrompts.length ? `${messageBoxClasses} ${classes.prompt}` : messageBoxClasses,
         announcement,
-        style: { justifyContent: "flex-end" }
+        ref: containerRef,
+        onScrollToTopClick: scrollToTop,
+        onScrollToBottomClick: scrollToBottom
       },
       welcomePrompts.length ? /* @__PURE__ */ React__default.createElement(
         ChatbotWelcomePrompt,
@@ -50,7 +81,7 @@ const LightspeedChatBox = React__default.forwardRef(
       ) : /* @__PURE__ */ React__default.createElement("br", null),
       cmessages.map((message, index) => {
         if (index === cmessages.length - 1) {
-          return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: `${message.role}-${index}` }, /* @__PURE__ */ React__default.createElement(Message, { key: `${message.role}-${index}`, ...message }), /* @__PURE__ */ React__default.createElement("div", { ref }));
+          return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: `${message.role}-${index}` }, /* @__PURE__ */ React__default.createElement(Message, { key: `${message.role}-${index}`, ...message }));
         }
         return /* @__PURE__ */ React__default.createElement(Message, { key: `${message.role}-${index}`, ...message });
       })

package/dist/components/LightspeedChatBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightspeedChatBox.esm.js","sources":["../../src/components/LightspeedChatBox.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { makeStyles } from '@material-ui/core';\nimport {\n  ChatbotWelcomePrompt,\n  Message,\n  MessageBox,\n  MessageProps,\n  WelcomePrompt,\n} from '@patternfly/chatbot';\n\nconst useStyles = makeStyles(theme => ({\n  prompt: {\n    'justify-content': 'flex-end',\n  },\n  container: {\n    maxWidth: 'unset !important',\n  },\n  userMessageText: {\n    '& div.pf-chatbot__message--user': {\n      '& div.pf-chatbot__message-text': {\n        '& p': {\n          color: theme.palette.common.white,\n        },\n      },\n    },\n  },\n}));\n\ntype LightspeedChatBoxProps = {\n  userName?: string;\n  messages: MessageProps[];\n  profileLoading: boolean;\n  announcement: string | undefined;\n  welcomePrompts: WelcomePrompt[];\n};\n\nexport const LightspeedChatBox = React.forwardRef(\n  (\n    {\n      userName,\n      messages,\n      announcement,\n      profileLoading,\n      welcomePrompts,\n    }: LightspeedChatBoxProps,\n    ref: React.ForwardedRef<HTMLDivElement>,\n  ) => {\n    const [cmessages, setCMessages] = React.useState(messages);\n    const classes = useStyles();\n\n    React.useEffect(() => {\n      setCMessages(messages);\n    }, [messages]);\n\n    const messageBoxClasses = `${classes.container} ${classes.userMessageText}`;\n    return (\n      <MessageBox\n        className={\n          welcomePrompts.length\n            ? `${messageBoxClasses} ${classes.prompt}`\n            : messageBoxClasses\n        }\n        announcement={announcement}\n        style={{ justifyContent: 'flex-end' }}\n      >\n        {welcomePrompts.length ? (\n          <ChatbotWelcomePrompt\n            title={`Hello, ${profileLoading ? '...' : (userName ?? 'Guest')}`}\n            description=\"How can I help you today?\"\n            prompts={welcomePrompts}\n          />\n        ) : (\n          <br />\n        )}\n        {cmessages.map((message, index) => {\n          if (index === cmessages.length - 1) {\n            return (\n              <React.Fragment key={`${message.role}-${index}`}>\n                <Message key={`${message.role}-${index}`} {...message} />\n                <div ref={ref} />\n              </React.Fragment>\n            );\n          }\n          return <Message key={`${message.role}-${index}`} {...message} />;\n        })}\n      </MessageBox>\n    );\n  },\n);\n"],"names":["React"],"mappings":";;;;AA2BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,MAAQ,EAAA;AAAA,IACN,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,iCAAmC,EAAA;AAAA,MACjC,gCAAkC,EAAA;AAAA,QAChC,KAAO,EAAA;AAAA,UACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA;AAAA;AAC9B;AACF;AACF;AAEJ,CAAE,CAAA,CAAA;AAUK,MAAM,oBAAoBA,cAAM,CAAA,UAAA;AAAA,EACrC,CACE;AAAA,IACE,QAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,KAEF,GACG,KAAA;AACH,IAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAAA,cAAA,CAAM,SAAS,QAAQ,CAAA;AACzD,IAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,IAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,MAAA,YAAA,CAAa,QAAQ,CAAA;AAAA,KACvB,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,IAAA,MAAM,oBAAoB,CAAG,EAAA,OAAA,CAAQ,SAAS,CAAA,CAAA,EAAI,QAAQ,eAAe,CAAA,CAAA;AACzE,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EACE,eAAe,MACX,GAAA,CAAA,EAAG,iBAAiB,CAAI,CAAA,EAAA,OAAA,CAAQ,MAAM,CACtC,CAAA,GAAA,iBAAA;AAAA,QAEN,YAAA;AAAA,QACA,KAAA,EAAO,EAAE,cAAA,EAAgB,UAAW;AAAA,OAAA;AAAA,MAEnC,eAAe,MACd,mBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,oBAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,CAAA,OAAA,EAAU,cAAiB,GAAA,KAAA,GAAS,YAAY,OAAQ,CAAA,CAAA;AAAA,UAC/D,WAAY,EAAA,2BAAA;AAAA,UACZ,OAAS,EAAA;AAAA;AAAA,OACX,gDAEC,IAAG,EAAA,IAAA,CAAA;AAAA,MAEL,SAAU,CAAA,GAAA,CAAI,CAAC,OAAA,EAAS,KAAU,KAAA;AACjC,QAAI,IAAA,KAAA,KAAU,SAAU,CAAA,MAAA,GAAS,CAAG,EAAA;AAClC,UACE,uBAAAA,cAAA,CAAA,aAAA,CAACA,cAAM,CAAA,QAAA,EAAN,EAAe,GAAA,EAAK,CAAG,EAAA,OAAA,CAAQ,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAA,kBAC1CA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAK,CAAG,EAAA,OAAA,CAAQ,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAK,GAAG,OAAA,EAAS,CACvD,kBAAAA,cAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAU,CACjB,CAAA;AAAA;AAGJ,QAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,GAAA,EAAK,CAAG,EAAA,OAAA,CAAQ,IAAI,CAAI,CAAA,EAAA,KAAK,CAAK,CAAA,EAAA,GAAG,OAAS,EAAA,CAAA;AAAA,OAC/D;AAAA,KACH;AAAA;AAGN;;;;"}
+{"version":3,"file":"LightspeedChatBox.esm.js","sources":["../../src/components/LightspeedChatBox.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { makeStyles } from '@material-ui/core';\nimport {\n  ChatbotWelcomePrompt,\n  Message,\n  MessageBox,\n  MessageProps,\n  WelcomePrompt,\n} from '@patternfly/chatbot';\n\nimport { useAutoScroll } from '../hooks/useAutoScroll';\nimport { useBufferedMessages } from '../hooks/useBufferedMessages';\n\nconst useStyles = makeStyles(theme => ({\n  prompt: {\n    'justify-content': 'flex-end',\n  },\n  container: {\n    maxWidth: 'unset !important',\n  },\n  userMessageText: {\n    '& div.pf-chatbot__message--user': {\n      '& div.pf-chatbot__message-text': {\n        '& p': {\n          color: theme.palette.common.white,\n        },\n      },\n    },\n  },\n}));\n\ntype LightspeedChatBoxProps = {\n  userName?: string;\n  messages: MessageProps[];\n  profileLoading: boolean;\n  announcement: string | undefined;\n  welcomePrompts: WelcomePrompt[];\n};\n\nexport interface ScrollContainerHandle {\n  scrollToBottom: () => void;\n}\n\nexport const LightspeedChatBox = React.forwardRef(\n  (\n    {\n      userName,\n      messages,\n      announcement,\n      profileLoading,\n      welcomePrompts,\n    }: LightspeedChatBoxProps,\n    ref: React.ForwardedRef<ScrollContainerHandle>,\n  ) => {\n    const classes = useStyles();\n    const scrollQueued = React.useRef(false);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n\n    const cmessages = useBufferedMessages(messages, 30);\n    const { autoScroll, scrollToBottom, scrollToTop } =\n      useAutoScroll(containerRef);\n\n    React.useImperativeHandle(ref, () => ({\n      scrollToBottom: () => {\n        if (scrollQueued.current) return;\n        scrollQueued.current = true;\n\n        requestAnimationFrame(() => {\n          scrollToBottom();\n          scrollQueued.current = false;\n        });\n      },\n    }));\n\n    // Auto-scrolls to the latest message\n    React.useEffect(() => {\n      if (!autoScroll || scrollQueued.current) return undefined;\n\n      scrollQueued.current = true;\n\n      const rafId = requestAnimationFrame(() => {\n        const container = containerRef.current;\n        if (!container) return;\n\n        container.scrollTo({\n          top: container.scrollHeight,\n          behavior: 'auto',\n        });\n\n        scrollQueued.current = false;\n      });\n\n      return () => {\n        cancelAnimationFrame(rafId);\n        scrollQueued.current = false;\n      };\n\n      // eslint-disable-next-line\n    }, [autoScroll, cmessages, containerRef]);\n\n    const messageBoxClasses = `${classes.container} ${classes.userMessageText}`;\n    return (\n      <MessageBox\n        className={\n          welcomePrompts.length\n            ? `${messageBoxClasses} ${classes.prompt}`\n            : messageBoxClasses\n        }\n        announcement={announcement}\n        ref={containerRef}\n        onScrollToTopClick={scrollToTop}\n        onScrollToBottomClick={scrollToBottom}\n      >\n        {welcomePrompts.length ? (\n          <ChatbotWelcomePrompt\n            title={`Hello, ${profileLoading ? '...' : (userName ?? 'Guest')}`}\n            description=\"How can I help you today?\"\n            prompts={welcomePrompts}\n          />\n        ) : (\n          <br />\n        )}\n        {cmessages.map((message, index) => {\n          if (index === cmessages.length - 1) {\n            return (\n              <React.Fragment key={`${message.role}-${index}`}>\n                <Message key={`${message.role}-${index}`} {...message} />\n              </React.Fragment>\n            );\n          }\n          return <Message key={`${message.role}-${index}`} {...message} />;\n        })}\n      </MessageBox>\n    );\n  },\n);\n"],"names":["React"],"mappings":"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"}

package/dist/const.esm.js

@@ -0,0 +1,4 @@
+const TEMP_CONVERSATION_ID = "temp-conversation-id";
+
+export { TEMP_CONVERSATION_ID };
+//# sourceMappingURL=const.esm.js.map

package/dist/const.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.esm.js","sources":["../src/const.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport const TEMP_CONVERSATION_ID = 'temp-conversation-id';\n"],"names":[],"mappings":"AAeO,MAAM,oBAAuB,GAAA;;;;"}

package/dist/hooks/useAutoScroll.esm.js

@@ -0,0 +1,78 @@
+import React__default from 'react';
+
+const useAutoScroll = (containerRef, options = {}) => {
+  const { deltaUp = 10, deltaDown = 60, delay = 200 } = options;
+  const [autoScroll, setAutoScroll] = React__default.useState(true);
+  const lastScrollTop = React__default.useRef(0);
+  const manualScrollInterrupted = React__default.useRef(false);
+  const debounceTimeout = React__default.useRef(null);
+  const onScroll = React__default.useCallback(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const currentScrollTop = container.scrollTop;
+    const isScrollingDown = currentScrollTop > lastScrollTop.current;
+    const distanceFromBottom = container.scrollHeight - container.scrollTop - container.clientHeight;
+    const delta = isScrollingDown ? deltaDown : deltaUp;
+    const isAtBottom = distanceFromBottom <= delta;
+    if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+    if (isAtBottom && manualScrollInterrupted.current && isScrollingDown) {
+      debounceTimeout.current = setTimeout(() => {
+        manualScrollInterrupted.current = false;
+        setAutoScroll(true);
+      }, delay);
+    }
+    if (!isAtBottom && !manualScrollInterrupted.current) {
+      manualScrollInterrupted.current = true;
+      setAutoScroll(false);
+    }
+    lastScrollTop.current = currentScrollTop;
+  }, [containerRef, deltaUp, deltaDown, delay]);
+  React__default.useEffect(() => {
+    const container = containerRef.current;
+    if (!container) {
+      return undefined;
+    }
+    container.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      container.removeEventListener("scroll", onScroll);
+      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+    };
+  }, [onScroll, containerRef]);
+  const resumeAutoScroll = React__default.useCallback(() => {
+    manualScrollInterrupted.current = false;
+    setAutoScroll(true);
+  }, []);
+  const stopAutoScroll = React__default.useCallback(() => {
+    manualScrollInterrupted.current = true;
+    setAutoScroll(false);
+  }, []);
+  const scrollToTop = React__default.useCallback(() => {
+    stopAutoScroll();
+    const container = containerRef.current;
+    if (!container) return;
+    container.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, [stopAutoScroll, containerRef]);
+  const scrollToBottom = React__default.useCallback(() => {
+    const container = containerRef.current;
+    if (container) {
+      container.scrollTo({
+        top: container.scrollHeight,
+        behavior: "smooth"
+      });
+    }
+    resumeAutoScroll();
+  }, [resumeAutoScroll, containerRef]);
+  return {
+    autoScroll,
+    resumeAutoScroll,
+    stopAutoScroll,
+    scrollToBottom,
+    scrollToTop
+  };
+};
+
+export { useAutoScroll };
+//# sourceMappingURL=useAutoScroll.esm.js.map

package/dist/hooks/useAutoScroll.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoScroll.esm.js","sources":["../../src/hooks/useAutoScroll.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\ninterface useAutoScrollOptions {\n  deltaUp?: number;\n  deltaDown?: number;\n  delay?: number;\n}\n\nexport const useAutoScroll = (\n  containerRef: React.RefObject<HTMLElement>,\n  options: useAutoScrollOptions = {},\n) => {\n  const { deltaUp = 10, deltaDown = 60, delay = 200 } = options;\n\n  const [autoScroll, setAutoScroll] = React.useState(true);\n  const lastScrollTop = React.useRef(0);\n  const manualScrollInterrupted = React.useRef(false);\n  const debounceTimeout = React.useRef<NodeJS.Timeout | null>(null);\n\n  const onScroll = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const currentScrollTop = container.scrollTop;\n    const isScrollingDown = currentScrollTop > lastScrollTop.current;\n\n    const distanceFromBottom =\n      container.scrollHeight - container.scrollTop - container.clientHeight;\n\n    const delta = isScrollingDown ? deltaDown : deltaUp;\n    const isAtBottom = distanceFromBottom <= delta;\n\n    if (debounceTimeout.current) clearTimeout(debounceTimeout.current);\n\n    if (isAtBottom && manualScrollInterrupted.current && isScrollingDown) {\n      debounceTimeout.current = setTimeout(() => {\n        manualScrollInterrupted.current = false;\n        setAutoScroll(true);\n      }, delay);\n    }\n\n    if (!isAtBottom && !manualScrollInterrupted.current) {\n      manualScrollInterrupted.current = true;\n      setAutoScroll(false);\n    }\n\n    lastScrollTop.current = currentScrollTop;\n  }, [containerRef, deltaUp, deltaDown, delay]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return undefined;\n    }\n\n    container.addEventListener('scroll', onScroll, { passive: true });\n    return () => {\n      container.removeEventListener('scroll', onScroll);\n      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);\n    };\n  }, [onScroll, containerRef]);\n\n  const resumeAutoScroll = React.useCallback(() => {\n    manualScrollInterrupted.current = false;\n    setAutoScroll(true);\n  }, []);\n\n  const stopAutoScroll = React.useCallback(() => {\n    manualScrollInterrupted.current = true;\n    setAutoScroll(false);\n  }, []);\n\n  const scrollToTop = React.useCallback(() => {\n    stopAutoScroll();\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.scrollTo({\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [stopAutoScroll, containerRef]);\n\n  const scrollToBottom = React.useCallback(() => {\n    const container = containerRef.current;\n    if (container) {\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: 'smooth',\n      });\n    }\n    resumeAutoScroll();\n  }, [resumeAutoScroll, containerRef]);\n\n  return {\n    autoScroll,\n    resumeAutoScroll,\n    stopAutoScroll,\n    scrollToBottom,\n    scrollToTop,\n  };\n};\n"],"names":["React"],"mappings":"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"}

package/dist/hooks/useBufferedMessages.esm.js

@@ -0,0 +1,27 @@
+import React__default from 'react';
+
+const useBufferedMessages = (messages, interval = 30) => {
+  const [bufferedMessages, setBufferedMessages] = React__default.useState(messages);
+  const lastUpdateTime = React__default.useRef(0);
+  const animationFrame = React__default.useRef(null);
+  React__default.useEffect(() => {
+    const now = Date.now();
+    const update = () => {
+      setBufferedMessages(messages);
+      lastUpdateTime.current = now;
+    };
+    if (now - lastUpdateTime.current > interval) {
+      update();
+    } else {
+      if (animationFrame.current) cancelAnimationFrame(animationFrame.current);
+      animationFrame.current = requestAnimationFrame(update);
+    }
+    return () => {
+      if (animationFrame.current) cancelAnimationFrame(animationFrame.current);
+    };
+  }, [messages, interval]);
+  return bufferedMessages;
+};
+
+export { useBufferedMessages };
+//# sourceMappingURL=useBufferedMessages.esm.js.map

package/dist/hooks/useBufferedMessages.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBufferedMessages.esm.js","sources":["../../src/hooks/useBufferedMessages.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nexport const useBufferedMessages = <T>(messages: T[], interval = 30): T[] => {\n  const [bufferedMessages, setBufferedMessages] = React.useState(messages);\n  const lastUpdateTime = React.useRef(0);\n  const animationFrame = React.useRef<number | null>(null);\n\n  React.useEffect(() => {\n    const now = Date.now();\n\n    const update = () => {\n      setBufferedMessages(messages);\n      lastUpdateTime.current = now;\n    };\n\n    if (now - lastUpdateTime.current > interval) {\n      update();\n    } else {\n      if (animationFrame.current) cancelAnimationFrame(animationFrame.current);\n      animationFrame.current = requestAnimationFrame(update);\n    }\n\n    return () => {\n      if (animationFrame.current) cancelAnimationFrame(animationFrame.current);\n    };\n  }, [messages, interval]);\n\n  return bufferedMessages;\n};\n"],"names":["React"],"mappings":";;AAiBO,MAAM,mBAAsB,GAAA,CAAI,QAAe,EAAA,QAAA,GAAW,EAAY,KAAA;AAC3E,EAAA,MAAM,CAAC,gBAAkB,EAAA,mBAAmB,CAAI,GAAAA,cAAA,CAAM,SAAS,QAAQ,CAAA;AACvE,EAAM,MAAA,cAAA,GAAiBA,cAAM,CAAA,MAAA,CAAO,CAAC,CAAA;AACrC,EAAM,MAAA,cAAA,GAAiBA,cAAM,CAAA,MAAA,CAAsB,IAAI,CAAA;AAEvD,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAM,MAAA,GAAA,GAAM,KAAK,GAAI,EAAA;AAErB,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,mBAAA,CAAoB,QAAQ,CAAA;AAC5B,MAAA,cAAA,CAAe,OAAU,GAAA,GAAA;AAAA,KAC3B;AAEA,IAAI,IAAA,GAAA,GAAM,cAAe,CAAA,OAAA,GAAU,QAAU,EAAA;AAC3C,MAAO,MAAA,EAAA;AAAA,KACF,MAAA;AACL,MAAA,IAAI,cAAe,CAAA,OAAA,EAA8B,oBAAA,CAAA,cAAA,CAAe,OAAO,CAAA;AACvE,MAAe,cAAA,CAAA,OAAA,GAAU,sBAAsB,MAAM,CAAA;AAAA;AAGvD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,cAAe,CAAA,OAAA,EAA8B,oBAAA,CAAA,cAAA,CAAe,OAAO,CAAA;AAAA,KACzE;AAAA,GACC,EAAA,CAAC,QAAU,EAAA,QAAQ,CAAC,CAAA;AAEvB,EAAO,OAAA,gBAAA;AACT;;;;"}

package/dist/hooks/useConversationMessages.esm.js

@@ -2,8 +2,9 @@ import React__default from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useQuery } from '@tanstack/react-query';
 import { lightspeedApiRef } from '../api/api.esm.js';
+import { TEMP_CONVERSATION_ID } from '../const.esm.js';
 import logo from '../images/logo.svg';
-import { getMessageData, createUserMessage, createBotMessage, getTimestamp, splitJsonStrings } from '../utils/lightspeed-chatbox-utils.esm.js';
+import { getMessageData, createUserMessage, createBotMessage, getTimestamp } from '../utils/lightspeed-chatbox-utils.esm.js';
 import { useCreateConversationMessage } from './useCreateCoversationMessage.esm.js';
 
 const useFetchConversationMessages = (currentConversation) => {
@@ -18,7 +19,7 @@ const useFetchConversationMessages = (currentConversation) => {
   });
 };
 const defaultAvatar = "https://img.freepik.com/premium-photo/graphic-designer-digital-avatar-generative-ai_934475-9292.jpg";
-const useConversationMessages = (conversationId, userName, selectedModel, avatar = defaultAvatar, onComplete) => {
+const useConversationMessages = (conversationId, userName, selectedModel, avatar = defaultAvatar, onComplete, onStart) => {
   const { mutateAsync: createMessage } = useCreateConversationMessage();
   const scrollToBottomRef = React__default.useRef(null);
   const [currentConversation, setCurrentConversation] = React__default.useState(conversationId);
@@ -31,14 +32,18 @@ const useConversationMessages = (conversationId, userName, selectedModel, avatar
   React__default.useEffect(() => {
     if (currentConversation !== conversationId) {
       setCurrentConversation(conversationId);
-      setConversations({
-        [conversationId]: []
+      setConversations((prev) => {
+        if (prev[conversationId]) return prev;
+        return {
+          ...prev,
+          [conversationId]: []
+        };
       });
     }
   }, [currentConversation, conversationId]);
   const { data: conversationsData = [], ...queryProps } = useFetchConversationMessages(currentConversation);
   React__default.useEffect(() => {
-    if (!Array.isArray(conversationsData) || conversationsData.length === 0)
+    if (!Array.isArray(conversationsData) || conversationsData.length === 0 && conversationId !== TEMP_CONVERSATION_ID)
       return;
     if (conversations) {
       const _conversations = {
@@ -88,6 +93,7 @@ const useConversationMessages = (conversationId, userName, selectedModel, avatar
   ]);
   const handleInputPrompt = React__default.useCallback(
     async (prompt) => {
+      let newConversationId = "";
       const conversationTuple = [
         createUserMessage({
           avatar,
@@ -117,9 +123,10 @@ const useConversationMessages = (conversationId, userName, selectedModel, avatar
         };
       });
       setTimeout(() => {
-        scrollToBottomRef.current?.scrollIntoView({ behavior: "auto" });
+        scrollToBottomRef.current?.scrollToBottom();
       }, 0);
       const finalMessages = [];
+      let buffer = "";
       try {
         const reader = await createMessage({
           prompt,
@@ -129,51 +136,59 @@ const useConversationMessages = (conversationId, userName, selectedModel, avatar
         const decoder = new TextDecoder("utf-8");
         const keepGoing = true;
         while (keepGoing) {
-          const { done, value } = await reader.read();
+          const { value, done } = await reader.read();
           if (done) break;
-          const chunk = decoder.decode(value, { stream: true });
-          const data = splitJsonStrings(chunk) ?? [];
-          data?.forEach((line) => {
-            const trimmedLine = line.trim();
-            if (!trimmedLine) return;
+          buffer += decoder.decode(value, { stream: true });
+          const parts = buffer.split("\n\n");
+          buffer = parts.pop();
+          for (const part of parts) {
+            const lines = part.split("\n").filter((line) => line.startsWith("data:"));
+            const jsonString = lines.map((line) => line.trim().slice(5).trim()).join("");
             try {
-              const jsonData = JSON.parse(line);
-              const content = jsonData?.response?.kwargs?.content || "";
-              finalMessages.push(content);
-              const [humanMessage, aiMessage] = streamingConversations.current[currentConversation];
-              streamingConversations.current[currentConversation] = [
-                humanMessage,
-                { ...aiMessage, content: aiMessage.content + content }
-              ];
-              setConversations((prevConversations) => {
-                const conversation = prevConversations[currentConversation] ?? [];
-                const lastMessageIndex = conversation.length - 1;
-                const lastMessage = conversation.length === 0 ? createBotMessage({
-                  content: "",
-                  timestamp: getTimestamp(Date.now())
-                }) : { ...conversation[lastMessageIndex] };
-                lastMessage.isLoading = false;
-                lastMessage.content += content;
-                lastMessage.name = jsonData?.response?.kwargs?.response_metadata?.model;
-                lastMessage.timestamp = getTimestamp(
-                  jsonData?.response?.kwargs?.response_metadata?.created_at || Date.now()
-                );
-                const updatedConversation = [
-                  ...conversation.slice(0, lastMessageIndex),
-                  lastMessage
+              const { event, data } = JSON.parse(jsonString);
+              if (event === "start") {
+                if (currentConversation === TEMP_CONVERSATION_ID) {
+                  newConversationId = data?.conversation_id;
+                }
+              }
+              if (event === "token") {
+                const content = data?.token || "";
+                finalMessages.push(content);
+                const [humanMessage, aiMessage] = streamingConversations.current[currentConversation];
+                streamingConversations.current[currentConversation] = [
+                  humanMessage,
+                  { ...aiMessage, content: aiMessage.content + content }
                 ];
-                return {
-                  ...prevConversations,
-                  [currentConversation]: updatedConversation
-                };
-              });
+                setConversations((prevConversations) => {
+                  const conversation = prevConversations[currentConversation] ?? [];
+                  const lastMessageIndex = conversation.length - 1;
+                  const lastMessage = conversation.length === 0 ? createBotMessage({
+                    content: "",
+                    timestamp: getTimestamp(Date.now())
+                  }) : { ...conversation[lastMessageIndex] };
+                  lastMessage.isLoading = false;
+                  lastMessage.content += content;
+                  lastMessage.name = data?.response_metadata?.model || selectedModel;
+                  lastMessage.timestamp = getTimestamp(
+                    data?.response_metadata?.created_at || Date.now()
+                  );
+                  const updatedConversation = [
+                    ...conversation.slice(0, lastMessageIndex),
+                    lastMessage
+                  ];
+                  return {
+                    ...prevConversations,
+                    [currentConversation]: updatedConversation
+                  };
+                });
+              }
             } catch (error) {
               console.warn("Error parsing JSON:", error);
               if (typeof onComplete === "function") {
                 onComplete("Invalid JSON received");
               }
             }
-          });
+          }
         }
       } catch (e) {
         setConversations((prevConversations) => {
@@ -185,6 +200,9 @@ const useConversationMessages = (conversationId, userName, selectedModel, avatar
           }) : { ...conversation[lastMessageIndex] };
           lastMessage.isLoading = false;
           lastMessage.content += e;
+          lastMessage.error = {
+            title: e.message
+          };
           lastMessage.timestamp = getTimestamp(Date.now());
           const updatedConversation = [
             ...conversation.slice(0, lastMessageIndex),
@@ -193,7 +211,7 @@ const useConversationMessages = (conversationId, userName, selectedModel, avatar
           finalMessages.push(`${e}`);
           return {
             ...prevConversations,
-            [currentConversation]: updatedConversation
+            [newConversationId.length > 0 ? newConversationId : currentConversation]: updatedConversation
           };
         });
       }
@@ -201,11 +219,25 @@ const useConversationMessages = (conversationId, userName, selectedModel, avatar
       if (typeof onComplete === "function") {
         onComplete(finalMessages.join(""));
       }
+      if (currentConversation === TEMP_CONVERSATION_ID && newConversationId) {
+        setConversations((prevConversations) => {
+          return {
+            ...prevConversations,
+            [newConversationId]: prevConversations[TEMP_CONVERSATION_ID]
+          };
+        });
+        onStart?.(newConversationId);
+        setConversations((prev) => {
+          const { temp, ...rest } = prev;
+          return rest;
+        });
+      }
     },
     [
       avatar,
       userName,
       onComplete,
+      onStart,
       selectedModel,
       createMessage,
       currentConversation

package/dist/hooks/useConversationMessages.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConversationMessages.esm.js","sources":["../../src/hooks/useConversationMessages.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { MessageProps } from '@patternfly/chatbot';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { lightspeedApiRef } from '../api/api';\nimport logo from '../images/logo.svg';\nimport {\n  createBotMessage,\n  createUserMessage,\n  getMessageData,\n  getTimestamp,\n  splitJsonStrings,\n} from '../utils/lightspeed-chatbox-utils';\nimport { useCreateConversationMessage } from './useCreateCoversationMessage';\n\n// Fetch all conversation messages\nexport const useFetchConversationMessages = (currentConversation: string) => {\n  const lightspeedApi = useApi(lightspeedApiRef);\n  return useQuery({\n    queryKey: ['conversationMessages', currentConversation],\n    queryFn: currentConversation\n      ? async () => {\n          const response =\n            await lightspeedApi.getConversationMessages(currentConversation);\n\n          return response;\n        }\n      : undefined,\n    retry: false,\n  });\n};\n\ntype Conversations = { [_key: string]: MessageProps[] };\n\nconst defaultAvatar =\n  'https://img.freepik.com/premium-photo/graphic-designer-digital-avatar-generative-ai_934475-9292.jpg';\n/**\n * Fetches all the messages for given conversation_id\n * @param conversationId\n * @param userName\n * @param selectedModel\n * @param avatar\n *\n */\nexport const useConversationMessages = (\n  conversationId: string,\n  userName: string | undefined,\n  selectedModel: string,\n  avatar: string = defaultAvatar,\n  onComplete?: (message: string) => void,\n) => {\n  const { mutateAsync: createMessage } = useCreateConversationMessage();\n  const scrollToBottomRef = React.useRef<HTMLDivElement>(null);\n\n  const [currentConversation, setCurrentConversation] =\n    React.useState(conversationId);\n  const [conversations, setConversations] = React.useState<Conversations>({\n    [currentConversation]: [],\n  });\n  const streamingConversations = React.useRef<Conversations>({\n    [currentConversation]: [],\n  });\n\n  React.useEffect(() => {\n    if (currentConversation !== conversationId) {\n      setCurrentConversation(conversationId);\n      setConversations({\n        [conversationId]: [],\n      });\n    }\n  }, [currentConversation, conversationId]);\n\n  const { data: conversationsData = [], ...queryProps } =\n    useFetchConversationMessages(currentConversation);\n\n  React.useEffect(() => {\n    if (!Array.isArray(conversationsData) || conversationsData.length === 0)\n      return;\n\n    const newConvoIndex: number[] = [];\n\n    if (conversations) {\n      const _conversations: { [key: string]: any[] } = {\n        [currentConversation]: [],\n      };\n\n      let index = 0;\n      for (let i = 0; i < conversationsData.length; i += 2) {\n        const userMessage = conversationsData[i];\n        const aiMessage = conversationsData[i + 1];\n\n        const { content: humanMessage, timestamp: userTimestamp } =\n          getMessageData(userMessage);\n        const {\n          model,\n          content: botMessage,\n          timestamp: botTimestamp,\n        } = getMessageData(aiMessage);\n\n        _conversations[currentConversation].push(\n          ...[\n            createUserMessage({\n              avatar,\n              name: userName,\n              content: humanMessage,\n              timestamp: userTimestamp,\n            }),\n            createBotMessage({\n              avatar: logo,\n              isLoading: false,\n              name: model ?? selectedModel,\n              content: botMessage,\n              timestamp: botTimestamp,\n            }),\n          ],\n        );\n\n        newConvoIndex.push(index);\n        index++;\n      }\n\n      if (streamingConversations.current[currentConversation]) {\n        _conversations[currentConversation].push(\n          ...streamingConversations.current[currentConversation],\n        );\n      }\n\n      setConversations(_conversations);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    conversationsData,\n    userName,\n    avatar,\n    currentConversation,\n    selectedModel,\n    streamingConversations,\n  ]);\n\n  const handleInputPrompt = React.useCallback(\n    async (prompt: string) => {\n      const conversationTuple = [\n        createUserMessage({\n          avatar,\n          name: userName,\n          content: prompt,\n          timestamp: getTimestamp(Date.now()) ?? '',\n        }),\n        createBotMessage({\n          avatar: logo,\n          isLoading: true,\n          name: selectedModel,\n          content: '',\n          timestamp: '',\n        }),\n      ];\n\n      streamingConversations.current = {\n        ...streamingConversations.current,\n        [currentConversation]: conversationTuple,\n      };\n\n      setConversations((prevConv: Conversations) => {\n        return {\n          ...prevConv,\n          [currentConversation]: [\n            ...(prevConv?.[currentConversation] ?? []),\n            ...conversationTuple,\n          ],\n        };\n      });\n\n      setTimeout(() => {\n        scrollToBottomRef.current?.scrollIntoView({ behavior: 'auto' });\n      }, 0);\n      const finalMessages: string[] = [];\n\n      try {\n        const reader = await createMessage({\n          prompt,\n          selectedModel,\n          currentConversation,\n        });\n\n        const decoder = new TextDecoder('utf-8');\n        const keepGoing = true;\n        while (keepGoing) {\n          const { done, value } = await reader.read();\n          if (done) break;\n\n          const chunk = decoder.decode(value, { stream: true });\n\n          const data = splitJsonStrings(chunk) ?? [];\n          data?.forEach(line => {\n            const trimmedLine = line.trim();\n            // Ignore empty lines\n            if (!trimmedLine) return;\n            try {\n              const jsonData = JSON.parse(line);\n              const content = jsonData?.response?.kwargs?.content || '';\n              finalMessages.push(content);\n\n              // Store streaming message\n              const [humanMessage, aiMessage] =\n                streamingConversations.current[currentConversation];\n              streamingConversations.current[currentConversation] = [\n                humanMessage,\n                { ...aiMessage, content: aiMessage.content + content },\n              ];\n\n              setConversations(prevConversations => {\n                const conversation =\n                  prevConversations[currentConversation] ?? [];\n\n                const lastMessageIndex = conversation.length - 1;\n                const lastMessage =\n                  conversation.length === 0\n                    ? createBotMessage({\n                        content: '',\n                        timestamp: getTimestamp(Date.now()),\n                      })\n                    : { ...conversation[lastMessageIndex] };\n\n                lastMessage.isLoading = false;\n                lastMessage.content += content;\n                lastMessage.name =\n                  jsonData?.response?.kwargs?.response_metadata?.model;\n                lastMessage.timestamp = getTimestamp(\n                  jsonData?.response?.kwargs?.response_metadata?.created_at ||\n                    Date.now(),\n                );\n\n                const updatedConversation = [\n                  ...conversation.slice(0, lastMessageIndex),\n                  lastMessage,\n                ];\n\n                return {\n                  ...prevConversations,\n                  [currentConversation]: updatedConversation,\n                };\n              });\n            } catch (error) {\n              // eslint-disable-next-line no-console\n              console.warn('Error parsing JSON:', error);\n              if (typeof onComplete === 'function') {\n                onComplete('Invalid JSON received');\n              }\n            }\n          });\n        }\n      } catch (e) {\n        setConversations(prevConversations => {\n          const conversation = prevConversations[currentConversation] ?? [];\n\n          const lastMessageIndex = conversation.length - 1;\n          const lastMessage =\n            conversation.length === 0\n              ? createBotMessage({\n                  content: '',\n                  timestamp: getTimestamp(Date.now()),\n                })\n              : { ...conversation[lastMessageIndex] };\n\n          lastMessage.isLoading = false;\n          lastMessage.content += e;\n          lastMessage.timestamp = getTimestamp(Date.now());\n\n          const updatedConversation = [\n            ...conversation.slice(0, lastMessageIndex),\n            lastMessage,\n          ];\n\n          finalMessages.push(`${e}`);\n\n          return {\n            ...prevConversations,\n            [currentConversation]: updatedConversation,\n          };\n        });\n      }\n      // reset current streaming\n      streamingConversations.current[currentConversation] = [];\n      if (typeof onComplete === 'function') {\n        onComplete(finalMessages.join(''));\n      }\n    },\n\n    [\n      avatar,\n      userName,\n      onComplete,\n      selectedModel,\n      createMessage,\n      currentConversation,\n    ],\n  );\n\n  return {\n    conversationMessages: conversations[currentConversation] ?? [],\n    handleInputPrompt,\n    conversations,\n    scrollToBottomRef,\n    ...queryProps,\n  };\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"useConversationMessages.esm.js","sources":["../../src/hooks/useConversationMessages.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { MessageProps } from '@patternfly/chatbot';\nimport { useQuery } from '@tanstack/react-query';\n\nimport { lightspeedApiRef } from '../api/api';\nimport { ScrollContainerHandle } from '../components/LightspeedChatBox';\nimport { TEMP_CONVERSATION_ID } from '../const';\nimport logo from '../images/logo.svg';\nimport {\n  createBotMessage,\n  createUserMessage,\n  getMessageData,\n  getTimestamp,\n} from '../utils/lightspeed-chatbox-utils';\nimport { useCreateConversationMessage } from './useCreateCoversationMessage';\n\n// Fetch all conversation messages\nexport const useFetchConversationMessages = (currentConversation: string) => {\n  const lightspeedApi = useApi(lightspeedApiRef);\n  return useQuery({\n    queryKey: ['conversationMessages', currentConversation],\n    queryFn: currentConversation\n      ? async () => {\n          const response =\n            await lightspeedApi.getConversationMessages(currentConversation);\n\n          return response;\n        }\n      : undefined,\n    retry: false,\n  });\n};\n\ntype Conversations = { [_key: string]: MessageProps[] };\n\nconst defaultAvatar =\n  'https://img.freepik.com/premium-photo/graphic-designer-digital-avatar-generative-ai_934475-9292.jpg';\n/**\n * Fetches all the messages for given conversation_id\n * @param conversationId\n * @param userName\n * @param selectedModel\n * @param avatar\n *\n */\nexport const useConversationMessages = (\n  conversationId: string,\n  userName: string | undefined,\n  selectedModel: string,\n  avatar: string = defaultAvatar,\n  onComplete?: (message: string) => void,\n  onStart?: (conversation_id: string) => void,\n) => {\n  const { mutateAsync: createMessage } = useCreateConversationMessage();\n  const scrollToBottomRef = React.useRef<ScrollContainerHandle>(null);\n\n  const [currentConversation, setCurrentConversation] =\n    React.useState(conversationId);\n  const [conversations, setConversations] = React.useState<Conversations>({\n    [currentConversation]: [],\n  });\n  const streamingConversations = React.useRef<Conversations>({\n    [currentConversation]: [],\n  });\n\n  React.useEffect(() => {\n    if (currentConversation !== conversationId) {\n      setCurrentConversation(conversationId);\n      setConversations(prev => {\n        if (prev[conversationId]) return prev;\n\n        return {\n          ...prev,\n          [conversationId]: [],\n        };\n      });\n    }\n  }, [currentConversation, conversationId]);\n\n  const { data: conversationsData = [], ...queryProps } =\n    useFetchConversationMessages(currentConversation);\n\n  React.useEffect(() => {\n    if (\n      !Array.isArray(conversationsData) ||\n      (conversationsData.length === 0 &&\n        conversationId !== TEMP_CONVERSATION_ID)\n    )\n      return;\n\n    const newConvoIndex: number[] = [];\n\n    if (conversations) {\n      const _conversations: { [key: string]: any[] } = {\n        [currentConversation]: [],\n      };\n\n      let index = 0;\n      for (let i = 0; i < conversationsData.length; i += 2) {\n        const userMessage = conversationsData[i];\n        const aiMessage = conversationsData[i + 1];\n\n        const { content: humanMessage, timestamp: userTimestamp } =\n          getMessageData(userMessage);\n        const {\n          model,\n          content: botMessage,\n          timestamp: botTimestamp,\n        } = getMessageData(aiMessage);\n\n        _conversations[currentConversation].push(\n          ...[\n            createUserMessage({\n              avatar,\n              name: userName,\n              content: humanMessage,\n              timestamp: userTimestamp,\n            }),\n            createBotMessage({\n              avatar: logo,\n              isLoading: false,\n              name: model ?? selectedModel,\n              content: botMessage,\n              timestamp: botTimestamp,\n            }),\n          ],\n        );\n\n        newConvoIndex.push(index);\n        index++;\n      }\n\n      if (streamingConversations.current[currentConversation]) {\n        _conversations[currentConversation].push(\n          ...streamingConversations.current[currentConversation],\n        );\n      }\n\n      setConversations(_conversations);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    conversationsData,\n    userName,\n    avatar,\n    currentConversation,\n    selectedModel,\n    streamingConversations,\n  ]);\n\n  const handleInputPrompt = React.useCallback(\n    async (prompt: string) => {\n      let newConversationId = '';\n\n      const conversationTuple = [\n        createUserMessage({\n          avatar,\n          name: userName,\n          content: prompt,\n          timestamp: getTimestamp(Date.now()) ?? '',\n        }),\n        createBotMessage({\n          avatar: logo,\n          isLoading: true,\n          name: selectedModel,\n          content: '',\n          timestamp: '',\n        }),\n      ];\n\n      streamingConversations.current = {\n        ...streamingConversations.current,\n        [currentConversation]: conversationTuple,\n      };\n\n      setConversations((prevConv: Conversations) => {\n        return {\n          ...prevConv,\n          [currentConversation]: [\n            ...(prevConv?.[currentConversation] ?? []),\n            ...conversationTuple,\n          ],\n        };\n      });\n\n      setTimeout(() => {\n        scrollToBottomRef.current?.scrollToBottom();\n      }, 0);\n      const finalMessages: string[] = [];\n      let buffer = '';\n\n      try {\n        const reader = await createMessage({\n          prompt,\n          selectedModel,\n          currentConversation,\n        });\n\n        const decoder = new TextDecoder('utf-8');\n        const keepGoing = true;\n\n        while (keepGoing) {\n          const { value, done } = await reader.read();\n          if (done) break;\n\n          buffer += decoder.decode(value, { stream: true });\n\n          // Process all complete messages separated by double newlines\n          const parts = buffer.split('\\n\\n');\n          buffer = parts.pop()!;\n\n          for (const part of parts) {\n            const lines = part\n              .split('\\n')\n              .filter(line => line.startsWith('data:'));\n\n            const jsonString = lines\n              .map(line => line.trim().slice(5).trim())\n              .join('');\n            try {\n              const { event, data } = JSON.parse(jsonString);\n              if (event === 'start') {\n                if (currentConversation === TEMP_CONVERSATION_ID) {\n                  // If the conversation is temp, we need to set the new conversation id\n                  newConversationId = data?.conversation_id;\n                }\n              }\n\n              if (event === 'token') {\n                const content = data?.token || '';\n\n                finalMessages.push(content);\n\n                // Store streaming message\n                const [humanMessage, aiMessage] =\n                  streamingConversations.current[currentConversation];\n                streamingConversations.current[currentConversation] = [\n                  humanMessage,\n                  { ...aiMessage, content: aiMessage.content + content },\n                ];\n\n                setConversations(prevConversations => {\n                  const conversation =\n                    prevConversations[currentConversation] ?? [];\n\n                  const lastMessageIndex = conversation.length - 1;\n                  const lastMessage =\n                    conversation.length === 0\n                      ? createBotMessage({\n                          content: '',\n                          timestamp: getTimestamp(Date.now()),\n                        })\n                      : { ...conversation[lastMessageIndex] };\n\n                  lastMessage.isLoading = false;\n                  lastMessage.content += content;\n                  lastMessage.name =\n                    data?.response_metadata?.model || selectedModel;\n                  lastMessage.timestamp = getTimestamp(\n                    data?.response_metadata?.created_at || Date.now(),\n                  );\n\n                  const updatedConversation = [\n                    ...conversation.slice(0, lastMessageIndex),\n                    lastMessage,\n                  ];\n\n                  return {\n                    ...prevConversations,\n                    [currentConversation]: updatedConversation,\n                  };\n                });\n              }\n            } catch (error) {\n              // eslint-disable-next-line no-console\n              console.warn('Error parsing JSON:', error);\n              if (typeof onComplete === 'function') {\n                onComplete('Invalid JSON received');\n              }\n            }\n          }\n        }\n      } catch (e) {\n        setConversations(prevConversations => {\n          const conversation = prevConversations[currentConversation] ?? [];\n\n          const lastMessageIndex = conversation.length - 1;\n          const lastMessage =\n            conversation.length === 0\n              ? createBotMessage({\n                  content: '',\n                  timestamp: getTimestamp(Date.now()),\n                })\n              : { ...conversation[lastMessageIndex] };\n\n          lastMessage.isLoading = false;\n          lastMessage.content += e;\n          lastMessage.error = {\n            title: e.message,\n          };\n          lastMessage.timestamp = getTimestamp(Date.now());\n\n          const updatedConversation = [\n            ...conversation.slice(0, lastMessageIndex),\n            lastMessage,\n          ];\n\n          finalMessages.push(`${e}`);\n\n          return {\n            ...prevConversations,\n            [newConversationId.length > 0\n              ? newConversationId\n              : currentConversation]: updatedConversation,\n          };\n        });\n      }\n      // reset current streaming\n      streamingConversations.current[currentConversation] = [];\n      if (typeof onComplete === 'function') {\n        onComplete(finalMessages.join(''));\n      }\n      // Swap temp conversation messages with new conversation\n\n      if (currentConversation === TEMP_CONVERSATION_ID && newConversationId) {\n        setConversations(prevConversations => {\n          return {\n            ...prevConversations,\n            [newConversationId]: prevConversations[TEMP_CONVERSATION_ID],\n          };\n        });\n\n        onStart?.(newConversationId);\n\n        setConversations(prev => {\n          const { temp, ...rest } = prev;\n          return rest;\n        });\n      }\n    },\n\n    [\n      avatar,\n      userName,\n      onComplete,\n      onStart,\n      selectedModel,\n      createMessage,\n      currentConversation,\n    ],\n  );\n\n  return {\n    conversationMessages: conversations[currentConversation] ?? [],\n    handleInputPrompt,\n    conversations,\n    scrollToBottomRef,\n    ...queryProps,\n  };\n};\n"],"names":["React"],"mappings":"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"}

package/dist/utils/lightspeed-chatbox-utils.esm.js

@@ -39,34 +39,22 @@ const getTimestamp = (unix_timestamp) => {
   const time = `${date}/${month}/${year}, ${hour}:${min}:${sec}`;
   return time;
 };
-const splitJsonStrings = (jsonString) => {
-  const chunks = jsonString.split("}{");
-  if (chunks.length <= 1) {
-    return [jsonString];
-  }
-  return chunks.map((chunk, index, arr) => {
-    if (index === 0) {
-      return `${chunk}}`;
-    } else if (index === arr.length - 1) {
-      return `{${chunk}`;
-    }
-    return `{${chunk}}`;
-  });
-};
 const createMessage = ({
   role,
   name = "Guest",
   avatar,
   isLoading = false,
   content,
-  timestamp
+  timestamp,
+  error
 }) => ({
   role,
   name,
   avatar,
   isLoading,
   content,
-  timestamp
+  timestamp,
+  error
 });
 const createUserMessage = (props) => createMessage({
   ...props,
@@ -79,9 +67,9 @@ const createBotMessage = (props) => createMessage({
 });
 const getMessageData = (message) => {
   return {
-    model: message?.kwargs?.response_metadata?.model,
-    content: message?.kwargs?.content || "",
-    timestamp: getTimestamp(message?.kwargs?.response_metadata?.created_at)
+    model: message?.response_metadata?.model,
+    content: message?.content || "",
+    timestamp: getTimestamp(message?.response_metadata?.created_at * 1e3)
   };
 };
 const getDayDifference = (sourceTime, targetTime) => {
@@ -101,13 +89,16 @@ const getCategorizeMessages = (messages, addProps) => {
     "Previous 7 Days": [],
     "Previous 30 Days": []
   };
-  messages.forEach((c) => {
-    const messageDate = new Date(c.lastMessageTimestamp);
+  messages.sort((a, b) => b.last_message_timestamp - a.last_message_timestamp).forEach((c) => {
+    const messageDate = new Date(c.last_message_timestamp * 1e3);
     const messageDayString = messageDate.toDateString();
-    const dayDifference = getDayDifference(now, c.lastMessageTimestamp);
+    const dayDifference = getDayDifference(
+      now,
+      c.last_message_timestamp * 1e3
+    );
     const message = {
       id: c.conversation_id,
-      text: c.summary,
+      text: c.topic_summary,
       label: "Options",
       ...addProps(c)
     };
@@ -142,5 +133,5 @@ const getCategorizeMessages = (messages, addProps) => {
   return filteredCategories;
 };
 
-export { createBotMessage, createMessage, createUserMessage, getCategorizeMessages, getDayDifference, getFootnoteProps, getMessageData, getTimestamp, getTimestampVariablesString, splitJsonStrings };
+export { createBotMessage, createMessage, createUserMessage, getCategorizeMessages, getDayDifference, getFootnoteProps, getMessageData, getTimestamp, getTimestampVariablesString };
 //# sourceMappingURL=lightspeed-chatbox-utils.esm.js.map

package/dist/utils/lightspeed-chatbox-utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"lightspeed-chatbox-utils.esm.js","sources":["../../src/utils/lightspeed-chatbox-utils.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Conversation } from '@patternfly/chatbot';\n\nimport { BaseMessage, ConversationList, ConversationSummary } from '../types';\n\nexport const getFootnoteProps = () => ({\n  label: 'Lightspeed uses AI. Check for mistakes.',\n  popover: {\n    title: 'Verify accuracy',\n    description: `While Lightspeed strives for accuracy, there's always a possibility of errors. It's a good practice to verify critical information from reliable sources, especially if it's crucial for decision-making or actions.`,\n    bannerImage: {\n      src: 'https://cdn.dribbble.com/userupload/10651749/file/original-8a07b8e39d9e8bf002358c66fce1223e.gif',\n      alt: 'Example image for footnote popover',\n    },\n    cta: {\n      label: 'Got it',\n      onClick: () => {},\n    },\n    link: {\n      label: 'Learn more',\n      url: 'https://www.redhat.com/',\n    },\n  },\n});\n\nexport const getTimestampVariablesString = (v: number) => {\n  if (v < 10) {\n    return `0${v}`;\n  }\n  return `${v}`;\n};\n\nexport const getTimestamp = (unix_timestamp: number) => {\n  if (typeof unix_timestamp !== 'number' || isNaN(unix_timestamp)) {\n    // eslint-disable-next-line no-console\n    console.error('Invalid Unix timestamp provided');\n    return '';\n  }\n\n  const a = new Date(unix_timestamp);\n  const month = getTimestampVariablesString(a.getMonth() + 1);\n  const year = a.getFullYear();\n  const date = getTimestampVariablesString(a.getDate());\n  const hour = getTimestampVariablesString(a.getHours());\n  const min = getTimestampVariablesString(a.getMinutes());\n  const sec = getTimestampVariablesString(a.getSeconds());\n  const time = `${date}/${month}/${year}, ${hour}:${min}:${sec}`;\n  return time;\n};\n\nexport const splitJsonStrings = (jsonString: string): string[] => {\n  const chunks = jsonString.split('}{');\n\n  if (chunks.length <= 1) {\n    return [jsonString];\n  }\n\n  return chunks.map((chunk, index, arr) => {\n    if (index === 0) {\n      return `${chunk}}`;\n    } else if (index === arr.length - 1) {\n      return `{${chunk}`;\n    }\n    return `{${chunk}}`;\n  });\n};\n\ntype MessageProps = {\n  content: string;\n  timestamp: string;\n  name?: string;\n  avatar?: string | any;\n  isLoading?: boolean;\n};\n\nexport const createMessage = ({\n  role,\n  name = 'Guest',\n  avatar,\n  isLoading = false,\n  content,\n  timestamp,\n}: MessageProps & { role: 'user' | 'bot' }) => ({\n  role,\n  name,\n  avatar,\n  isLoading,\n  content,\n  timestamp,\n});\n\nexport const createUserMessage = (props: MessageProps) =>\n  createMessage({\n    ...props,\n    role: 'user',\n    name: props.name ?? 'Guest',\n  });\n\nexport const createBotMessage = (props: MessageProps) =>\n  createMessage({\n    ...props,\n    role: 'bot',\n  });\n\nexport const getMessageData = (message: BaseMessage) => {\n  return {\n    model: message?.kwargs?.response_metadata?.model,\n    content: message?.kwargs?.content || '',\n    timestamp: getTimestamp(message?.kwargs?.response_metadata?.created_at),\n  };\n};\n\nexport const getDayDifference = (sourceTime: number, targetTime: number) => {\n  const sourceDate = new Date(sourceTime);\n  const targetDate = new Date(targetTime);\n\n  sourceDate.setHours(0, 0, 0, 0);\n  targetDate.setHours(0, 0, 0, 0);\n\n  const timeDifference = sourceDate.getTime() - targetDate.getTime();\n\n  return Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n};\n\nexport const getCategorizeMessages = (\n  messages: ConversationList,\n  addProps: (c: ConversationSummary) => { [k: string]: any },\n): { [k: string]: Conversation[] } => {\n  const now: any = new Date();\n  const today = now.toDateString();\n\n  const categorizedMessages: { [k: string]: Conversation[] } = {\n    Today: [],\n    Yesterday: [],\n    'Previous 7 Days': [],\n    'Previous 30 Days': [],\n  };\n\n  messages.forEach(c => {\n    const messageDate = new Date(c.lastMessageTimestamp);\n    const messageDayString = messageDate.toDateString();\n    const dayDifference = getDayDifference(now, c.lastMessageTimestamp);\n\n    const message: Conversation = {\n      id: c.conversation_id,\n      text: c.summary,\n      label: 'Options',\n      ...addProps(c),\n    };\n\n    if (messageDayString === today) {\n      categorizedMessages.Today.push(message);\n    } else if (dayDifference === 1) {\n      categorizedMessages.Yesterday.push(message);\n    } else if (dayDifference <= 7) {\n      categorizedMessages['Previous 7 Days'].push(message);\n    } else if (dayDifference <= 30) {\n      categorizedMessages['Previous 30 Days'].push(message);\n    } else {\n      // handle month-wise grouping\n      const monthYear = messageDate.toLocaleString('default', {\n        month: 'long',\n        year: 'numeric',\n      });\n      if (!categorizedMessages[monthYear]) {\n        categorizedMessages[monthYear] = [];\n      }\n      categorizedMessages[monthYear].push(message);\n    }\n  });\n\n  const filteredCategories = Object.keys(categorizedMessages).reduce(\n    (result, category) => {\n      if (categorizedMessages[category].length > 0) {\n        result[category] = categorizedMessages[category];\n      }\n      return result;\n    },\n    {} as any,\n  );\n\n  return filteredCategories;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lightspeed-chatbox-utils.esm.js","sources":["../../src/utils/lightspeed-chatbox-utils.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Conversation } from '@patternfly/chatbot';\n\nimport { BaseMessage, ConversationList, ConversationSummary } from '../types';\n\nexport const getFootnoteProps = () => ({\n  label: 'Lightspeed uses AI. Check for mistakes.',\n  popover: {\n    title: 'Verify accuracy',\n    description: `While Lightspeed strives for accuracy, there's always a possibility of errors. It's a good practice to verify critical information from reliable sources, especially if it's crucial for decision-making or actions.`,\n    bannerImage: {\n      src: 'https://cdn.dribbble.com/userupload/10651749/file/original-8a07b8e39d9e8bf002358c66fce1223e.gif',\n      alt: 'Example image for footnote popover',\n    },\n    cta: {\n      label: 'Got it',\n      onClick: () => {},\n    },\n    link: {\n      label: 'Learn more',\n      url: 'https://www.redhat.com/',\n    },\n  },\n});\n\nexport const getTimestampVariablesString = (v: number) => {\n  if (v < 10) {\n    return `0${v}`;\n  }\n  return `${v}`;\n};\n\nexport const getTimestamp = (unix_timestamp: number) => {\n  if (typeof unix_timestamp !== 'number' || isNaN(unix_timestamp)) {\n    // eslint-disable-next-line no-console\n    console.error('Invalid Unix timestamp provided');\n    return '';\n  }\n\n  const a = new Date(unix_timestamp);\n  const month = getTimestampVariablesString(a.getMonth() + 1);\n  const year = a.getFullYear();\n  const date = getTimestampVariablesString(a.getDate());\n  const hour = getTimestampVariablesString(a.getHours());\n  const min = getTimestampVariablesString(a.getMinutes());\n  const sec = getTimestampVariablesString(a.getSeconds());\n  const time = `${date}/${month}/${year}, ${hour}:${min}:${sec}`;\n  return time;\n};\n\nexport const splitJsonStrings = (jsonString: string): string[] => {\n  const chunks = jsonString.split('}{');\n\n  if (chunks.length <= 1) {\n    return [jsonString];\n  }\n\n  return chunks.map((chunk, index, arr) => {\n    if (index === 0) {\n      return `${chunk}}`;\n    } else if (index === arr.length - 1) {\n      return `{${chunk}`;\n    }\n    return `{${chunk}}`;\n  });\n};\n\ntype MessageProps = {\n  content: string;\n  timestamp: string;\n  name?: string;\n  avatar?: string | any;\n  isLoading?: boolean;\n  error?: {\n    title: string;\n  };\n};\n\nexport const createMessage = ({\n  role,\n  name = 'Guest',\n  avatar,\n  isLoading = false,\n  content,\n  timestamp,\n  error,\n}: MessageProps & { role: 'user' | 'bot' }) => ({\n  role,\n  name,\n  avatar,\n  isLoading,\n  content,\n  timestamp,\n  error,\n});\n\nexport const createUserMessage = (props: MessageProps) =>\n  createMessage({\n    ...props,\n    role: 'user',\n    name: props.name ?? 'Guest',\n  });\n\nexport const createBotMessage = (props: MessageProps) =>\n  createMessage({\n    ...props,\n    role: 'bot',\n  });\n\nexport const getMessageData = (message: BaseMessage) => {\n  return {\n    model: message?.response_metadata?.model,\n    content: message?.content || '',\n    timestamp: getTimestamp(message?.response_metadata?.created_at * 1000),\n  };\n};\n\nexport const getDayDifference = (sourceTime: number, targetTime: number) => {\n  const sourceDate = new Date(sourceTime);\n  const targetDate = new Date(targetTime);\n\n  sourceDate.setHours(0, 0, 0, 0);\n  targetDate.setHours(0, 0, 0, 0);\n\n  const timeDifference = sourceDate.getTime() - targetDate.getTime();\n\n  return Math.floor(timeDifference / (1000 * 60 * 60 * 24));\n};\n\nexport const getCategorizeMessages = (\n  messages: ConversationList,\n  addProps: (c: ConversationSummary) => { [k: string]: any },\n): { [k: string]: Conversation[] } => {\n  const now: any = new Date();\n  const today = now.toDateString();\n\n  const categorizedMessages: { [k: string]: Conversation[] } = {\n    Today: [],\n    Yesterday: [],\n    'Previous 7 Days': [],\n    'Previous 30 Days': [],\n  };\n  messages\n    .sort((a, b) => b.last_message_timestamp - a.last_message_timestamp)\n    .forEach(c => {\n      const messageDate = new Date(c.last_message_timestamp * 1000);\n      const messageDayString = messageDate.toDateString();\n      const dayDifference = getDayDifference(\n        now,\n        c.last_message_timestamp * 1000,\n      );\n      const message: Conversation = {\n        id: c.conversation_id,\n        text: c.topic_summary,\n        label: 'Options',\n        ...addProps(c),\n      };\n\n      if (messageDayString === today) {\n        categorizedMessages.Today.push(message);\n      } else if (dayDifference === 1) {\n        categorizedMessages.Yesterday.push(message);\n      } else if (dayDifference <= 7) {\n        categorizedMessages['Previous 7 Days'].push(message);\n      } else if (dayDifference <= 30) {\n        categorizedMessages['Previous 30 Days'].push(message);\n      } else {\n        // handle month-wise grouping\n        const monthYear = messageDate.toLocaleString('default', {\n          month: 'long',\n          year: 'numeric',\n        });\n        if (!categorizedMessages[monthYear]) {\n          categorizedMessages[monthYear] = [];\n        }\n        categorizedMessages[monthYear].push(message);\n      }\n    });\n\n  const filteredCategories = Object.keys(categorizedMessages).reduce(\n    (result, category) => {\n      if (categorizedMessages[category].length > 0) {\n        result[category] = categorizedMessages[category];\n      }\n      return result;\n    },\n    {} as any,\n  );\n\n  return filteredCategories;\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-lightspeed",
-  "version": "0.4.3",
+  "version": "0.5.1",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -44,8 +44,8 @@
     "@material-ui/core": "^4.9.13",
     "@material-ui/lab": "^4.0.0-alpha.61",
     "@mui/icons-material": "^6.1.8",
-    "@patternfly/chatbot": "2.2.0-prerelease.37",
-    "@patternfly/react-core": "6.2.0-prerelease.26",
+    "@patternfly/chatbot": "6.3.0-prerelease.10",
+    "@patternfly/react-core": "6.3.0-prerelease.2",
     "@red-hat-developer-hub/backstage-plugin-lightspeed-common": "^0.3.0",
     "@tanstack/react-query": "^5.59.15",
     "openai": "^4.52.6",

package/dist/hooks/useCreateConversation.esm.js

@@ -1,19 +0,0 @@
-import { useApi } from '@backstage/core-plugin-api';
-import { useQueryClient, useMutation } from '@tanstack/react-query';
-import { lightspeedApiRef } from '../api/api.esm.js';
-
-const useCreateConversation = () => {
-  const lightspeedApi = useApi(lightspeedApiRef);
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: () => {
-      return lightspeedApi.createConversation();
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["conversations"] });
-    }
-  });
-};
-
-export { useCreateConversation };
-//# sourceMappingURL=useCreateConversation.esm.js.map

package/dist/hooks/useCreateConversation.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCreateConversation.esm.js","sources":["../../src/hooks/useCreateConversation.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\n\nimport { lightspeedApiRef } from '../api/api';\n\nexport const useCreateConversation = () => {\n  const lightspeedApi = useApi(lightspeedApiRef);\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: () => {\n      return lightspeedApi.createConversation();\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['conversations'] });\n    },\n  });\n};\n"],"names":[],"mappings":";;;;AAsBO,MAAM,wBAAwB,MAAM;AACzC,EAAM,MAAA,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAC7C,EAAA,MAAM,cAAc,cAAe,EAAA;AAEnC,EAAA,OAAO,WAAY,CAAA;AAAA,IACjB,YAAY,MAAM;AAChB,MAAA,OAAO,cAAc,kBAAmB,EAAA;AAAA,KAC1C;AAAA,IACA,WAAW,MAAM;AACf,MAAA,WAAA,CAAY,kBAAkB,EAAE,QAAA,EAAU,CAAC,eAAe,GAAG,CAAA;AAAA;AAC/D,GACD,CAAA;AACH;;;;"}