@red-hat-developer-hub/backstage-plugin-intelligent-assistant 5.0.1 → 5.0.2

package/dist/components/LightspeedChatBox.esm.js

@@ -34,7 +34,7 @@ const StyledMessageBox = styled(MessageBox, {
     },
     ...$isNewChat ? {
       flex: "none",
-      height: "auto",
+      height: "auto !important",
       overflow: "visible"
     } : {
       flex: 1,
@@ -62,7 +62,6 @@ const LightspeedChatBox = forwardRef(
     profileLoading,
     welcomePrompts,
     isStreaming,
-    topicRestrictionEnabled,
     displayMode,
     showSourcesChipPopover: showSourcesChipModal = false
   }, ref) => {
@@ -125,7 +124,7 @@ const LightspeedChatBox = forwardRef(
         jumpButtonTopTooltipProps: { content: t("tooltip.backToTop") },
         children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(DisclaimerAlert, { title: t("aria.important"), variant: "info", isInline: true, children: topicRestrictionEnabled ? t("disclaimer.withValidation") : t("disclaimer.withoutValidation") }),
+            /* @__PURE__ */ jsx(DisclaimerAlert, { title: t("aria.important"), variant: "info", isInline: true, children: t("disclaimer") }),
             /* @__PURE__ */ jsx("br", {})
           ] }),
           welcomePrompts.length ? /* @__PURE__ */ jsx(

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 {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { keyframes, styled } from '@mui/material/styles';\nimport {\n  ChatbotDisplayMode,\n  ChatbotWelcomePrompt,\n  DeepThinking,\n  DeepThinkingProps,\n  Message,\n  MessageBox,\n  MessageBoxHandle,\n  MessageProps,\n  ToolCall as PatternFlyToolCall,\n  WelcomePrompt,\n} from '@patternfly/chatbot';\nimport { Alert } from '@patternfly/react-core';\n\nimport { useAutoScroll } from '../hooks/useAutoScroll';\nimport { useBufferedMessages } from '../hooks/useBufferedMessages';\nimport { useFeedbackActions } from '../hooks/useFeedbackActions';\nimport { useTranslation } from '../hooks/useTranslation';\nimport { ToolCall } from '../types';\nimport { parseReasoning } from '../utils/reasoningParser';\nimport { mapToPatternFlyToolCall } from '../utils/toolCallMapper';\nimport { SourcesChipModal } from './SourcesChipModal';\n\nconst DEEP_THINKING_CLASS = 'lightspeed-deep-thinking';\n\nconst deepThinkingPulse = keyframes`\n  0% { opacity: 0.65 }\n  50% { opacity: 1 }\n  100% { opacity: 0.65 }\n`;\n\ntype StyledMessageBoxProps = {\n  $isNewChat: boolean;\n  $hasWelcomePrompts: boolean;\n  $showPromptSuggestions: boolean;\n};\n\nconst StyledMessageBox = styled(MessageBox, {\n  shouldForwardProp: prop =>\n    prop !== '$isNewChat' &&\n    prop !== '$hasWelcomePrompts' &&\n    prop !== '$showPromptSuggestions',\n})<StyledMessageBoxProps>(\n  ({ theme, $isNewChat, $hasWelcomePrompts, $showPromptSuggestions }) => ({\n    maxWidth: 'unset !important',\n    [`& .${DEEP_THINKING_CLASS}`]: {\n      animation: `${deepThinkingPulse} 1.6s ease-in-out infinite`,\n    },\n    '& div.pf-chatbot__message--user': {\n      '& div.pf-chatbot__message-text': {\n        '& p': {\n          color: theme.palette.common.white,\n        },\n      },\n    },\n    ...($isNewChat\n      ? {\n          flex: 'none',\n          height: 'auto',\n          overflow: 'visible',\n        }\n      : {\n          flex: 1,\n          minHeight: 0,\n        }),\n    ...($hasWelcomePrompts\n      ? {\n          justifyContent: 'flex-end',\n        }\n      : {}),\n    ...($showPromptSuggestions\n      ? {\n          '& div.pf-chatbot__prompt-suggestions': {\n            flexDirection: 'column !important',\n          },\n        }\n      : {}),\n  }),\n);\n\nconst DisclaimerAlert = styled(Alert)({\n  background: 'unset !important',\n});\n\n// Extended message type that includes tool calls\ninterface ExtendedMessageProps extends MessageProps {\n  toolCalls?: ToolCall[];\n}\n\ntype LightspeedChatBoxProps = {\n  userName?: string;\n  messages: ExtendedMessageProps[];\n  profileLoading: boolean;\n  announcement: string | undefined;\n  topicRestrictionEnabled: boolean;\n  welcomePrompts: WelcomePrompt[];\n  conversationId: string;\n  isStreaming: boolean;\n  displayMode?: ChatbotDisplayMode;\n  /** When true, sources are shown as a compact chip + popover instead of the inline SourcesCard. */\n  showSourcesChipPopover?: boolean;\n};\n\nexport interface ScrollContainerHandle {\n  scrollToBottom: () => void;\n}\n\nexport const LightspeedChatBox = forwardRef(\n  (\n    {\n      userName,\n      messages,\n      announcement,\n      conversationId,\n      profileLoading,\n      welcomePrompts,\n      isStreaming,\n      topicRestrictionEnabled,\n      displayMode,\n      showSourcesChipPopover: showSourcesChipModal = false,\n    }: LightspeedChatBoxProps,\n    ref: ForwardedRef<ScrollContainerHandle | null>,\n  ) => {\n    const scrollQueued = useRef(false);\n    const containerRef = useRef<MessageBoxHandle>(null);\n    const { t } = useTranslation();\n\n    const cmessages = useBufferedMessages(messages, 30);\n    const { autoScroll, scrollToBottom, scrollToTop } =\n      useAutoScroll(containerRef);\n    const conversationMessages = useFeedbackActions(\n      cmessages,\n      conversationId,\n      isStreaming,\n    );\n\n    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    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        setTimeout(() => {\n          container.scrollTo({\n            top: container.scrollHeight,\n            behavior: 'auto',\n          });\n        }, 0);\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 isEmbeddedMode = displayMode === ChatbotDisplayMode.embedded;\n    const isNewChat = welcomePrompts.length > 0 && messages.length === 0;\n    const hasWelcomePrompts = welcomePrompts.length > 0;\n    const showPromptSuggestions = hasWelcomePrompts && !isEmbeddedMode;\n\n    return (\n      <StyledMessageBox\n        $isNewChat={isNewChat}\n        $hasWelcomePrompts={hasWelcomePrompts}\n        $showPromptSuggestions={showPromptSuggestions}\n        announcement={announcement}\n        ref={containerRef}\n        onScrollToTopClick={scrollToTop}\n        onScrollToBottomClick={scrollToBottom}\n        jumpButtonBottomProps={{ 'aria-label': t('aria.scroll.down') }}\n        jumpButtonTopProps={{ 'aria-label': t('aria.scroll.up') }}\n        jumpButtonBottomTooltipProps={{ content: t('tooltip.backToBottom') }}\n        jumpButtonTopTooltipProps={{ content: t('tooltip.backToTop') }}\n      >\n        <div>\n          <DisclaimerAlert title={t('aria.important')} variant=\"info\" isInline>\n            {topicRestrictionEnabled\n              ? t('disclaimer.withValidation')\n              : t('disclaimer.withoutValidation')}\n          </DisclaimerAlert>\n          <br />\n        </div>\n        {welcomePrompts.length ? (\n          <ChatbotWelcomePrompt\n            title={t('chatbox.welcome.greeting' as any, {\n              userName: profileLoading\n                ? t('user.loading')\n                : (userName ?? t('user.guest')),\n            })}\n            description={t('chatbox.welcome.description')}\n            prompts={welcomePrompts}\n            style={{ paddingBottom: '0' }}\n          />\n        ) : (\n          <br />\n        )}\n        {conversationMessages.map((message, index) => {\n          const messageContent = message.content as string;\n          const parsedReasoning = parseReasoning(messageContent || '');\n\n          // Map first tool call to PatternFly's toolCall prop\n          const firstToolCall = message.toolCalls?.[0];\n          const toolCallProp = firstToolCall\n            ? mapToPatternFlyToolCall(firstToolCall, t, message.role)\n            : undefined;\n\n          // Handle additional tool calls (if any) via extraContent\n          const additionalToolCalls = message.toolCalls?.slice(1);\n\n          const extraContentParts: {\n            beforeMainContent?: React.ReactNode;\n            afterMainContent?: React.ReactNode;\n            endContent?: React.ReactNode;\n          } = {};\n\n          let deepThinking: DeepThinkingProps | undefined = undefined;\n\n          if (\n            parsedReasoning.isReasoningInProgress ||\n            parsedReasoning.hasReasoning\n          ) {\n            const reasoningContent = parsedReasoning.reasoning;\n\n            if (reasoningContent) {\n              deepThinking = {\n                cardBodyProps: {\n                  id: `deep-thinking-${index}`,\n                  style: { whiteSpace: 'pre-line' },\n                  className: parsedReasoning.isReasoningInProgress\n                    ? DEEP_THINKING_CLASS\n                    : undefined,\n                },\n                toggleContent: t('reasoning.thinking'),\n                body: reasoningContent,\n                isDefaultExpanded: false,\n              };\n            }\n          }\n\n          const allToolCalls: React.ReactNode[] = [];\n\n          // Add first tool call if it exists\n          if (toolCallProp && firstToolCall) {\n            allToolCalls.push(\n              <div\n                key={`tool-${firstToolCall.id}-${firstToolCall.toolName}`}\n                style={{ marginTop: '8px' }}\n              >\n                <PatternFlyToolCall {...toolCallProp} />\n              </div>,\n            );\n          }\n\n          // Add additional tool calls\n          if (additionalToolCalls && additionalToolCalls.length > 0) {\n            additionalToolCalls.forEach(tc => {\n              const tcProps = mapToPatternFlyToolCall(tc, t, message.role);\n              allToolCalls.push(\n                <div\n                  key={`tool-${tc.id}-${tc.toolName}`}\n                  style={{ marginTop: '8px' }}\n                >\n                  <PatternFlyToolCall {...tcProps} />\n                </div>,\n              );\n            });\n          }\n\n          // Show Thinking first, then tool calls\n          if (deepThinking || allToolCalls.length > 0) {\n            extraContentParts.beforeMainContent = (\n              <>\n                {deepThinking && <DeepThinking {...deepThinking} />}\n                {allToolCalls.length > 0 && (\n                  <div style={{ marginTop: deepThinking ? '8px' : '0' }}>\n                    {allToolCalls}\n                  </div>\n                )}\n              </>\n            );\n          }\n\n          const messageToPrepare =\n            parsedReasoning.hasReasoning ||\n            parsedReasoning.isReasoningInProgress\n              ? { ...message, content: parsedReasoning.mainContent }\n              : message;\n\n          let finalMessage = messageToPrepare;\n\n          if (showSourcesChipModal) {\n            const { sources: messageSources, ...messageWithoutSources } =\n              messageToPrepare;\n\n            if (messageSources?.sources?.length) {\n              extraContentParts.endContent = (\n                <SourcesChipModal sources={messageSources} />\n              );\n            }\n\n            finalMessage = messageWithoutSources;\n          }\n\n          const extraContent =\n            extraContentParts.beforeMainContent ||\n            extraContentParts.afterMainContent ||\n            extraContentParts.endContent\n              ? extraContentParts\n              : undefined;\n\n          return (\n            <Message\n              key={`${message.role}-${index}`}\n              extraContent={extraContent}\n              {...finalMessage}\n            />\n          );\n        })}\n      </StyledMessageBox>\n    );\n  },\n);\n"],"names":["PatternFlyToolCall"],"mappings":"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"}
+{"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 {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { keyframes, styled } from '@mui/material/styles';\nimport {\n  ChatbotDisplayMode,\n  ChatbotWelcomePrompt,\n  DeepThinking,\n  DeepThinkingProps,\n  Message,\n  MessageBox,\n  MessageBoxHandle,\n  MessageProps,\n  ToolCall as PatternFlyToolCall,\n  WelcomePrompt,\n} from '@patternfly/chatbot';\nimport { Alert } from '@patternfly/react-core';\n\nimport { useAutoScroll } from '../hooks/useAutoScroll';\nimport { useBufferedMessages } from '../hooks/useBufferedMessages';\nimport { useFeedbackActions } from '../hooks/useFeedbackActions';\nimport { useTranslation } from '../hooks/useTranslation';\nimport { ToolCall } from '../types';\nimport { parseReasoning } from '../utils/reasoningParser';\nimport { mapToPatternFlyToolCall } from '../utils/toolCallMapper';\nimport { SourcesChipModal } from './SourcesChipModal';\n\nconst DEEP_THINKING_CLASS = 'lightspeed-deep-thinking';\n\nconst deepThinkingPulse = keyframes`\n  0% { opacity: 0.65 }\n  50% { opacity: 1 }\n  100% { opacity: 0.65 }\n`;\n\ntype StyledMessageBoxProps = {\n  $isNewChat: boolean;\n  $hasWelcomePrompts: boolean;\n  $showPromptSuggestions: boolean;\n};\n\nconst StyledMessageBox = styled(MessageBox, {\n  shouldForwardProp: prop =>\n    prop !== '$isNewChat' &&\n    prop !== '$hasWelcomePrompts' &&\n    prop !== '$showPromptSuggestions',\n})<StyledMessageBoxProps>(\n  ({ theme, $isNewChat, $hasWelcomePrompts, $showPromptSuggestions }) => ({\n    maxWidth: 'unset !important',\n    [`& .${DEEP_THINKING_CLASS}`]: {\n      animation: `${deepThinkingPulse} 1.6s ease-in-out infinite`,\n    },\n    '& div.pf-chatbot__message--user': {\n      '& div.pf-chatbot__message-text': {\n        '& p': {\n          color: theme.palette.common.white,\n        },\n      },\n    },\n    ...($isNewChat\n      ? {\n          flex: 'none',\n          height: 'auto !important',\n          overflow: 'visible',\n        }\n      : {\n          flex: 1,\n          minHeight: 0,\n        }),\n    ...($hasWelcomePrompts\n      ? {\n          justifyContent: 'flex-end',\n        }\n      : {}),\n    ...($showPromptSuggestions\n      ? {\n          '& div.pf-chatbot__prompt-suggestions': {\n            flexDirection: 'column !important',\n          },\n        }\n      : {}),\n  }),\n);\n\nconst DisclaimerAlert = styled(Alert)({\n  background: 'unset !important',\n});\n\n// Extended message type that includes tool calls\ninterface ExtendedMessageProps extends MessageProps {\n  toolCalls?: ToolCall[];\n}\n\ntype LightspeedChatBoxProps = {\n  userName?: string;\n  messages: ExtendedMessageProps[];\n  profileLoading: boolean;\n  announcement: string | undefined;\n  topicRestrictionEnabled: boolean;\n  welcomePrompts: WelcomePrompt[];\n  conversationId: string;\n  isStreaming: boolean;\n  displayMode?: ChatbotDisplayMode;\n  /** When true, sources are shown as a compact chip + popover instead of the inline SourcesCard. */\n  showSourcesChipPopover?: boolean;\n};\n\nexport interface ScrollContainerHandle {\n  scrollToBottom: () => void;\n}\n\nexport const LightspeedChatBox = forwardRef(\n  (\n    {\n      userName,\n      messages,\n      announcement,\n      conversationId,\n      profileLoading,\n      welcomePrompts,\n      isStreaming,\n      displayMode,\n      showSourcesChipPopover: showSourcesChipModal = false,\n    }: LightspeedChatBoxProps,\n    ref: ForwardedRef<ScrollContainerHandle | null>,\n  ) => {\n    const scrollQueued = useRef(false);\n    const containerRef = useRef<MessageBoxHandle>(null);\n    const { t } = useTranslation();\n\n    const cmessages = useBufferedMessages(messages, 30);\n    const { autoScroll, scrollToBottom, scrollToTop } =\n      useAutoScroll(containerRef);\n    const conversationMessages = useFeedbackActions(\n      cmessages,\n      conversationId,\n      isStreaming,\n    );\n\n    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    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        setTimeout(() => {\n          container.scrollTo({\n            top: container.scrollHeight,\n            behavior: 'auto',\n          });\n        }, 0);\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 isEmbeddedMode = displayMode === ChatbotDisplayMode.embedded;\n    const isNewChat = welcomePrompts.length > 0 && messages.length === 0;\n    const hasWelcomePrompts = welcomePrompts.length > 0;\n    const showPromptSuggestions = hasWelcomePrompts && !isEmbeddedMode;\n\n    return (\n      <StyledMessageBox\n        $isNewChat={isNewChat}\n        $hasWelcomePrompts={hasWelcomePrompts}\n        $showPromptSuggestions={showPromptSuggestions}\n        announcement={announcement}\n        ref={containerRef}\n        onScrollToTopClick={scrollToTop}\n        onScrollToBottomClick={scrollToBottom}\n        jumpButtonBottomProps={{ 'aria-label': t('aria.scroll.down') }}\n        jumpButtonTopProps={{ 'aria-label': t('aria.scroll.up') }}\n        jumpButtonBottomTooltipProps={{ content: t('tooltip.backToBottom') }}\n        jumpButtonTopTooltipProps={{ content: t('tooltip.backToTop') }}\n      >\n        <div>\n          <DisclaimerAlert title={t('aria.important')} variant=\"info\" isInline>\n            {t('disclaimer')}\n          </DisclaimerAlert>\n          <br />\n        </div>\n        {welcomePrompts.length ? (\n          <ChatbotWelcomePrompt\n            title={t('chatbox.welcome.greeting' as any, {\n              userName: profileLoading\n                ? t('user.loading')\n                : (userName ?? t('user.guest')),\n            })}\n            description={t('chatbox.welcome.description')}\n            prompts={welcomePrompts}\n            style={{ paddingBottom: '0' }}\n          />\n        ) : (\n          <br />\n        )}\n        {conversationMessages.map((message, index) => {\n          const messageContent = message.content as string;\n          const parsedReasoning = parseReasoning(messageContent || '');\n\n          // Map first tool call to PatternFly's toolCall prop\n          const firstToolCall = message.toolCalls?.[0];\n          const toolCallProp = firstToolCall\n            ? mapToPatternFlyToolCall(firstToolCall, t, message.role)\n            : undefined;\n\n          // Handle additional tool calls (if any) via extraContent\n          const additionalToolCalls = message.toolCalls?.slice(1);\n\n          const extraContentParts: {\n            beforeMainContent?: React.ReactNode;\n            afterMainContent?: React.ReactNode;\n            endContent?: React.ReactNode;\n          } = {};\n\n          let deepThinking: DeepThinkingProps | undefined = undefined;\n\n          if (\n            parsedReasoning.isReasoningInProgress ||\n            parsedReasoning.hasReasoning\n          ) {\n            const reasoningContent = parsedReasoning.reasoning;\n\n            if (reasoningContent) {\n              deepThinking = {\n                cardBodyProps: {\n                  id: `deep-thinking-${index}`,\n                  style: { whiteSpace: 'pre-line' },\n                  className: parsedReasoning.isReasoningInProgress\n                    ? DEEP_THINKING_CLASS\n                    : undefined,\n                },\n                toggleContent: t('reasoning.thinking'),\n                body: reasoningContent,\n                isDefaultExpanded: false,\n              };\n            }\n          }\n\n          const allToolCalls: React.ReactNode[] = [];\n\n          // Add first tool call if it exists\n          if (toolCallProp && firstToolCall) {\n            allToolCalls.push(\n              <div\n                key={`tool-${firstToolCall.id}-${firstToolCall.toolName}`}\n                style={{ marginTop: '8px' }}\n              >\n                <PatternFlyToolCall {...toolCallProp} />\n              </div>,\n            );\n          }\n\n          // Add additional tool calls\n          if (additionalToolCalls && additionalToolCalls.length > 0) {\n            additionalToolCalls.forEach(tc => {\n              const tcProps = mapToPatternFlyToolCall(tc, t, message.role);\n              allToolCalls.push(\n                <div\n                  key={`tool-${tc.id}-${tc.toolName}`}\n                  style={{ marginTop: '8px' }}\n                >\n                  <PatternFlyToolCall {...tcProps} />\n                </div>,\n              );\n            });\n          }\n\n          // Show Thinking first, then tool calls\n          if (deepThinking || allToolCalls.length > 0) {\n            extraContentParts.beforeMainContent = (\n              <>\n                {deepThinking && <DeepThinking {...deepThinking} />}\n                {allToolCalls.length > 0 && (\n                  <div style={{ marginTop: deepThinking ? '8px' : '0' }}>\n                    {allToolCalls}\n                  </div>\n                )}\n              </>\n            );\n          }\n\n          const messageToPrepare =\n            parsedReasoning.hasReasoning ||\n            parsedReasoning.isReasoningInProgress\n              ? { ...message, content: parsedReasoning.mainContent }\n              : message;\n\n          let finalMessage = messageToPrepare;\n\n          if (showSourcesChipModal) {\n            const { sources: messageSources, ...messageWithoutSources } =\n              messageToPrepare;\n\n            if (messageSources?.sources?.length) {\n              extraContentParts.endContent = (\n                <SourcesChipModal sources={messageSources} />\n              );\n            }\n\n            finalMessage = messageWithoutSources;\n          }\n\n          const extraContent =\n            extraContentParts.beforeMainContent ||\n            extraContentParts.afterMainContent ||\n            extraContentParts.endContent\n              ? extraContentParts\n              : undefined;\n\n          return (\n            <Message\n              key={`${message.role}-${index}`}\n              extraContent={extraContent}\n              {...finalMessage}\n            />\n          );\n        })}\n      </StyledMessageBox>\n    );\n  },\n);\n"],"names":["PatternFlyToolCall"],"mappings":"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"}

package/dist/components/LightspeedChatBoxHeader.esm.js

@@ -1,36 +1,37 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { makeStyles, createStyles } from '@material-ui/core';
 import ToggleOffOutlinedIcon from '@mui/icons-material/ToggleOffOutlined';
 import ToggleOnOutlinedIcon from '@mui/icons-material/ToggleOnOutlined';
 import Divider from '@mui/material/Divider';
-import { ChatbotDisplayMode, ChatbotHeaderActions, ChatbotHeaderOptionsDropdown } from '@patternfly/chatbot';
-import { Dropdown, DropdownList, DropdownGroup, DropdownItem, Label, MenuToggle } from '@patternfly/react-core';
-import { OutlinedWindowRestoreIcon, OpenDrawerRightIcon, ExpandIcon } from '@patternfly/react-icons';
+import { styled } from '@mui/material/styles';
+import { ChatbotHeaderOptionsDropdown, ChatbotDisplayMode, ChatbotHeaderActions } from '@patternfly/chatbot';
+import { Dropdown, MenuToggle, DropdownGroup, DropdownList, DropdownItem, Label, Icon } from '@patternfly/react-core';
+import { OutlinedWindowRestoreIcon, OpenDrawerRightIcon, ExpandIcon, RhUiEllipsisVerticalFillIcon } from '@patternfly/react-icons';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
 import { McpSettingsIcon } from './McpSettingsIcon.esm.js';
 
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    dropdown: {
-      "& ul, & li": {
-        padding: 0,
-        margin: 0
-      }
-    },
-    header: {
-      backgroundColor: theme.palette.action.disabled
-    },
-    optionsToggle: {
-      "& svg": {
-        transform: "none !important"
-      }
-    },
-    groupTitle: {
-      fontWeight: "bold"
-    }
-  })
-);
+const StyledDropdown = styled(Dropdown)({
+  "& ul, & li": {
+    padding: 0,
+    margin: 0
+  }
+});
+const StyledOptionsDropdown = styled(ChatbotHeaderOptionsDropdown)({
+  "& ul, & li": {
+    padding: 0,
+    margin: 0
+  }
+});
+const SelectorToggle = styled(MenuToggle, {
+  shouldForwardProp: (prop) => prop !== "dimmed"
+})(({ theme, dimmed }) => ({
+  ...dimmed && {
+    backgroundColor: theme.palette.action.disabled
+  }
+}));
+const StyledDropdownGroup = styled(DropdownGroup)({
+  fontWeight: "bold"
+});
 const LightspeedChatBoxHeader = ({
   selectedModel,
   displayMode,
@@ -46,7 +47,6 @@ const LightspeedChatBoxHeader = ({
 }) => {
   const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState(false);
   const { t } = useTranslation();
-  const styles = useStyles();
   const maxLabelLength = Math.max(
     ...models.map((m) => m.label.length),
     selectedModel.length,
@@ -54,9 +54,9 @@ const LightspeedChatBoxHeader = ({
   );
   const toggleMinWidth = `${maxLabelLength + 4}ch`;
   const toggle = (toggleRef) => /* @__PURE__ */ jsx(
-    MenuToggle,
+    SelectorToggle,
     {
-      className: isModelSelectorDisabled ? styles.header : "",
+      dimmed: isModelSelectorDisabled,
       variant: "secondary",
       "aria-label": t("aria.chatbotSelector"),
       ref: toggleRef,
@@ -84,9 +84,8 @@ const LightspeedChatBoxHeader = ({
   const isModelDropdownScrollable = models.length > scrollThreshold;
   return /* @__PURE__ */ jsxs(ChatbotHeaderActions, { children: [
     !hideModelSelector && /* @__PURE__ */ jsx(
-      Dropdown,
+      StyledDropdown,
       {
-        className: styles.dropdown,
         isOpen: isOptionsMenuOpen,
         onSelect: (_e, value) => {
           handleSelectedModel(value);
@@ -99,7 +98,7 @@ const LightspeedChatBoxHeader = ({
         toggle,
         isScrollable: isModelDropdownScrollable,
         maxMenuHeight: isModelDropdownScrollable ? "240px" : void 0,
-        children: /* @__PURE__ */ jsx(DropdownList, { children: models.map((model) => /* @__PURE__ */ jsx(DropdownGroup, { className: styles.groupTitle, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(DropdownList, { children: models.map((model) => /* @__PURE__ */ jsx(StyledDropdownGroup, { children: /* @__PURE__ */ jsx(
           DropdownItem,
           {
             value: model.value,
@@ -111,14 +110,19 @@ const LightspeedChatBoxHeader = ({
       }
     ),
     /* @__PURE__ */ jsxs(
-      ChatbotHeaderOptionsDropdown,
+      StyledOptionsDropdown,
       {
-        className: styles.dropdown,
         isCompact: true,
         shouldFocusFirstItemOnOpen: false,
+        popperProps: {
+          position: "right",
+          preventOverflow: true,
+          appendTo: () => document.body
+        },
         toggleProps: {
           "aria-label": t("aria.options.label"),
-          className: styles.optionsToggle
+          className: "pf-chatbot__button--toggle-options pf-m-compact",
+          icon: /* @__PURE__ */ jsx(Icon, { size: "lg", isInline: true, children: /* @__PURE__ */ jsx(RhUiEllipsisVerticalFillIcon, {}) })
         },
         tooltipProps: {
           trigger: "manual",

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

@@ -1 +1 @@
-{"version":3,"file":"LightspeedChatBoxHeader.esm.js","sources":["../../src/components/LightspeedChatBoxHeader.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 { Ref, useState } from 'react';\n\nimport { createStyles, makeStyles } from '@material-ui/core';\nimport ToggleOffOutlinedIcon from '@mui/icons-material/ToggleOffOutlined';\nimport ToggleOnOutlinedIcon from '@mui/icons-material/ToggleOnOutlined';\nimport Divider from '@mui/material/Divider';\nimport {\n  ChatbotDisplayMode,\n  ChatbotHeaderActions,\n  ChatbotHeaderOptionsDropdown,\n} from '@patternfly/chatbot';\nimport {\n  Dropdown,\n  DropdownGroup,\n  DropdownItem,\n  DropdownList,\n  Label,\n  MenuToggle,\n  MenuToggleElement,\n} from '@patternfly/react-core';\nimport {\n  ExpandIcon,\n  OpenDrawerRightIcon,\n  OutlinedWindowRestoreIcon,\n} from '@patternfly/react-icons';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { McpSettingsIcon } from './McpSettingsIcon';\n\ntype LightspeedChatBoxHeaderProps = {\n  displayMode: ChatbotDisplayMode;\n  selectedModel: string;\n  handleSelectedModel: (item: string) => void;\n  models: { label: string; value: string; provider: string }[];\n  isPinningChatsEnabled: boolean;\n  onPinnedChatsToggle: (state: boolean) => void;\n  onMcpSettingsClick: () => void;\n  isModelSelectorDisabled?: boolean;\n  hideModelSelector?: boolean;\n  /** When false, omits pinned-chats and MCP entries (Chat tab only). */\n  showChatTabOptions?: boolean;\n  setDisplayMode: (mode: ChatbotDisplayMode) => void;\n};\n\nconst useStyles = makeStyles(theme =>\n  createStyles({\n    dropdown: {\n      '& ul, & li': {\n        padding: 0,\n        margin: 0,\n      },\n    },\n    header: {\n      backgroundColor: theme.palette.action.disabled,\n    },\n    optionsToggle: {\n      '& svg': {\n        transform: 'none !important',\n      },\n    },\n    groupTitle: {\n      fontWeight: 'bold',\n    },\n  }),\n);\n\nexport const LightspeedChatBoxHeader = ({\n  selectedModel,\n  displayMode,\n  handleSelectedModel,\n  models,\n  isPinningChatsEnabled,\n  onPinnedChatsToggle,\n  onMcpSettingsClick,\n  isModelSelectorDisabled = false,\n  hideModelSelector = false,\n  showChatTabOptions = true,\n  setDisplayMode,\n}: LightspeedChatBoxHeaderProps) => {\n  const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState(false);\n  const { t } = useTranslation();\n\n  const styles = useStyles();\n\n  const maxLabelLength = Math.max(\n    ...models.map(m => m.label.length),\n    selectedModel.length,\n    1,\n  );\n  const toggleMinWidth = `${maxLabelLength + 4}ch`;\n\n  const toggle = (toggleRef: Ref<MenuToggleElement>) => (\n    <MenuToggle\n      className={isModelSelectorDisabled ? styles.header : ''}\n      variant=\"secondary\"\n      aria-label={t('aria.chatbotSelector')}\n      ref={toggleRef}\n      isExpanded={isOptionsMenuOpen}\n      isDisabled={isModelSelectorDisabled}\n      onClick={() => setIsOptionsMenuOpen(!isOptionsMenuOpen)}\n      style={{ minWidth: toggleMinWidth }}\n    >\n      {selectedModel}\n    </MenuToggle>\n  );\n\n  const handlePinningChatsToggle = (state: boolean) => {\n    onPinnedChatsToggle(state);\n  };\n\n  const handleDockedToWindow = () => {\n    setDisplayMode(ChatbotDisplayMode.docked);\n  };\n\n  const handleFullscreen = () => {\n    setDisplayMode(ChatbotDisplayMode.embedded);\n  };\n\n  const handleOverlay = () => {\n    setDisplayMode(ChatbotDisplayMode.default);\n  };\n\n  const isOverlayMode = displayMode === ChatbotDisplayMode.default;\n  const scrollThreshold = isOverlayMode ? 8 : 10;\n  const isModelDropdownScrollable = models.length > scrollThreshold;\n\n  return (\n    <ChatbotHeaderActions>\n      {!hideModelSelector && (\n        <Dropdown\n          className={styles.dropdown}\n          isOpen={isOptionsMenuOpen}\n          onSelect={(_e, value) => {\n            handleSelectedModel(value as string);\n            setIsOptionsMenuOpen(false);\n          }}\n          onOpenChange={isOpen => setIsOptionsMenuOpen(isOpen)}\n          popperProps={{ position: 'right' }}\n          shouldFocusToggleOnSelect\n          shouldFocusFirstItemOnOpen={false}\n          toggle={toggle}\n          isScrollable={isModelDropdownScrollable}\n          maxMenuHeight={isModelDropdownScrollable ? '240px' : undefined}\n        >\n          <DropdownList>\n            {models.map(model => (\n              <DropdownGroup className={styles.groupTitle} key={model.label}>\n                <DropdownItem\n                  value={model.value}\n                  key={model.value}\n                  isSelected={selectedModel === model.value}\n                >\n                  {model.label}\n                </DropdownItem>\n              </DropdownGroup>\n            ))}\n          </DropdownList>\n        </Dropdown>\n      )}\n      <ChatbotHeaderOptionsDropdown\n        className={styles.dropdown}\n        isCompact\n        shouldFocusFirstItemOnOpen={false}\n        toggleProps={{\n          'aria-label': t('aria.options.label'),\n          className: styles.optionsToggle,\n        }}\n        tooltipProps={{\n          trigger: 'manual',\n          content: '',\n        }}\n      >\n        <DropdownGroup>\n          <DropdownList>\n            <DropdownItem key=\"displayModeLabel\" isDisabled>\n              {t('settings.displayMode.label')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.default}\n              key=\"switchDisplayOverlay\"\n              icon={<OutlinedWindowRestoreIcon />}\n              onClick={handleOverlay}\n              isSelected={displayMode === ChatbotDisplayMode.default}\n            >\n              {t('settings.displayMode.overlay')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.docked}\n              key=\"switchDisplayDock\"\n              icon={<OpenDrawerRightIcon />}\n              onClick={handleDockedToWindow}\n              isSelected={displayMode === ChatbotDisplayMode.docked}\n            >\n              {t('settings.displayMode.docked')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.embedded}\n              key=\"switchDisplayFullscreen\"\n              icon={<ExpandIcon />}\n              onClick={handleFullscreen}\n              isSelected={displayMode === ChatbotDisplayMode.embedded}\n            >\n              {t('settings.displayMode.fullscreen')}\n            </DropdownItem>\n          </DropdownList>\n        </DropdownGroup>\n        {showChatTabOptions && (\n          <>\n            <Divider />\n            <DropdownGroup>\n              <DropdownList>\n                {isPinningChatsEnabled ? (\n                  <DropdownItem\n                    value=\"disablePinningChats\"\n                    key=\"disablePinningChat\"\n                    icon={<ToggleOnOutlinedIcon sx={{ marginTop: '8px' }} />}\n                    description={t('settings.pinned.enabled.description')}\n                    onClick={() => handlePinningChatsToggle(false)}\n                  >\n                    {t('settings.pinned.disable')}\n                  </DropdownItem>\n                ) : (\n                  <DropdownItem\n                    value=\"enablePinningChats\"\n                    key=\"enablePinningChats\"\n                    icon={<ToggleOffOutlinedIcon sx={{ marginTop: '8px' }} />}\n                    description={t('settings.pinned.disabled.description')}\n                    onClick={() => handlePinningChatsToggle(true)}\n                  >\n                    {t('settings.pinned.enable')}\n                  </DropdownItem>\n                )}\n                <DropdownItem\n                  value=\"mcpSettings\"\n                  key=\"mcpSettings\"\n                  icon={<McpSettingsIcon />}\n                  onClick={onMcpSettingsClick}\n                >\n                  {t('settings.mcp.label')}\n                  <Label color=\"purple\" isCompact style={{ marginLeft: 8 }}>\n                    {t('settings.mcp.badge')}\n                  </Label>\n                </DropdownItem>\n              </DropdownList>\n            </DropdownGroup>\n          </>\n        )}\n      </ChatbotHeaderOptionsDropdown>\n    </ChatbotHeaderActions>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LightspeedChatBoxHeader.esm.js","sources":["../../src/components/LightspeedChatBoxHeader.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 { Ref, useState } from 'react';\n\nimport ToggleOffOutlinedIcon from '@mui/icons-material/ToggleOffOutlined';\nimport ToggleOnOutlinedIcon from '@mui/icons-material/ToggleOnOutlined';\nimport Divider from '@mui/material/Divider';\nimport { styled } from '@mui/material/styles';\nimport {\n  ChatbotDisplayMode,\n  ChatbotHeaderActions,\n  ChatbotHeaderOptionsDropdown,\n} from '@patternfly/chatbot';\nimport {\n  Dropdown,\n  DropdownGroup,\n  DropdownItem,\n  DropdownList,\n  Icon,\n  Label,\n  MenuToggle,\n  MenuToggleElement,\n} from '@patternfly/react-core';\nimport {\n  ExpandIcon,\n  OpenDrawerRightIcon,\n  OutlinedWindowRestoreIcon,\n  RhUiEllipsisVerticalFillIcon,\n} from '@patternfly/react-icons';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { McpSettingsIcon } from './McpSettingsIcon';\n\ntype LightspeedChatBoxHeaderProps = {\n  displayMode: ChatbotDisplayMode;\n  selectedModel: string;\n  handleSelectedModel: (item: string) => void;\n  models: { label: string; value: string; provider: string }[];\n  isPinningChatsEnabled: boolean;\n  onPinnedChatsToggle: (state: boolean) => void;\n  onMcpSettingsClick: () => void;\n  isModelSelectorDisabled?: boolean;\n  hideModelSelector?: boolean;\n  /** When false, omits pinned-chats and MCP entries (Chat tab only). */\n  showChatTabOptions?: boolean;\n  setDisplayMode: (mode: ChatbotDisplayMode) => void;\n};\n\nconst StyledDropdown = styled(Dropdown)({\n  '& ul, & li': {\n    padding: 0,\n    margin: 0,\n  },\n});\n\nconst StyledOptionsDropdown = styled(ChatbotHeaderOptionsDropdown)({\n  '& ul, & li': {\n    padding: 0,\n    margin: 0,\n  },\n});\n\nconst SelectorToggle = styled(MenuToggle, {\n  shouldForwardProp: prop => prop !== 'dimmed',\n})<{ dimmed?: boolean }>(({ theme, dimmed }) => ({\n  ...(dimmed && {\n    backgroundColor: theme.palette.action.disabled,\n  }),\n}));\n\nconst StyledDropdownGroup = styled(DropdownGroup)({\n  fontWeight: 'bold',\n});\n\nexport const LightspeedChatBoxHeader = ({\n  selectedModel,\n  displayMode,\n  handleSelectedModel,\n  models,\n  isPinningChatsEnabled,\n  onPinnedChatsToggle,\n  onMcpSettingsClick,\n  isModelSelectorDisabled = false,\n  hideModelSelector = false,\n  showChatTabOptions = true,\n  setDisplayMode,\n}: LightspeedChatBoxHeaderProps) => {\n  const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState(false);\n  const { t } = useTranslation();\n\n  const maxLabelLength = Math.max(\n    ...models.map(m => m.label.length),\n    selectedModel.length,\n    1,\n  );\n  const toggleMinWidth = `${maxLabelLength + 4}ch`;\n\n  const toggle = (toggleRef: Ref<MenuToggleElement>) => (\n    <SelectorToggle\n      dimmed={isModelSelectorDisabled}\n      variant=\"secondary\"\n      aria-label={t('aria.chatbotSelector')}\n      ref={toggleRef}\n      isExpanded={isOptionsMenuOpen}\n      isDisabled={isModelSelectorDisabled}\n      onClick={() => setIsOptionsMenuOpen(!isOptionsMenuOpen)}\n      style={{ minWidth: toggleMinWidth }}\n    >\n      {selectedModel}\n    </SelectorToggle>\n  );\n\n  const handlePinningChatsToggle = (state: boolean) => {\n    onPinnedChatsToggle(state);\n  };\n\n  const handleDockedToWindow = () => {\n    setDisplayMode(ChatbotDisplayMode.docked);\n  };\n\n  const handleFullscreen = () => {\n    setDisplayMode(ChatbotDisplayMode.embedded);\n  };\n\n  const handleOverlay = () => {\n    setDisplayMode(ChatbotDisplayMode.default);\n  };\n\n  const isOverlayMode = displayMode === ChatbotDisplayMode.default;\n  const scrollThreshold = isOverlayMode ? 8 : 10;\n  const isModelDropdownScrollable = models.length > scrollThreshold;\n\n  return (\n    <ChatbotHeaderActions>\n      {!hideModelSelector && (\n        <StyledDropdown\n          isOpen={isOptionsMenuOpen}\n          onSelect={(_e, value) => {\n            handleSelectedModel(value as string);\n            setIsOptionsMenuOpen(false);\n          }}\n          onOpenChange={isOpen => setIsOptionsMenuOpen(isOpen)}\n          popperProps={{ position: 'right' }}\n          shouldFocusToggleOnSelect\n          shouldFocusFirstItemOnOpen={false}\n          toggle={toggle}\n          isScrollable={isModelDropdownScrollable}\n          maxMenuHeight={isModelDropdownScrollable ? '240px' : undefined}\n        >\n          <DropdownList>\n            {models.map(model => (\n              <StyledDropdownGroup key={model.label}>\n                <DropdownItem\n                  value={model.value}\n                  key={model.value}\n                  isSelected={selectedModel === model.value}\n                >\n                  {model.label}\n                </DropdownItem>\n              </StyledDropdownGroup>\n            ))}\n          </DropdownList>\n        </StyledDropdown>\n      )}\n      <StyledOptionsDropdown\n        isCompact\n        shouldFocusFirstItemOnOpen={false}\n        popperProps={{\n          position: 'right',\n          preventOverflow: true,\n          appendTo: () => document.body,\n        }}\n        toggleProps={{\n          'aria-label': t('aria.options.label'),\n          className: 'pf-chatbot__button--toggle-options pf-m-compact',\n          icon: (\n            <Icon size=\"lg\" isInline>\n              <RhUiEllipsisVerticalFillIcon />\n            </Icon>\n          ),\n        }}\n        tooltipProps={{\n          trigger: 'manual',\n          content: '',\n        }}\n      >\n        <DropdownGroup>\n          <DropdownList>\n            <DropdownItem key=\"displayModeLabel\" isDisabled>\n              {t('settings.displayMode.label')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.default}\n              key=\"switchDisplayOverlay\"\n              icon={<OutlinedWindowRestoreIcon />}\n              onClick={handleOverlay}\n              isSelected={displayMode === ChatbotDisplayMode.default}\n            >\n              {t('settings.displayMode.overlay')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.docked}\n              key=\"switchDisplayDock\"\n              icon={<OpenDrawerRightIcon />}\n              onClick={handleDockedToWindow}\n              isSelected={displayMode === ChatbotDisplayMode.docked}\n            >\n              {t('settings.displayMode.docked')}\n            </DropdownItem>\n            <DropdownItem\n              value={ChatbotDisplayMode.embedded}\n              key=\"switchDisplayFullscreen\"\n              icon={<ExpandIcon />}\n              onClick={handleFullscreen}\n              isSelected={displayMode === ChatbotDisplayMode.embedded}\n            >\n              {t('settings.displayMode.fullscreen')}\n            </DropdownItem>\n          </DropdownList>\n        </DropdownGroup>\n        {showChatTabOptions && (\n          <>\n            <Divider />\n            <DropdownGroup>\n              <DropdownList>\n                {isPinningChatsEnabled ? (\n                  <DropdownItem\n                    value=\"disablePinningChats\"\n                    key=\"disablePinningChat\"\n                    icon={<ToggleOnOutlinedIcon sx={{ marginTop: '8px' }} />}\n                    description={t('settings.pinned.enabled.description')}\n                    onClick={() => handlePinningChatsToggle(false)}\n                  >\n                    {t('settings.pinned.disable')}\n                  </DropdownItem>\n                ) : (\n                  <DropdownItem\n                    value=\"enablePinningChats\"\n                    key=\"enablePinningChats\"\n                    icon={<ToggleOffOutlinedIcon sx={{ marginTop: '8px' }} />}\n                    description={t('settings.pinned.disabled.description')}\n                    onClick={() => handlePinningChatsToggle(true)}\n                  >\n                    {t('settings.pinned.enable')}\n                  </DropdownItem>\n                )}\n                <DropdownItem\n                  value=\"mcpSettings\"\n                  key=\"mcpSettings\"\n                  icon={<McpSettingsIcon />}\n                  onClick={onMcpSettingsClick}\n                >\n                  {t('settings.mcp.label')}\n                  <Label color=\"purple\" isCompact style={{ marginLeft: 8 }}>\n                    {t('settings.mcp.badge')}\n                  </Label>\n                </DropdownItem>\n              </DropdownList>\n            </DropdownGroup>\n          </>\n        )}\n      </StyledOptionsDropdown>\n    </ChatbotHeaderActions>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LightspeedChatContainer.esm.js

@@ -4,16 +4,14 @@ import '@patternfly/chatbot/dist/css/main.css';
 import { useState, useMemo, useLayoutEffect, useEffect } from 'react';
 import { useAsync } from 'react-use';
 import { useApi, identityApiRef } from '@backstage/core-plugin-api';
-import { Button } from '@material-ui/core';
-import { StylesProvider as StylesProvider$1, useTheme } from '@material-ui/core/styles';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
-import { StylesProvider } from '@mui/styles';
+import Button from '@mui/material/Button';
+import { useTheme } from '@mui/material/styles';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { useAllModels } from '../hooks/useAllModels.esm.js';
 import { useLightspeedViewPermission } from '../hooks/useLightspeedViewPermission.esm.js';
 import { useTopicRestrictionStatus } from '../hooks/useQuestionValidation.esm.js';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
-import { generateClassName, generateClassNameV4 } from '../utils/generateClassName.esm.js';
 import queryClient from '../utils/queryClient.esm.js';
 import FileAttachmentContextProvider from './AttachmentContext.esm.js';
 import { LightspeedChat } from './LightSpeedChat.esm.js';
@@ -25,7 +23,7 @@ const THEME_DARK_CLASS = "pf-v6-theme-dark";
 const LAST_SELECTED_MODEL_KEY = "lastSelectedModel";
 const LightspeedChatContainerInner = () => {
   const {
-    palette: { type }
+    palette: { mode }
   } = useTheme();
   const { t } = useTranslation();
   const identityApi = useApi(identityApiRef);
@@ -56,12 +54,12 @@ const LightspeedChatContainerInner = () => {
   );
   useLayoutEffect(() => {
     const htmlTagElement = document.documentElement;
-    if (type === THEME_DARK) {
+    if (mode === THEME_DARK) {
       htmlTagElement.classList.add(THEME_DARK_CLASS);
     } else {
       htmlTagElement.classList.remove(THEME_DARK_CLASS);
     }
-  }, [type]);
+  }, [mode]);
   useEffect(() => {
     if (modelsItems.length > 0) {
       try {
@@ -158,7 +156,7 @@ const LightspeedChatContainerInner = () => {
   ) });
 };
 const LightspeedChatContainer = () => {
-  return /* @__PURE__ */ jsx(StylesProvider, { generateClassName, children: /* @__PURE__ */ jsx(StylesProvider$1, { generateClassName: generateClassNameV4, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(LightspeedChatContainerInner, {}) }) }) });
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(LightspeedChatContainerInner, {}) });
 };
 
 export { LightspeedChatContainer };

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

@@ -1 +1 @@
-{"version":3,"file":"LightspeedChatContainer.esm.js","sources":["../../src/components/LightspeedChatContainer.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 '@patternfly/react-core/dist/styles/base-no-reset.css';\nimport '@patternfly/chatbot/dist/css/main.css';\n\nimport { useEffect, useLayoutEffect, useMemo, useState } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { Button } from '@material-ui/core';\nimport {\n  StylesProvider as StylesProviderV4,\n  useTheme,\n} from '@material-ui/core/styles';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { StylesProvider } from '@mui/styles';\nimport { QueryClientProvider } from '@tanstack/react-query';\n\nimport { useAllModels } from '../hooks/useAllModels';\nimport { useLightspeedViewPermission } from '../hooks/useLightspeedViewPermission';\nimport { useTopicRestrictionStatus } from '../hooks/useQuestionValidation';\nimport { useTranslation } from '../hooks/useTranslation';\nimport {\n  generateClassName,\n  generateClassNameV4,\n} from '../utils/generateClassName';\nimport queryClient from '../utils/queryClient';\nimport FileAttachmentContextProvider from './AttachmentContext';\nimport { LightspeedChat } from './LightSpeedChat';\nimport {\n  LcoreNotConfiguredEmptyState,\n  LightspeedChatModelsLoading,\n  ModelsLoadErrorEmptyState,\n} from './LightspeedChatModelsState';\nimport PermissionRequiredState from './PermissionRequiredState';\n\nconst THEME_DARK = 'dark';\nconst THEME_DARK_CLASS = 'pf-v6-theme-dark';\nconst LAST_SELECTED_MODEL_KEY = 'lastSelectedModel';\n\n/**\n * Inner component that contains all the Lightspeed chat rendering logic\n */\nconst LightspeedChatContainerInner = () => {\n  const {\n    palette: { type },\n  } = useTheme();\n  const { t } = useTranslation();\n\n  const identityApi = useApi(identityApiRef);\n\n  const {\n    data: models,\n    isLoading: modelsLoading,\n    isError: modelsError,\n    refetch: refetchModels,\n  } = useAllModels();\n\n  const {\n    allowed: hasViewAccess,\n    loading,\n    iaChatPermissionName,\n  } = useLightspeedViewPermission();\n\n  const { value: profile, loading: profileLoading } = useAsync(\n    async () => await identityApi.getProfileInfo(),\n  );\n\n  const [selectedModel, setSelectedModel] = useState('');\n  const [selectedProvider, setSelectedProvider] = useState('');\n\n  const { data: topicRestrictionEnabled } = useTopicRestrictionStatus();\n\n  const modelsItems = useMemo(\n    () =>\n      models\n        ? models\n            .filter(model => model.model_type === 'llm')\n            .map(m => ({\n              label: m.provider_resource_id,\n              value: m.provider_resource_id,\n              provider: m.provider_id,\n            }))\n        : [],\n    [models],\n  );\n\n  useLayoutEffect(() => {\n    const htmlTagElement = document.documentElement;\n    if (type === THEME_DARK) {\n      htmlTagElement.classList.add(THEME_DARK_CLASS);\n    } else {\n      htmlTagElement.classList.remove(THEME_DARK_CLASS);\n    }\n  }, [type]);\n\n  // Load last selected model from localStorage\n  useEffect(() => {\n    if (modelsItems.length > 0) {\n      try {\n        const storedData = localStorage.getItem(LAST_SELECTED_MODEL_KEY);\n        const parsedData = storedData ? JSON.parse(storedData) : null;\n\n        const storedModel = parsedData?.model\n          ? modelsItems.find(m => m.value === parsedData.model)\n          : null;\n\n        if (storedModel) {\n          setSelectedModel(storedModel.value);\n          setSelectedProvider(storedModel.provider);\n        } else {\n          setSelectedModel(modelsItems[0].value);\n          setSelectedProvider(modelsItems[0].provider);\n        }\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\n          'Error loading last selected model from localStorage:',\n          error,\n        );\n        setSelectedModel(modelsItems[0].value);\n        setSelectedProvider(modelsItems[0].provider);\n      }\n    }\n  }, [modelsItems]);\n\n  // Save selected model to localStorage\n  useEffect(() => {\n    if (selectedModel && selectedProvider) {\n      try {\n        localStorage.setItem(\n          LAST_SELECTED_MODEL_KEY,\n          JSON.stringify({\n            model: selectedModel,\n            provider: selectedProvider,\n          }),\n        );\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\n          'Error saving last selected model to localStorage:',\n          error,\n        );\n      }\n    }\n  }, [selectedModel, selectedProvider]);\n\n  if (loading) {\n    // Never return null inside the overlay modal: PatternFly's focus-trap requires at least\n    // one tabbable node (e.g. after removing the modal close button). Locale switches can\n    // briefly re-enter this loading state.\n    return <LightspeedChatModelsLoading />;\n  }\n\n  if (!hasViewAccess) {\n    return (\n      <PermissionRequiredState\n        subject={t('permission.subject.plugin')}\n        permissions={[iaChatPermissionName]}\n        action={\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            target=\"_blank\"\n            href=\"https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/intelligent-assistant/plugins/intelligent-assistant/README.md#permission-framework-support\"\n          >\n            {t('common.readMore')} &nbsp; <OpenInNewIcon />\n          </Button>\n        }\n      />\n    );\n  }\n\n  if (modelsLoading) {\n    return <LightspeedChatModelsLoading />;\n  }\n\n  // TanStack Query can keep the last successful `data` while `isError` is true after a\n  // failed refetch. Prefer showing chat when we still have LLM rows; only use the full-page\n  // error state when there is nothing usable to render.\n  if (modelsError && modelsItems.length === 0) {\n    return <ModelsLoadErrorEmptyState onRetry={() => refetchModels()} />;\n  }\n\n  if (modelsItems.length === 0) {\n    return <LcoreNotConfiguredEmptyState />;\n  }\n\n  return (\n    <FileAttachmentContextProvider>\n      <LightspeedChat\n        selectedModel={selectedModel}\n        selectedProvider={selectedProvider}\n        topicRestrictionEnabled={topicRestrictionEnabled ?? false}\n        handleSelectedModel={item => {\n          setSelectedModel(item);\n          setSelectedProvider(\n            modelsItems.find((m: any) => m.value === item)?.provider || '',\n          );\n        }}\n        models={modelsItems}\n        userName={profile?.displayName}\n        avatar={profile?.picture}\n        profileLoading={profileLoading}\n      />\n    </FileAttachmentContextProvider>\n  );\n};\n\n/**\n * @public\n */\nexport const LightspeedChatContainer = () => {\n  return (\n    <StylesProvider generateClassName={generateClassName}>\n      <StylesProviderV4 generateClassName={generateClassNameV4}>\n        <QueryClientProvider client={queryClient}>\n          <LightspeedChatContainerInner />\n        </QueryClientProvider>\n      </StylesProviderV4>\n    </StylesProvider>\n  );\n};\n"],"names":["StylesProviderV4"],"mappings":"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"}
+{"version":3,"file":"LightspeedChatContainer.esm.js","sources":["../../src/components/LightspeedChatContainer.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 '@patternfly/react-core/dist/styles/base-no-reset.css';\nimport '@patternfly/chatbot/dist/css/main.css';\n\nimport { useEffect, useLayoutEffect, useMemo, useState } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport Button from '@mui/material/Button';\nimport { useTheme } from '@mui/material/styles';\nimport { QueryClientProvider } from '@tanstack/react-query';\n\nimport { useAllModels } from '../hooks/useAllModels';\nimport { useLightspeedViewPermission } from '../hooks/useLightspeedViewPermission';\nimport { useTopicRestrictionStatus } from '../hooks/useQuestionValidation';\nimport { useTranslation } from '../hooks/useTranslation';\nimport queryClient from '../utils/queryClient';\nimport FileAttachmentContextProvider from './AttachmentContext';\nimport { LightspeedChat } from './LightSpeedChat';\nimport {\n  LcoreNotConfiguredEmptyState,\n  LightspeedChatModelsLoading,\n  ModelsLoadErrorEmptyState,\n} from './LightspeedChatModelsState';\nimport PermissionRequiredState from './PermissionRequiredState';\n\nconst THEME_DARK = 'dark';\nconst THEME_DARK_CLASS = 'pf-v6-theme-dark';\nconst LAST_SELECTED_MODEL_KEY = 'lastSelectedModel';\n\n/**\n * Inner component that contains all the Lightspeed chat rendering logic\n */\nconst LightspeedChatContainerInner = () => {\n  const {\n    palette: { mode },\n  } = useTheme();\n  const { t } = useTranslation();\n\n  const identityApi = useApi(identityApiRef);\n\n  const {\n    data: models,\n    isLoading: modelsLoading,\n    isError: modelsError,\n    refetch: refetchModels,\n  } = useAllModels();\n\n  const {\n    allowed: hasViewAccess,\n    loading,\n    iaChatPermissionName,\n  } = useLightspeedViewPermission();\n\n  const { value: profile, loading: profileLoading } = useAsync(\n    async () => await identityApi.getProfileInfo(),\n  );\n\n  const [selectedModel, setSelectedModel] = useState('');\n  const [selectedProvider, setSelectedProvider] = useState('');\n\n  const { data: topicRestrictionEnabled } = useTopicRestrictionStatus();\n\n  const modelsItems = useMemo(\n    () =>\n      models\n        ? models\n            .filter(model => model.model_type === 'llm')\n            .map(m => ({\n              label: m.provider_resource_id,\n              value: m.provider_resource_id,\n              provider: m.provider_id,\n            }))\n        : [],\n    [models],\n  );\n\n  useLayoutEffect(() => {\n    const htmlTagElement = document.documentElement;\n    if (mode === THEME_DARK) {\n      htmlTagElement.classList.add(THEME_DARK_CLASS);\n    } else {\n      htmlTagElement.classList.remove(THEME_DARK_CLASS);\n    }\n  }, [mode]);\n\n  // Load last selected model from localStorage\n  useEffect(() => {\n    if (modelsItems.length > 0) {\n      try {\n        const storedData = localStorage.getItem(LAST_SELECTED_MODEL_KEY);\n        const parsedData = storedData ? JSON.parse(storedData) : null;\n\n        const storedModel = parsedData?.model\n          ? modelsItems.find(m => m.value === parsedData.model)\n          : null;\n\n        if (storedModel) {\n          setSelectedModel(storedModel.value);\n          setSelectedProvider(storedModel.provider);\n        } else {\n          setSelectedModel(modelsItems[0].value);\n          setSelectedProvider(modelsItems[0].provider);\n        }\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\n          'Error loading last selected model from localStorage:',\n          error,\n        );\n        setSelectedModel(modelsItems[0].value);\n        setSelectedProvider(modelsItems[0].provider);\n      }\n    }\n  }, [modelsItems]);\n\n  // Save selected model to localStorage\n  useEffect(() => {\n    if (selectedModel && selectedProvider) {\n      try {\n        localStorage.setItem(\n          LAST_SELECTED_MODEL_KEY,\n          JSON.stringify({\n            model: selectedModel,\n            provider: selectedProvider,\n          }),\n        );\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\n          'Error saving last selected model to localStorage:',\n          error,\n        );\n      }\n    }\n  }, [selectedModel, selectedProvider]);\n\n  if (loading) {\n    // Never return null inside the overlay modal: PatternFly's focus-trap requires at least\n    // one tabbable node (e.g. after removing the modal close button). Locale switches can\n    // briefly re-enter this loading state.\n    return <LightspeedChatModelsLoading />;\n  }\n\n  if (!hasViewAccess) {\n    return (\n      <PermissionRequiredState\n        subject={t('permission.subject.plugin')}\n        permissions={[iaChatPermissionName]}\n        action={\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            target=\"_blank\"\n            href=\"https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/intelligent-assistant/plugins/intelligent-assistant/README.md#permission-framework-support\"\n          >\n            {t('common.readMore')} &nbsp; <OpenInNewIcon />\n          </Button>\n        }\n      />\n    );\n  }\n\n  if (modelsLoading) {\n    return <LightspeedChatModelsLoading />;\n  }\n\n  // TanStack Query can keep the last successful `data` while `isError` is true after a\n  // failed refetch. Prefer showing chat when we still have LLM rows; only use the full-page\n  // error state when there is nothing usable to render.\n  if (modelsError && modelsItems.length === 0) {\n    return <ModelsLoadErrorEmptyState onRetry={() => refetchModels()} />;\n  }\n\n  if (modelsItems.length === 0) {\n    return <LcoreNotConfiguredEmptyState />;\n  }\n\n  return (\n    <FileAttachmentContextProvider>\n      <LightspeedChat\n        selectedModel={selectedModel}\n        selectedProvider={selectedProvider}\n        topicRestrictionEnabled={topicRestrictionEnabled ?? false}\n        handleSelectedModel={item => {\n          setSelectedModel(item);\n          setSelectedProvider(\n            modelsItems.find((m: any) => m.value === item)?.provider || '',\n          );\n        }}\n        models={modelsItems}\n        userName={profile?.displayName}\n        avatar={profile?.picture}\n        profileLoading={profileLoading}\n      />\n    </FileAttachmentContextProvider>\n  );\n};\n\n/**\n * @public\n */\nexport const LightspeedChatContainer = () => {\n  return (\n    <QueryClientProvider client={queryClient}>\n      <LightspeedChatContainerInner />\n    </QueryClientProvider>\n  );\n};\n"],"names":[],"mappings":"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"}