@red-hat-developer-hub/backstage-plugin-lightspeed 1.2.0 → 1.2.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 ## @red-hat-developer-hub/backstage-plugin-lightspeed
 
+## 1.2.1
+
+### Patch Changes
+
+- 9c17c36: Updated dependency `prettier` to `3.8.0`.
+- b0f22e5: Updated dependency `@red-hat-developer-hub/backstage-plugin-theme` to `^0.12.0`.
+  Updated dependency `monaco-editor` to `^0.55.0`.
+- 98bb56f: Render new lines in deepThinking component
+- Updated dependencies [9c17c36]
+  - @red-hat-developer-hub/backstage-plugin-lightspeed-common@1.2.1
+
 ## 1.2.0
 
 ### Minor Changes

package/README.md

@@ -153,7 +153,7 @@ Follow the below steps -
 
 `yarn build`
 
-`npx @janus-idp/cli@latest package package-dynamic-plugins --export-to <path-to>/rhdh/dynamic-plugins-root`
+`npx @red-hat-developer-hub/cli plugin export --dynamic-plugins-root <path-to>/rhdh/dynamic-plugins-root`
 
 - Add the extension point inside the `app-config.yaml` or `app-config.local.yaml` file.
 

package/dist/components/LightspeedChatBox.esm.js

@@ -151,6 +151,10 @@ const LightspeedChatBox = forwardRef(
               })();
               if (reasoningContent) {
                 deepThinking = {
+                  cardBodyProps: {
+                    id: `deep-thinking-${index}`,
+                    style: { whiteSpace: "pre-line" }
+                  },
                   toggleContent: t("reasoning.thinking"),
                   body: reasoningContent,
                   expandableSectionProps: {}

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 { makeStyles } from '@material-ui/core';\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';\n\nconst useStyles = makeStyles(theme => ({\n  prompt: {\n    'justify-content': 'flex-end',\n  },\n  container: {\n    maxWidth: 'unset !important',\n  },\n  alert: {\n    background: 'unset !important',\n  },\n  promptSuggestions: {\n    '& div.pf-chatbot__prompt-suggestions': {\n      'flex-direction': 'column !important',\n    },\n  },\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\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};\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    }: LightspeedChatBoxProps,\n    ref: ForwardedRef<ScrollContainerHandle>,\n  ) => {\n    const classes = useStyles();\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 messageBoxClasses = `${classes.container} ${classes.userMessageText}`;\n    const isEmbeddedMode = displayMode === ChatbotDisplayMode.embedded;\n\n    const getMessageBoxClassName = () => {\n      if (!welcomePrompts.length) {\n        return messageBoxClasses;\n      }\n      const baseClasses = `${messageBoxClasses} ${classes.prompt}`;\n      if (isEmbeddedMode) {\n        return baseClasses;\n      }\n      return `${baseClasses} ${classes.promptSuggestions}`;\n    };\n\n    return (\n      <MessageBox\n        className={getMessageBoxClassName()}\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          <Alert\n            title={t('aria.important')}\n            variant=\"info\"\n            isInline\n            className={classes.alert}\n          >\n            {topicRestrictionEnabled\n              ? t('disclaimer.withValidation')\n              : t('disclaimer.withoutValidation')}\n          </Alert>\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)\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          } = {};\n\n          let deepThinking: DeepThinkingProps | undefined = undefined;\n\n          if (\n            parsedReasoning.isReasoningInProgress ||\n            parsedReasoning.hasReasoning\n          ) {\n            const reasoningContent =\n              parsedReasoning.reasoning ||\n              (() => {\n                const reasoningMatch = messageContent.match(/<think>(.*?)$/s);\n                return reasoningMatch ? reasoningMatch[1].trim() : '';\n              })();\n\n            if (reasoningContent) {\n              deepThinking = {\n                toggleContent: t('reasoning.thinking'),\n                body: reasoningContent,\n                expandableSectionProps: {},\n              };\n              extraContentParts.beforeMainContent = (\n                <DeepThinking {...deepThinking} />\n              );\n            }\n          }\n\n          if (additionalToolCalls && additionalToolCalls.length > 0) {\n            extraContentParts.afterMainContent = (\n              <>\n                {additionalToolCalls.map(tc => {\n                  const tcProps = mapToPatternFlyToolCall(tc, t);\n                  return (\n                    <div\n                      key={`tool-${tc.id}-${tc.toolName}`}\n                      style={{ marginTop: '8px' }}\n                    >\n                      <PatternFlyToolCall {...tcProps} />\n                    </div>\n                  );\n                })}\n              </>\n            );\n          }\n\n          const extraContent =\n            extraContentParts.beforeMainContent ||\n            extraContentParts.afterMainContent\n              ? extraContentParts\n              : undefined;\n\n          const finalMessage =\n            parsedReasoning.hasReasoning ||\n            parsedReasoning.isReasoningInProgress\n              ? { ...message, content: parsedReasoning.mainContent }\n              : message;\n\n          return (\n            <Message\n              key={`${message.role}-${index}`}\n              toolCall={toolCallProp}\n              extraContent={extraContent}\n              {...finalMessage}\n            />\n          );\n        })}\n      </MessageBox>\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 { makeStyles } from '@material-ui/core';\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';\n\nconst useStyles = makeStyles(theme => ({\n  prompt: {\n    'justify-content': 'flex-end',\n  },\n  container: {\n    maxWidth: 'unset !important',\n  },\n  alert: {\n    background: 'unset !important',\n  },\n  promptSuggestions: {\n    '& div.pf-chatbot__prompt-suggestions': {\n      'flex-direction': 'column !important',\n    },\n  },\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\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};\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    }: LightspeedChatBoxProps,\n    ref: ForwardedRef<ScrollContainerHandle>,\n  ) => {\n    const classes = useStyles();\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 messageBoxClasses = `${classes.container} ${classes.userMessageText}`;\n    const isEmbeddedMode = displayMode === ChatbotDisplayMode.embedded;\n\n    const getMessageBoxClassName = () => {\n      if (!welcomePrompts.length) {\n        return messageBoxClasses;\n      }\n      const baseClasses = `${messageBoxClasses} ${classes.prompt}`;\n      if (isEmbeddedMode) {\n        return baseClasses;\n      }\n      return `${baseClasses} ${classes.promptSuggestions}`;\n    };\n\n    return (\n      <MessageBox\n        className={getMessageBoxClassName()}\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          <Alert\n            title={t('aria.important')}\n            variant=\"info\"\n            isInline\n            className={classes.alert}\n          >\n            {topicRestrictionEnabled\n              ? t('disclaimer.withValidation')\n              : t('disclaimer.withoutValidation')}\n          </Alert>\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)\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          } = {};\n\n          let deepThinking: DeepThinkingProps | undefined = undefined;\n\n          if (\n            parsedReasoning.isReasoningInProgress ||\n            parsedReasoning.hasReasoning\n          ) {\n            const reasoningContent =\n              parsedReasoning.reasoning ||\n              (() => {\n                const reasoningMatch = messageContent.match(/<think>(.*?)$/s);\n                return reasoningMatch ? reasoningMatch[1].trim() : '';\n              })();\n\n            if (reasoningContent) {\n              deepThinking = {\n                cardBodyProps: {\n                  id: `deep-thinking-${index}`,\n                  style: { whiteSpace: 'pre-line' },\n                },\n                toggleContent: t('reasoning.thinking'),\n                body: reasoningContent,\n                expandableSectionProps: {},\n              };\n              extraContentParts.beforeMainContent = (\n                <DeepThinking {...deepThinking} />\n              );\n            }\n          }\n\n          if (additionalToolCalls && additionalToolCalls.length > 0) {\n            extraContentParts.afterMainContent = (\n              <>\n                {additionalToolCalls.map(tc => {\n                  const tcProps = mapToPatternFlyToolCall(tc, t);\n                  return (\n                    <div\n                      key={`tool-${tc.id}-${tc.toolName}`}\n                      style={{ marginTop: '8px' }}\n                    >\n                      <PatternFlyToolCall {...tcProps} />\n                    </div>\n                  );\n                })}\n              </>\n            );\n          }\n\n          const extraContent =\n            extraContentParts.beforeMainContent ||\n            extraContentParts.afterMainContent\n              ? extraContentParts\n              : undefined;\n\n          const finalMessage =\n            parsedReasoning.hasReasoning ||\n            parsedReasoning.isReasoningInProgress\n              ? { ...message, content: parsedReasoning.mainContent }\n              : message;\n\n          return (\n            <Message\n              key={`${message.role}-${index}`}\n              toolCall={toolCallProp}\n              extraContent={extraContent}\n              {...finalMessage}\n            />\n          );\n        })}\n      </MessageBox>\n    );\n  },\n);\n"],"names":["PatternFlyToolCall"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-lightspeed",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",
@@ -70,10 +70,10 @@
     "@patternfly/chatbot": "6.5.0",
     "@patternfly/react-core": "6.4.0",
     "@patternfly/react-icons": "^6.3.1",
-    "@red-hat-developer-hub/backstage-plugin-lightspeed-common": "^1.2.0",
-    "@red-hat-developer-hub/backstage-plugin-theme": "^0.10.0",
+    "@red-hat-developer-hub/backstage-plugin-lightspeed-common": "^1.2.1",
+    "@red-hat-developer-hub/backstage-plugin-theme": "^0.12.0",
     "@tanstack/react-query": "^5.59.15",
-    "monaco-editor": "^0.54.0",
+    "monaco-editor": "^0.55.0",
     "react-markdown": "^9.0.1",
     "react-use": "^17.2.4"
   },
@@ -94,7 +94,7 @@
     "@testing-library/react": "^15.0.0",
     "@testing-library/user-event": "14.6.1",
     "msw": "1.3.5",
-    "prettier": "3.6.2",
+    "prettier": "3.8.0",
     "react": "16.13.1 || ^17.0.0 || ^18.0.0",
     "react-dom": "16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "^6.0.0"