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

package/dist/components/RenameConversationModal.esm.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { TextField } from '@material-ui/core';
 import CancelOutlinedIcon from '@mui/icons-material/CancelOutlined';
 import CloseIcon from '@mui/icons-material/Close';
 import Alert from '@mui/material/Alert';
@@ -11,6 +10,7 @@ import DialogActions from '@mui/material/DialogActions';
 import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import IconButton from '@mui/material/IconButton';
+import TextField from '@mui/material/TextField';
 import Typography from '@mui/material/Typography';
 import { useConversations } from '../hooks/useConversations.esm.js';
 import { useRenameConversation } from '../hooks/useRenameConversation.esm.js';
@@ -68,35 +68,42 @@ const RenameConversationModal = ({
       "aria-describedby": "rename-modal-confirmation",
       fullWidth: true,
       children: [
-        /* @__PURE__ */ jsx(DialogTitle, { sx: { p: "16px 20px", fontStyle: "inherit" }, children: /* @__PURE__ */ jsxs(
-          Box,
+        /* @__PURE__ */ jsx(
+          DialogTitle,
           {
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              gap: 1
-            },
-            children: [
-              /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontWeight: "bold" }, children: t("conversation.rename.confirm.title") }),
-              /* @__PURE__ */ jsx(
-                IconButton,
-                {
-                  "aria-label": "close",
-                  onClick: onClose,
-                  title: t("common.close"),
-                  size: "large",
-                  sx: {
-                    position: "absolute",
-                    right: 1,
-                    top: 1,
-                    color: "text.primary"
-                  },
-                  children: /* @__PURE__ */ jsx(CloseIcon, {})
-                }
-              )
-            ]
+            id: "rename-modal",
+            sx: { p: "16px 20px", fontStyle: "inherit" },
+            children: /* @__PURE__ */ jsxs(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 1
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontWeight: "bold" }, children: t("conversation.rename.confirm.title") }),
+                  /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      "aria-label": "close",
+                      onClick: onClose,
+                      title: t("common.close"),
+                      size: "large",
+                      sx: {
+                        position: "absolute",
+                        right: 1,
+                        top: 1,
+                        color: "text.primary"
+                      },
+                      children: /* @__PURE__ */ jsx(CloseIcon, {})
+                    }
+                  )
+                ]
+              }
+            )
           }
-        ) }),
+        ),
         /* @__PURE__ */ jsx(DialogContent, { id: "rename-modal-body-input", children: /* @__PURE__ */ jsx(
           TextField,
           {
@@ -105,7 +112,7 @@ const RenameConversationModal = ({
             onChange: handleChatNameChange,
             fullWidth: true,
             value: chatName,
-            style: { marginTop: "10px" },
+            sx: { mt: "10px" },
             variant: "outlined",
             InputProps: {
               autoFocus: true,
@@ -121,8 +128,8 @@ const RenameConversationModal = ({
             }
           }
         ) }),
-        isError && /* @__PURE__ */ jsx(Box, { maxWidth: "650px", marginLeft: "20px", marginRight: "20px", children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error) }) }),
-        /* @__PURE__ */ jsxs(DialogActions, { style: { justifyContent: "left", padding: "20px" }, children: [
+        isError && /* @__PURE__ */ jsx(Box, { sx: { maxWidth: "650px", mx: "20px" }, children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error) }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { sx: { justifyContent: "left", p: "20px" }, children: [
           /* @__PURE__ */ jsx(
             Button,
             {

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

@@ -1 +1 @@
-{"version":3,"file":"RenameConversationModal.esm.js","sources":["../../src/components/RenameConversationModal.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 { useEffect, useState } from 'react';\n\nimport { TextField } from '@material-ui/core';\nimport CancelOutlinedIcon from '@mui/icons-material/CancelOutlined';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\n\nimport { useConversations } from '../hooks/useConversations';\nimport { useRenameConversation } from '../hooks/useRenameConversation';\nimport { useTranslation } from '../hooks/useTranslation';\n\nexport const RenameConversationModal = ({\n  isOpen,\n  onClose,\n  conversationId,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  conversationId: string;\n}) => {\n  const { t } = useTranslation();\n  const {\n    mutateAsync: renameConversation,\n    isError,\n    error,\n  } = useRenameConversation();\n  const { data: conversations } = useConversations();\n  const [chatName, setChatName] = useState<string>('');\n  const [originalChatName, setOriginalChatName] = useState<string>('');\n\n  useEffect(() => {\n    if (isOpen && conversations) {\n      const conversation = conversations.find(\n        c => c.conversation_id === conversationId,\n      );\n      if (conversation) {\n        setChatName(conversation.topic_summary ?? '');\n        setOriginalChatName(conversation.topic_summary ?? '');\n      } else {\n        setChatName('');\n        setOriginalChatName('');\n      }\n    }\n  }, [isOpen, conversationId, conversations]);\n\n  const handleChatNameChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setChatName(event.target.value);\n  };\n\n  const handleRename = async () => {\n    try {\n      await renameConversation({\n        conversation_id: conversationId,\n        newName: chatName,\n        invalidateCache: false,\n      });\n      onClose();\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn(e);\n    }\n  };\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={onClose}\n      aria-labelledby=\"rename-modal\"\n      aria-describedby=\"rename-modal-confirmation\"\n      fullWidth\n    >\n      <DialogTitle sx={{ p: '16px 20px', fontStyle: 'inherit' }}>\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n          }}\n        >\n          <Typography component=\"span\" sx={{ fontWeight: 'bold' }}>\n            {t('conversation.rename.confirm.title')}\n          </Typography>\n\n          <IconButton\n            aria-label=\"close\"\n            onClick={onClose}\n            title={t('common.close')}\n            size=\"large\"\n            sx={{\n              position: 'absolute',\n              right: 1,\n              top: 1,\n              color: 'text.primary',\n            }}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent id=\"rename-modal-body-input\">\n        <TextField\n          id=\"outlined-chat-name-input\"\n          label={t('conversation.rename.placeholder')}\n          onChange={handleChatNameChange}\n          fullWidth\n          value={chatName}\n          style={{ marginTop: '10px' }}\n          variant=\"outlined\"\n          InputProps={{\n            autoFocus: true,\n            endAdornment: (\n              <IconButton\n                aria-label=\"clear-input\"\n                onClick={() => setChatName('')}\n                edge=\"end\"\n              >\n                <CancelOutlinedIcon />\n              </IconButton>\n            ),\n          }}\n        />\n      </DialogContent>\n      {isError && (\n        <Box maxWidth=\"650px\" marginLeft=\"20px\" marginRight=\"20px\">\n          <Alert severity=\"error\">{String(error)}</Alert>\n        </Box>\n      )}\n      <DialogActions style={{ justifyContent: 'left', padding: '20px' }}>\n        <Button\n          variant=\"contained\"\n          sx={{\n            textTransform: 'none',\n          }}\n          disabled={\n            chatName.trim() === '' ||\n            chatName.trim() === originalChatName.trim()\n          }\n          onClick={handleRename}\n        >\n          {t('conversation.rename.confirm.action')}\n        </Button>\n        <Button\n          key=\"cancel\"\n          variant=\"outlined\"\n          sx={{\n            textTransform: 'none',\n          }}\n          onClick={onClose}\n        >\n          {t('common.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RenameConversationModal.esm.js","sources":["../../src/components/RenameConversationModal.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 { useEffect, useState } from 'react';\n\nimport CancelOutlinedIcon from '@mui/icons-material/CancelOutlined';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\n\nimport { useConversations } from '../hooks/useConversations';\nimport { useRenameConversation } from '../hooks/useRenameConversation';\nimport { useTranslation } from '../hooks/useTranslation';\n\nexport const RenameConversationModal = ({\n  isOpen,\n  onClose,\n  conversationId,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  conversationId: string;\n}) => {\n  const { t } = useTranslation();\n  const {\n    mutateAsync: renameConversation,\n    isError,\n    error,\n  } = useRenameConversation();\n  const { data: conversations } = useConversations();\n  const [chatName, setChatName] = useState<string>('');\n  const [originalChatName, setOriginalChatName] = useState<string>('');\n\n  useEffect(() => {\n    if (isOpen && conversations) {\n      const conversation = conversations.find(\n        c => c.conversation_id === conversationId,\n      );\n      if (conversation) {\n        setChatName(conversation.topic_summary ?? '');\n        setOriginalChatName(conversation.topic_summary ?? '');\n      } else {\n        setChatName('');\n        setOriginalChatName('');\n      }\n    }\n  }, [isOpen, conversationId, conversations]);\n\n  const handleChatNameChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setChatName(event.target.value);\n  };\n\n  const handleRename = async () => {\n    try {\n      await renameConversation({\n        conversation_id: conversationId,\n        newName: chatName,\n        invalidateCache: false,\n      });\n      onClose();\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn(e);\n    }\n  };\n\n  return (\n    <Dialog\n      open={isOpen}\n      onClose={onClose}\n      aria-labelledby=\"rename-modal\"\n      aria-describedby=\"rename-modal-confirmation\"\n      fullWidth\n    >\n      <DialogTitle\n        id=\"rename-modal\"\n        sx={{ p: '16px 20px', fontStyle: 'inherit' }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n          }}\n        >\n          <Typography component=\"span\" sx={{ fontWeight: 'bold' }}>\n            {t('conversation.rename.confirm.title')}\n          </Typography>\n\n          <IconButton\n            aria-label=\"close\"\n            onClick={onClose}\n            title={t('common.close')}\n            size=\"large\"\n            sx={{\n              position: 'absolute',\n              right: 1,\n              top: 1,\n              color: 'text.primary',\n            }}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Box>\n      </DialogTitle>\n      <DialogContent id=\"rename-modal-body-input\">\n        <TextField\n          id=\"outlined-chat-name-input\"\n          label={t('conversation.rename.placeholder')}\n          onChange={handleChatNameChange}\n          fullWidth\n          value={chatName}\n          sx={{ mt: '10px' }}\n          variant=\"outlined\"\n          InputProps={{\n            autoFocus: true,\n            endAdornment: (\n              <IconButton\n                aria-label=\"clear-input\"\n                onClick={() => setChatName('')}\n                edge=\"end\"\n              >\n                <CancelOutlinedIcon />\n              </IconButton>\n            ),\n          }}\n        />\n      </DialogContent>\n      {isError && (\n        <Box sx={{ maxWidth: '650px', mx: '20px' }}>\n          <Alert severity=\"error\">{String(error)}</Alert>\n        </Box>\n      )}\n      <DialogActions sx={{ justifyContent: 'left', p: '20px' }}>\n        <Button\n          variant=\"contained\"\n          sx={{\n            textTransform: 'none',\n          }}\n          disabled={\n            chatName.trim() === '' ||\n            chatName.trim() === originalChatName.trim()\n          }\n          onClick={handleRename}\n        >\n          {t('conversation.rename.confirm.action')}\n        </Button>\n        <Button\n          key=\"cancel\"\n          variant=\"outlined\"\n          sx={{\n            textTransform: 'none',\n          }}\n          onClick={onClose}\n        >\n          {t('common.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Router.esm.js

@@ -1,15 +1,12 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Routes, Route } from 'react-router-dom';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
-import { StylesProvider as StylesProvider$1 } from '@material-ui/core/styles';
-import { StylesProvider } from '@mui/styles';
-import { generateClassName, generateClassNameV4 } from '../utils/generateClassName.esm.js';
 import { LightspeedPage } from './LightspeedPage.esm.js';
 
 const Router = () => {
   const configApi = useApi(configApiRef);
   const notebooksEnabled = configApi.getOptionalBoolean("intelligent-assistant.notebooks.enabled") ?? false;
-  return /* @__PURE__ */ jsx(StylesProvider, { generateClassName, children: /* @__PURE__ */ jsx(StylesProvider$1, { generateClassName: generateClassNameV4, children: /* @__PURE__ */ jsxs(Routes, { children: [
+  return /* @__PURE__ */ jsxs(Routes, { children: [
     /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(LightspeedPage, {}) }),
     /* @__PURE__ */ jsx(
       Route,
@@ -20,15 +17,9 @@ const Router = () => {
     ),
     notebooksEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Route, { path: "/notebooks", element: /* @__PURE__ */ jsx(LightspeedPage, {}) }),
-      /* @__PURE__ */ jsx(
-        Route,
-        {
-          path: "/notebooks/:notebookId",
-          element: /* @__PURE__ */ jsx(LightspeedPage, {})
-        }
-      )
+      /* @__PURE__ */ jsx(Route, { path: "/notebooks/:notebookId", element: /* @__PURE__ */ jsx(LightspeedPage, {}) })
     ] })
-  ] }) }) });
+  ] });
 };
 
 export { Router };

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

@@ -1 +1 @@
-{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 { Route, Routes } from 'react-router-dom';\n\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { StylesProvider as StylesProviderV4 } from '@material-ui/core/styles';\nimport { StylesProvider } from '@mui/styles';\n\nimport {\n  generateClassName,\n  generateClassNameV4,\n} from '../utils/generateClassName';\nimport { LightspeedPage } from './LightspeedPage';\n\n/**\n * @public\n */\nexport const Router = () => {\n  const configApi = useApi(configApiRef);\n  const notebooksEnabled =\n    configApi.getOptionalBoolean('intelligent-assistant.notebooks.enabled') ??\n    false;\n\n  return (\n    <StylesProvider generateClassName={generateClassName}>\n      <StylesProviderV4 generateClassName={generateClassNameV4}>\n        <Routes>\n          <Route path=\"/\" element={<LightspeedPage />} />\n          <Route\n            path=\"/conversation/:conversationId\"\n            element={<LightspeedPage />}\n          />\n          {notebooksEnabled && (\n            <>\n              <Route path=\"/notebooks\" element={<LightspeedPage />} />\n              <Route\n                path=\"/notebooks/:notebookId\"\n                element={<LightspeedPage />}\n              />\n            </>\n          )}\n        </Routes>\n      </StylesProviderV4>\n    </StylesProvider>\n  );\n};\n"],"names":["StylesProviderV4"],"mappings":";;;;;;;;AAgCO,MAAM,SAAS,MAAM;AAC1B,EAAA,MAAM,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,gBAAA,GACJ,SAAA,CAAU,kBAAA,CAAmB,yCAAyC,CAAA,IACtE,KAAA;AAEF,EAAA,uBACE,GAAA,CAAC,kBAAe,iBAAA,EACd,QAAA,kBAAA,GAAA,CAACA,oBAAiB,iBAAA,EAAmB,mBAAA,EACnC,+BAAC,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,oBAC7C,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,+BAAA;AAAA,QACL,OAAA,sBAAU,cAAA,EAAA,EAAe;AAAA;AAAA,KAC3B;AAAA,IACC,oCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,YAAA,EAAa,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,sBACtD,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,wBAAA;AAAA,UACL,OAAA,sBAAU,cAAA,EAAA,EAAe;AAAA;AAAA;AAC3B,KAAA,EACF;AAAA,GAAA,EAEJ,GACF,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 { Route, Routes } from 'react-router-dom';\n\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { LightspeedPage } from './LightspeedPage';\n\n/**\n * @public\n */\nexport const Router = () => {\n  const configApi = useApi(configApiRef);\n  const notebooksEnabled =\n    configApi.getOptionalBoolean('intelligent-assistant.notebooks.enabled') ??\n    false;\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<LightspeedPage />} />\n      <Route\n        path=\"/conversation/:conversationId\"\n        element={<LightspeedPage />}\n      />\n      {notebooksEnabled && (\n        <>\n          <Route path=\"/notebooks\" element={<LightspeedPage />} />\n          <Route path=\"/notebooks/:notebookId\" element={<LightspeedPage />} />\n        </>\n      )}\n    </Routes>\n  );\n};\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,SAAS,MAAM;AAC1B,EAAA,MAAM,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,gBAAA,GACJ,SAAA,CAAU,kBAAA,CAAmB,yCAAyC,CAAA,IACtE,KAAA;AAEF,EAAA,4BACG,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,oBAC7C,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,+BAAA;AAAA,QACL,OAAA,sBAAU,cAAA,EAAA,EAAe;AAAA;AAAA,KAC3B;AAAA,IACC,oCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,YAAA,EAAa,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,0BACrD,KAAA,EAAA,EAAM,IAAA,EAAK,0BAAyB,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI;AAAA,KAAA,EACpE;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/ToastAlertGroup.esm.js

@@ -1,55 +1,39 @@
 import { jsx } from 'react/jsx-runtime';
-import { makeStyles } from '@material-ui/core';
+import { styled } from '@mui/material/styles';
 import { AlertGroup, Alert, AlertVariant, AlertActionCloseButton } from '@patternfly/react-core';
 
-const useStyles = makeStyles((theme) => ({
-  toastAlertGroup: {
-    "--pf-v6-c-alert-group--m-toast--InsetInlineEnd": `${theme.spacing(2.5)}px`,
-    "--pf-v6-c-alert-group--m-toast--InsetBlockStart": `${theme.spacing(2.5)}px`,
-    "--pf-v6-c-alert-group--m-toast--MaxWidth": "350px",
-    "--pf-v6-c-alert-group--m-toast--ZIndex": "9999"
-  },
-  toastAlert: {
-    maxWidth: "350px",
-    "& .pf-v6-c-alert__title": {
-      margin: 0
-    }
-  }
+const ToastAlerts = styled(AlertGroup)(() => ({
+  "--pf-v6-c-alert-group--m-toast--MaxWidth": "350px !important"
 }));
+const ToastAlert = styled(Alert)({
+  maxWidth: "350px",
+  "& .pf-v6-c-alert__title": {
+    margin: 0
+  }
+});
 const ToastAlertGroup = ({
   alerts,
   onRemoveAlert
 }) => {
-  const classes = useStyles();
   if (alerts.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    AlertGroup,
+  return /* @__PURE__ */ jsx(ToastAlerts, { hasAnimations: true, isToast: true, isLiveRegion: true, children: alerts.map(({ key, title, variant }) => /* @__PURE__ */ jsx(
+    ToastAlert,
     {
-      hasAnimations: true,
-      isToast: true,
-      isLiveRegion: true,
-      className: classes.toastAlertGroup,
-      children: alerts.map(({ key, title, variant }) => /* @__PURE__ */ jsx(
-        Alert,
+      variant: AlertVariant[variant ?? "success"],
+      title,
+      timeout: 2e3,
+      onTimeout: () => onRemoveAlert(key),
+      actionClose: /* @__PURE__ */ jsx(
+        AlertActionCloseButton,
         {
-          variant: AlertVariant[variant ?? "success"],
           title,
-          className: classes.toastAlert,
-          timeout: 2e3,
-          onTimeout: () => onRemoveAlert(key),
-          actionClose: /* @__PURE__ */ jsx(
-            AlertActionCloseButton,
-            {
-              title,
-              variantLabel: `${variant ?? "success"} alert`,
-              onClose: () => onRemoveAlert(key)
-            }
-          )
-        },
-        key
-      ))
-    }
-  );
+          variantLabel: `${variant ?? "success"} alert`,
+          onClose: () => onRemoveAlert(key)
+        }
+      )
+    },
+    key
+  )) });
 };
 
 export { ToastAlertGroup };

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

@@ -1 +1 @@
-{"version":3,"file":"ToastAlertGroup.esm.js","sources":["../../src/components/ToastAlertGroup.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\n\nimport { makeStyles } from '@material-ui/core';\nimport {\n  Alert,\n  AlertActionCloseButton,\n  AlertGroup,\n  AlertVariant,\n  type AlertProps,\n} from '@patternfly/react-core';\n\nconst useStyles = makeStyles(theme => ({\n  toastAlertGroup: {\n    '--pf-v6-c-alert-group--m-toast--InsetInlineEnd': `${theme.spacing(2.5)}px`,\n    '--pf-v6-c-alert-group--m-toast--InsetBlockStart': `${theme.spacing(2.5)}px`,\n    '--pf-v6-c-alert-group--m-toast--MaxWidth': '350px',\n    '--pf-v6-c-alert-group--m-toast--ZIndex': '9999',\n  },\n  toastAlert: {\n    maxWidth: '350px',\n    '& .pf-v6-c-alert__title': {\n      margin: 0,\n    },\n  },\n}));\n\ntype ToastAlertGroupProps = {\n  alerts: Partial<AlertProps>[];\n  onRemoveAlert: (key: React.Key) => void;\n};\n\nexport const ToastAlertGroup = ({\n  alerts,\n  onRemoveAlert,\n}: ToastAlertGroupProps) => {\n  const classes = useStyles();\n\n  if (alerts.length === 0) return null;\n\n  return (\n    <AlertGroup\n      hasAnimations\n      isToast\n      isLiveRegion\n      className={classes.toastAlertGroup}\n    >\n      {alerts.map(({ key, title, variant }) => (\n        <Alert\n          key={key}\n          variant={AlertVariant[variant ?? 'success']}\n          title={title}\n          className={classes.toastAlert}\n          timeout={2000}\n          onTimeout={() => onRemoveAlert(key as React.Key)}\n          actionClose={\n            <AlertActionCloseButton\n              title={title as string}\n              variantLabel={`${variant ?? 'success'} alert`}\n              onClose={() => onRemoveAlert(key as React.Key)}\n            />\n          }\n        />\n      ))}\n    </AlertGroup>\n  );\n};\n"],"names":[],"mappings":";;;;AA2BA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,eAAA,EAAiB;AAAA,IACf,gDAAA,EAAkD,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAC,CAAA,EAAA,CAAA;AAAA,IACvE,iDAAA,EAAmD,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAC,CAAA,EAAA,CAAA;AAAA,IACxE,0CAAA,EAA4C,OAAA;AAAA,IAC5C,wCAAA,EAA0C;AAAA,GAC5C;AAAA,EACA,UAAA,EAAY;AAAA,IACV,QAAA,EAAU,OAAA;AAAA,IACV,yBAAA,EAA2B;AAAA,MACzB,MAAA,EAAQ;AAAA;AACV;AAEJ,CAAA,CAAE,CAAA;AAOK,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA;AACF,CAAA,KAA4B;AAC1B,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,IAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAEhC,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAa,IAAA;AAAA,MACb,OAAA,EAAO,IAAA;AAAA,MACP,YAAA,EAAY,IAAA;AAAA,MACZ,WAAW,OAAA,CAAQ,eAAA;AAAA,MAElB,iBAAO,GAAA,CAAI,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,SAAQ,qBACjC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UAEC,OAAA,EAAS,YAAA,CAAa,OAAA,IAAW,SAAS,CAAA;AAAA,UAC1C,KAAA;AAAA,UACA,WAAW,OAAA,CAAQ,UAAA;AAAA,UACnB,OAAA,EAAS,GAAA;AAAA,UACT,SAAA,EAAW,MAAM,aAAA,CAAc,GAAgB,CAAA;AAAA,UAC/C,WAAA,kBACE,GAAA;AAAA,YAAC,sBAAA;AAAA,YAAA;AAAA,cACC,KAAA;AAAA,cACA,YAAA,EAAc,CAAA,EAAG,OAAA,IAAW,SAAS,CAAA,MAAA,CAAA;AAAA,cACrC,OAAA,EAAS,MAAM,aAAA,CAAc,GAAgB;AAAA;AAAA;AAC/C,SAAA;AAAA,QAXG;AAAA,OAcR;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"ToastAlertGroup.esm.js","sources":["../../src/components/ToastAlertGroup.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 {\n  Alert,\n  AlertActionCloseButton,\n  AlertGroup,\n  AlertVariant,\n  type AlertProps,\n} from '@patternfly/react-core';\n\nconst ToastAlerts = styled(AlertGroup)(() => ({\n  '--pf-v6-c-alert-group--m-toast--MaxWidth': '350px !important',\n}));\n\nconst ToastAlert = styled(Alert)({\n  maxWidth: '350px',\n  '& .pf-v6-c-alert__title': {\n    margin: 0,\n  },\n});\n\ntype ToastAlertGroupProps = {\n  alerts: Partial<AlertProps>[];\n  onRemoveAlert: (key: React.Key) => void;\n};\n\nexport const ToastAlertGroup = ({\n  alerts,\n  onRemoveAlert,\n}: ToastAlertGroupProps) => {\n  if (alerts.length === 0) return null;\n\n  return (\n    <ToastAlerts hasAnimations isToast isLiveRegion>\n      {alerts.map(({ key, title, variant }) => (\n        <ToastAlert\n          key={key}\n          variant={AlertVariant[variant ?? 'success']}\n          title={title}\n          timeout={2000}\n          onTimeout={() => onRemoveAlert(key as React.Key)}\n          actionClose={\n            <AlertActionCloseButton\n              title={title as string}\n              variantLabel={`${variant ?? 'success'} alert`}\n              onClose={() => onRemoveAlert(key as React.Key)}\n            />\n          }\n        />\n      ))}\n    </ToastAlerts>\n  );\n};\n"],"names":[],"mappings":";;;;AAyBA,MAAM,WAAA,GAAc,MAAA,CAAO,UAAU,CAAA,CAAE,OAAO;AAAA,EAC5C,0CAAA,EAA4C;AAC9C,CAAA,CAAE,CAAA;AAEF,MAAM,UAAA,GAAa,MAAA,CAAO,KAAK,CAAA,CAAE;AAAA,EAC/B,QAAA,EAAU,OAAA;AAAA,EACV,yBAAA,EAA2B;AAAA,IACzB,MAAA,EAAQ;AAAA;AAEZ,CAAC,CAAA;AAOM,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA;AACF,CAAA,KAA4B;AAC1B,EAAA,IAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAEhC,EAAA,uBACE,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAa,IAAA,EAAC,SAAO,IAAA,EAAC,YAAA,EAAY,IAAA,EAC5C,QAAA,EAAA,MAAA,CAAO,IAAI,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,SAAQ,qBACjC,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MAEC,OAAA,EAAS,YAAA,CAAa,OAAA,IAAW,SAAS,CAAA;AAAA,MAC1C,KAAA;AAAA,MACA,OAAA,EAAS,GAAA;AAAA,MACT,SAAA,EAAW,MAAM,aAAA,CAAc,GAAgB,CAAA;AAAA,MAC/C,WAAA,kBACE,GAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,KAAA;AAAA,UACA,YAAA,EAAc,CAAA,EAAG,OAAA,IAAW,SAAS,CAAA,MAAA,CAAA;AAAA,UACrC,OAAA,EAAS,MAAM,aAAA,CAAc,GAAgB;AAAA;AAAA;AAC/C,KAAA;AAAA,IAVG;AAAA,GAaR,CAAA,EACH,CAAA;AAEJ;;;;"}

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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"}