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

package/dist/components/ToolCallContent.esm.js

@@ -1,24 +1,21 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
+import { styled } from '@mui/material/styles';
 import { Message } from '@patternfly/chatbot';
 import { Flex, FlexItem, Content, ContentVariants, DescriptionList, DescriptionListGroup, DescriptionListTerm, DescriptionListDescription, Label } from '@patternfly/react-core';
 import { WrenchIcon } from '@patternfly/react-icons';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
 import { formatToolResponseForMarkdown } from '../utils/formatToolResponseForMarkdown.esm.js';
 
-const useStyles = makeStyles(() => ({
-  codeBlock: {
-    "& .pf-chatbot__message-code-block": {
-      border: "1px solid var(--pf-t--global--border--color--default)",
-      borderRadius: "var(--pf-t--global--border--radius--small)"
-    }
+const CodeBlock = styled("div")({
+  "& .pf-chatbot__message-code-block": {
+    border: "1px solid var(--pf-t--global--border--color--default)",
+    borderRadius: "var(--pf-t--global--border--radius--small)"
   }
-}));
+});
 const ToolCallContent = ({
   toolCall,
   role = "bot"
 }) => {
-  const classes = useStyles();
   const { t } = useTranslation();
   const formatExecutionTime = (seconds) => {
     if (seconds === void 0) return "";
@@ -169,7 +166,7 @@ const ToolCallContent = ({
                                     {
                                       direction: { default: "column" },
                                       spaceItems: { default: "spaceItemsXs" },
-                                      children: /* @__PURE__ */ jsx(FlexItem, { className: classes.codeBlock, children: /* @__PURE__ */ jsx(
+                                      children: /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(CodeBlock, { children: /* @__PURE__ */ jsx(
                                         Message,
                                         {
                                           content: formatToolResponseForMarkdown(
@@ -183,7 +180,7 @@ const ToolCallContent = ({
                                             }
                                           }
                                         }
-                                      ) })
+                                      ) }) })
                                     }
                                   )
                                 }

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

@@ -1 +1 @@
-{"version":3,"file":"ToolCallContent.esm.js","sources":["../../src/components/ToolCallContent.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 { makeStyles } from '@material-ui/core';\nimport { Message } from '@patternfly/chatbot';\nimport {\n  Content,\n  ContentVariants,\n  DescriptionList,\n  DescriptionListDescription,\n  DescriptionListGroup,\n  DescriptionListTerm,\n  Flex,\n  FlexItem,\n  Label,\n} from '@patternfly/react-core';\nimport { WrenchIcon } from '@patternfly/react-icons';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { ToolCall } from '../types';\nimport { formatToolResponseForMarkdown } from '../utils/formatToolResponseForMarkdown';\n\ninterface ToolCallContentProps {\n  toolCall: ToolCall;\n  role?: 'user' | 'bot';\n}\n\nconst useStyles = makeStyles(() => ({\n  codeBlock: {\n    '& .pf-chatbot__message-code-block': {\n      border: '1px solid var(--pf-t--global--border--color--default)',\n      borderRadius: 'var(--pf-t--global--border--radius--small)',\n    },\n  },\n}));\n\n/**\n * Lightweight component for rendering tool call expandable content.\n * Used inside PatternFly's ToolCall component's expandableContent prop.\n */\nexport const ToolCallContent = ({\n  toolCall,\n  role = 'bot',\n}: ToolCallContentProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  const formatExecutionTime = (seconds?: number): string => {\n    if (seconds === undefined) return '';\n    if (seconds < 1) return `${Math.round(seconds * 1000)}ms`;\n    return `${seconds.toFixed(2)}s`;\n  };\n\n  const getParameterKeys = (): string[] => {\n    if (!toolCall.arguments) return [];\n    return Object.keys(toolCall.arguments).filter(\n      key =>\n        key !== 'server_label' &&\n        toolCall.arguments[key] !== '' &&\n        toolCall.arguments[key] !== null,\n    );\n  };\n\n  const getThinkingTime = (): number => {\n    if (toolCall.startTime && toolCall.endTime) {\n      return Math.round((toolCall.endTime - toolCall.startTime) / 1000);\n    }\n    return 0;\n  };\n\n  const thinkingTime = getThinkingTime();\n  const parameterKeys = getParameterKeys();\n\n  const mcpServerTitle = (() => {\n    const label = toolCall.arguments?.server_label;\n    if (typeof label === 'string' && label.trim() !== '') {\n      return label.trim();\n    }\n    return t('toolCall.mcpServer');\n  })();\n\n  return (\n    <Flex\n      direction={{ default: 'column' }}\n      spaceItems={{ default: 'spaceItemsSm' }}\n    >\n      {/* Thinking Time */}\n      {thinkingTime > 0 && (\n        <FlexItem>\n          <Content component={ContentVariants.small}>\n            {t('toolCall.thinking' as any, {\n              seconds: String(thinkingTime),\n            })}\n          </Content>\n        </FlexItem>\n      )}\n\n      {/* Summary */}\n      <FlexItem>\n        <Content component={ContentVariants.p}>{t('toolCall.summary')}</Content>\n      </FlexItem>\n\n      {/* Tool Header with MCP Server */}\n      <FlexItem>\n        <div\n          style={{\n            border: '1px solid var(--pf-t--global--border--color--default)',\n            borderRadius: 'var(--pf-t--global--border--radius--small)',\n            padding: 'var(--pf-t--global--spacer--md)',\n          }}\n        >\n          <Flex\n            direction={{ default: 'column' }}\n            spaceItems={{ default: 'spaceItemsSm' }}\n          >\n            <FlexItem\n              style={{\n                borderBottom:\n                  '1px solid var(--pf-t--global--border--color--default)',\n                paddingBottom: 'var(--pf-t--global--spacer--sm)',\n              }}\n            >\n              <Content\n                component={ContentVariants.p}\n                style={{ marginBlockEnd: 0 }}\n              >\n                <WrenchIcon\n                  style={{\n                    color: 'var(--pf-t--global--icon--color--brand--default)',\n                    marginRight: '0.5em',\n                  }}\n                />\n                <strong>{mcpServerTitle}</strong>\n              </Content>\n              {toolCall.executionTime !== undefined && (\n                <Content component={ContentVariants.small}>\n                  {t('toolCall.executionTime')}\n                  {formatExecutionTime(toolCall.executionTime)}\n                </Content>\n              )}\n            </FlexItem>\n\n            {/* Description List for Parameters and Response */}\n            <FlexItem>\n              <DescriptionList\n                style={\n                  {\n                    '--pf-v6-c-description-list--RowGap':\n                      'var(--pf-t--global--spacer--md)',\n                  } as any\n                }\n                aria-label=\"Tool response\"\n              >\n                {/* Parameters Section */}\n                {parameterKeys.length > 0 && (\n                  <DescriptionListGroup\n                    style={\n                      {\n                        '--pf-v6-c-description-list__group--RowGap':\n                          'var(--pf-t--global--spacer--xs)',\n                      } as any\n                    }\n                  >\n                    <DescriptionListTerm>\n                      {t('toolCall.parameters' as any, {\n                        defaultValue: 'Parameters',\n                      }) || 'Parameters'}\n                    </DescriptionListTerm>\n                    <DescriptionListDescription\n                      style={{ marginInlineStart: 0 }}\n                    >\n                      <Flex direction={{ default: 'column' }}>\n                        {toolCall.description && (\n                          <FlexItem>\n                            <Content component={ContentVariants.small}>\n                              {toolCall.description}\n                            </Content>\n                          </FlexItem>\n                        )}\n                        <FlexItem>\n                          <Flex\n                            gap={{ default: 'gapSm' }}\n                            flexWrap={{ default: 'wrap' }}\n                          >\n                            {parameterKeys.map(key => (\n                              <FlexItem key={key}>\n                                <Label variant=\"outline\" color=\"blue\">\n                                  {key}\n                                </Label>\n                              </FlexItem>\n                            ))}\n                          </Flex>\n                        </FlexItem>\n                      </Flex>\n                    </DescriptionListDescription>\n                  </DescriptionListGroup>\n                )}\n\n                {/* Response Section */}\n                {toolCall.response && (\n                  <DescriptionListGroup\n                    style={\n                      {\n                        '--pf-v6-c-description-list__group--RowGap':\n                          'var(--pf-t--global--spacer--xs)',\n                      } as any\n                    }\n                  >\n                    {/* <DescriptionListTerm> */}\n                    <Flex\n                      alignItems={{ default: 'alignItemsCenter' }}\n                      justifyContent={{ default: 'justifyContentSpaceBetween' }}\n                    >\n                      <FlexItem flex={{ default: 'flex_1' }}>\n                        <strong> {t('toolCall.response')}</strong>\n                      </FlexItem>\n                    </Flex>\n                    {/* </DescriptionListTerm> */}\n                    <DescriptionListDescription\n                      style={{ marginInlineStart: 0 }}\n                    >\n                      <Flex\n                        direction={{ default: 'column' }}\n                        spaceItems={{ default: 'spaceItemsXs' }}\n                      >\n                        <FlexItem className={classes.codeBlock}>\n                          <Message\n                            content={formatToolResponseForMarkdown(\n                              toolCall.response,\n                            )}\n                            role={role}\n                            codeBlockProps={{\n                              isExpandable: true,\n                              expandableSectionProps: {\n                                truncateMaxLines: 12,\n                              },\n                            }}\n                          />\n                        </FlexItem>\n                      </Flex>\n                    </DescriptionListDescription>\n                  </DescriptionListGroup>\n                )}\n              </DescriptionList>\n            </FlexItem>\n          </Flex>\n        </div>\n      </FlexItem>\n    </Flex>\n  );\n};\n\nexport default ToolCallContent;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolCallContent.esm.js","sources":["../../src/components/ToolCallContent.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 { styled } from '@mui/material/styles';\nimport { Message } from '@patternfly/chatbot';\nimport {\n  Content,\n  ContentVariants,\n  DescriptionList,\n  DescriptionListDescription,\n  DescriptionListGroup,\n  DescriptionListTerm,\n  Flex,\n  FlexItem,\n  Label,\n} from '@patternfly/react-core';\nimport { WrenchIcon } from '@patternfly/react-icons';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { ToolCall } from '../types';\nimport { formatToolResponseForMarkdown } from '../utils/formatToolResponseForMarkdown';\n\ninterface ToolCallContentProps {\n  toolCall: ToolCall;\n  role?: 'user' | 'bot';\n}\n\nconst CodeBlock = styled('div')({\n  '& .pf-chatbot__message-code-block': {\n    border: '1px solid var(--pf-t--global--border--color--default)',\n    borderRadius: 'var(--pf-t--global--border--radius--small)',\n  },\n});\n\n/**\n * Lightweight component for rendering tool call expandable content.\n * Used inside PatternFly's ToolCall component's expandableContent prop.\n */\nexport const ToolCallContent = ({\n  toolCall,\n  role = 'bot',\n}: ToolCallContentProps) => {\n  const { t } = useTranslation();\n\n  const formatExecutionTime = (seconds?: number): string => {\n    if (seconds === undefined) return '';\n    if (seconds < 1) return `${Math.round(seconds * 1000)}ms`;\n    return `${seconds.toFixed(2)}s`;\n  };\n\n  const getParameterKeys = (): string[] => {\n    if (!toolCall.arguments) return [];\n    return Object.keys(toolCall.arguments).filter(\n      key =>\n        key !== 'server_label' &&\n        toolCall.arguments[key] !== '' &&\n        toolCall.arguments[key] !== null,\n    );\n  };\n\n  const getThinkingTime = (): number => {\n    if (toolCall.startTime && toolCall.endTime) {\n      return Math.round((toolCall.endTime - toolCall.startTime) / 1000);\n    }\n    return 0;\n  };\n\n  const thinkingTime = getThinkingTime();\n  const parameterKeys = getParameterKeys();\n\n  const mcpServerTitle = (() => {\n    const label = toolCall.arguments?.server_label;\n    if (typeof label === 'string' && label.trim() !== '') {\n      return label.trim();\n    }\n    return t('toolCall.mcpServer');\n  })();\n\n  return (\n    <Flex\n      direction={{ default: 'column' }}\n      spaceItems={{ default: 'spaceItemsSm' }}\n    >\n      {/* Thinking Time */}\n      {thinkingTime > 0 && (\n        <FlexItem>\n          <Content component={ContentVariants.small}>\n            {t('toolCall.thinking' as any, {\n              seconds: String(thinkingTime),\n            })}\n          </Content>\n        </FlexItem>\n      )}\n\n      {/* Summary */}\n      <FlexItem>\n        <Content component={ContentVariants.p}>{t('toolCall.summary')}</Content>\n      </FlexItem>\n\n      {/* Tool Header with MCP Server */}\n      <FlexItem>\n        <div\n          style={{\n            border: '1px solid var(--pf-t--global--border--color--default)',\n            borderRadius: 'var(--pf-t--global--border--radius--small)',\n            padding: 'var(--pf-t--global--spacer--md)',\n          }}\n        >\n          <Flex\n            direction={{ default: 'column' }}\n            spaceItems={{ default: 'spaceItemsSm' }}\n          >\n            <FlexItem\n              style={{\n                borderBottom:\n                  '1px solid var(--pf-t--global--border--color--default)',\n                paddingBottom: 'var(--pf-t--global--spacer--sm)',\n              }}\n            >\n              <Content\n                component={ContentVariants.p}\n                style={{ marginBlockEnd: 0 }}\n              >\n                <WrenchIcon\n                  style={{\n                    color: 'var(--pf-t--global--icon--color--brand--default)',\n                    marginRight: '0.5em',\n                  }}\n                />\n                <strong>{mcpServerTitle}</strong>\n              </Content>\n              {toolCall.executionTime !== undefined && (\n                <Content component={ContentVariants.small}>\n                  {t('toolCall.executionTime')}\n                  {formatExecutionTime(toolCall.executionTime)}\n                </Content>\n              )}\n            </FlexItem>\n\n            {/* Description List for Parameters and Response */}\n            <FlexItem>\n              <DescriptionList\n                style={\n                  {\n                    '--pf-v6-c-description-list--RowGap':\n                      'var(--pf-t--global--spacer--md)',\n                  } as any\n                }\n                aria-label=\"Tool response\"\n              >\n                {/* Parameters Section */}\n                {parameterKeys.length > 0 && (\n                  <DescriptionListGroup\n                    style={\n                      {\n                        '--pf-v6-c-description-list__group--RowGap':\n                          'var(--pf-t--global--spacer--xs)',\n                      } as any\n                    }\n                  >\n                    <DescriptionListTerm>\n                      {t('toolCall.parameters' as any, {\n                        defaultValue: 'Parameters',\n                      }) || 'Parameters'}\n                    </DescriptionListTerm>\n                    <DescriptionListDescription\n                      style={{ marginInlineStart: 0 }}\n                    >\n                      <Flex direction={{ default: 'column' }}>\n                        {toolCall.description && (\n                          <FlexItem>\n                            <Content component={ContentVariants.small}>\n                              {toolCall.description}\n                            </Content>\n                          </FlexItem>\n                        )}\n                        <FlexItem>\n                          <Flex\n                            gap={{ default: 'gapSm' }}\n                            flexWrap={{ default: 'wrap' }}\n                          >\n                            {parameterKeys.map(key => (\n                              <FlexItem key={key}>\n                                <Label variant=\"outline\" color=\"blue\">\n                                  {key}\n                                </Label>\n                              </FlexItem>\n                            ))}\n                          </Flex>\n                        </FlexItem>\n                      </Flex>\n                    </DescriptionListDescription>\n                  </DescriptionListGroup>\n                )}\n\n                {/* Response Section */}\n                {toolCall.response && (\n                  <DescriptionListGroup\n                    style={\n                      {\n                        '--pf-v6-c-description-list__group--RowGap':\n                          'var(--pf-t--global--spacer--xs)',\n                      } as any\n                    }\n                  >\n                    {/* <DescriptionListTerm> */}\n                    <Flex\n                      alignItems={{ default: 'alignItemsCenter' }}\n                      justifyContent={{ default: 'justifyContentSpaceBetween' }}\n                    >\n                      <FlexItem flex={{ default: 'flex_1' }}>\n                        <strong> {t('toolCall.response')}</strong>\n                      </FlexItem>\n                    </Flex>\n                    {/* </DescriptionListTerm> */}\n                    <DescriptionListDescription\n                      style={{ marginInlineStart: 0 }}\n                    >\n                      <Flex\n                        direction={{ default: 'column' }}\n                        spaceItems={{ default: 'spaceItemsXs' }}\n                      >\n                        <FlexItem>\n                          <CodeBlock>\n                            <Message\n                              content={formatToolResponseForMarkdown(\n                                toolCall.response,\n                              )}\n                              role={role}\n                              codeBlockProps={{\n                                isExpandable: true,\n                                expandableSectionProps: {\n                                  truncateMaxLines: 12,\n                                },\n                              }}\n                            />\n                          </CodeBlock>\n                        </FlexItem>\n                      </Flex>\n                    </DescriptionListDescription>\n                  </DescriptionListGroup>\n                )}\n              </DescriptionList>\n            </FlexItem>\n          </Flex>\n        </div>\n      </FlexItem>\n    </Flex>\n  );\n};\n\nexport default ToolCallContent;\n"],"names":[],"mappings":"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"}