@red-hat-developer-hub/backstage-plugin-lightspeed 2.5.1 → 2.6.1

package/dist/components/LightSpeedChat.esm.js

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useRef, useCallback, useLayoutEffect, useMemo } from 'react';
 import { useNavigate, useMatch } from 'react-router-dom';
-import { makeStyles, Button } from '@material-ui/core';
+import { Button, makeStyles } from '@material-ui/core';
 import { ChatbotDisplayMode, ChatbotContent, ChatbotFooter, MessageBar, ChatbotFootnote, Settings, Chatbot, ChatbotHeader, ChatbotHeaderMain, ChatbotHeaderMenu, ChatbotHeaderTitle, FileDropZone, ChatbotAlert } from '@patternfly/chatbot';
 import ChatbotConversationHistoryNav from '@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav';
 import { DropdownItem, Tooltip, MenuToggle, Select, SelectList, SelectOption, AlertGroup, Alert, AlertVariant, AlertActionCloseButton, Title, Tabs, Tab } from '@patternfly/react-core';
-import { SortAmountDownAltIcon, SortAmountDownIcon, PlusIcon, SearchIcon } from '@patternfly/react-icons';
+import { SortAmountDownAltIcon, SortAmountDownIcon, SearchIcon, PlusIcon } from '@patternfly/react-icons';
 import { useQueryClient } from '@tanstack/react-query';
 import { UNTITLED_NOTEBOOK_NAME, TEMP_CONVERSATION_ID, supportedFileTypes } from '../const.esm.js';
 import '@backstage/core-plugin-api';
@@ -605,7 +605,7 @@ const LightspeedChat = ({
       clearLastOpenedId();
       setConversationId(TEMP_CONVERSATION_ID);
       setNewChatCreated(true);
-      setCurrentConversationId(undefined);
+      setCurrentConversationId(void 0);
     }
   }, [
     isLoading,
@@ -623,7 +623,7 @@ const LightspeedChat = ({
       if (!conversationExists) {
         if (routeConversationId !== conversationId) {
           setConversationId(TEMP_CONVERSATION_ID);
-          setCurrentConversationId(undefined);
+          setCurrentConversationId(void 0);
           setNewChatCreated(true);
         }
       } else if (conversationId !== routeConversationId) {
@@ -670,7 +670,12 @@ const LightspeedChat = ({
     });
     setNewChatCreated(false);
   };
-  const { conversationMessages, handleInputPrompt, scrollToBottomRef } = useConversationMessages(
+  const {
+    conversationMessages,
+    handleInputPrompt,
+    scrollToBottomRef,
+    streamingConversationId
+  } = useConversationMessages(
     viewConversationId,
     userName,
     selectedModel,
@@ -678,9 +683,10 @@ const LightspeedChat = ({
     avatar,
     onComplete,
     onStart,
-    undefined,
+    void 0,
     onRequestIdReady
   );
+  const streamingUiMatchesView = isSendButtonDisabled && streamingConversationId !== null && viewConversationId === streamingConversationId;
   const [messages, setMessages] = useState(conversationMessages);
   const sendMessage = (message) => {
     if (!message.toString().trim()) return;
@@ -708,7 +714,7 @@ const LightspeedChat = ({
         setDraftMessage("");
         setConversationId(TEMP_CONVERSATION_ID);
         setNewChatCreated(true);
-        setCurrentConversationId(undefined);
+        setCurrentConversationId(void 0);
         if (!isFullscreenMode) {
           setIsChatHistoryDrawerOpen(false);
         }
@@ -926,10 +932,10 @@ const LightspeedChat = ({
     };
   }) : [];
   useLayoutEffect(() => {
-    if (welcomePrompts.length === 0) return undefined;
+    if (welcomePrompts.length === 0) return void 0;
     const el = contentScrollRef.current;
     const sentinel = bottomSentinelRef.current;
-    if (!el) return undefined;
+    if (!el) return void 0;
     const scrollToBottom = () => {
       if (sentinel && typeof sentinel.scrollIntoView === "function") {
         sentinel.scrollIntoView({ block: "end", behavior: "auto" });
@@ -939,7 +945,7 @@ const LightspeedChat = ({
     };
     const rafId = typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame(() => scrollToBottom()) : null;
     if (rafId === null) scrollToBottom();
-    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(() => scrollToBottom()) : undefined;
+    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(() => scrollToBottom()) : void 0;
     resizeObserver?.observe(el);
     return () => {
       if (rafId !== null && typeof cancelAnimationFrame !== "undefined") {
@@ -952,7 +958,7 @@ const LightspeedChat = ({
     const scrollContainer = contentScrollRef.current;
     if (!scrollContainer) {
       setHasChatContentOverflow(false);
-      return undefined;
+      return void 0;
     }
     const getMessageBox = () => scrollContainer.querySelector(
       ".pf-chatbot__messagebox"
@@ -997,7 +1003,7 @@ const LightspeedChat = ({
       passive: true,
       capture: true
     });
-    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(() => scheduleOverflowUpdate()) : undefined;
+    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(() => scheduleOverflowUpdate()) : void 0;
     resizeObserver?.observe(scrollContainer);
     if (observedScrollTarget !== scrollContainer) {
       resizeObserver?.observe(observedScrollTarget);
@@ -1018,7 +1024,7 @@ const LightspeedChat = ({
     const mutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(() => {
       syncObservedScrollTarget();
       scheduleOverflowUpdate();
-    }) : undefined;
+    }) : void 0;
     mutationObserver?.observe(scrollContainer, {
       childList: true,
       subtree: true,
@@ -1176,7 +1182,7 @@ const LightspeedChat = ({
               ref: scrollToBottomRef,
               welcomePrompts,
               conversationId,
-              isStreaming: isSendButtonDisabled,
+              isStreaming: streamingUiMatchesView,
               topicRestrictionEnabled,
               displayMode
             }
@@ -1204,8 +1210,8 @@ const LightspeedChat = ({
           hasMicrophoneButton: true,
           value: draftMessage,
           onChange: handleDraftMessage,
-          hasStopButton: isSendButtonDisabled,
-          handleStopButton: isSendButtonDisabled ? handleStopButton : undefined,
+          hasStopButton: streamingUiMatchesView,
+          handleStopButton: streamingUiMatchesView ? handleStopButton : void 0,
           buttonProps: {
             attach: {
               inputTestId: "attachment-input",
@@ -1409,7 +1415,7 @@ const LightspeedChat = ({
               activeItemId: viewConversationId,
               onSelectActiveItem,
               conversations: filterConversations(filterValue),
-              onNewChat: newChatCreated ? undefined : onNewChat,
+              onNewChat: newChatCreated ? void 0 : onNewChat,
               newChatButtonText: t("button.newChat"),
               newChatButtonProps: {
                 icon: /* @__PURE__ */ jsx(PlusIcon, {})
@@ -1428,7 +1434,7 @@ const LightspeedChat = ({
                 bodyText: t("chatbox.emptyState.noResults.body"),
                 titleText: t("chatbox.emptyState.noResults.title"),
                 icon: SearchIcon
-              } : undefined,
+              } : void 0,
               drawerContent: /* @__PURE__ */ jsxs(
                 FileDropZone,
                 {
@@ -1465,7 +1471,7 @@ const LightspeedChat = ({
               metadata: activeNotebook.metadata,
               topicSummary: conversations.find(
                 (c) => c.conversation_id === activeNotebook.metadata?.conversation_id
-              )?.topic_summary ?? undefined,
+              )?.topic_summary ?? void 0,
               userName,
               avatar,
               profileLoading,