@red-hat-developer-hub/backstage-plugin-lightspeed 2.8.1 → 2.8.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 ## @red-hat-developer-hub/backstage-plugin-lightspeed
 
+## 2.8.3
+
+### Patch Changes
+
+- 4b07772: Translations updated for de/es/fr/it/ja
+  - @red-hat-developer-hub/backstage-plugin-lightspeed-common@2.8.3
+
+## 2.8.2
+
+### Patch Changes
+
+- 326f2cb: Scope all JSS class names with a `lightspeed-` prefix via seeded `StylesProvider` to prevent CSS collisions with other dynamically loaded plugins in RHDH.
+- 326f2cb: UI improvements and bug fixes: unify MessageBar across display modes, fix message content overflow, rename chat section titles, update chat history panel icons, remove redundant success upload alerts, add delete resource confirmation modal, replace MCP settings icon with gear and add New badge.
+  - @red-hat-developer-hub/backstage-plugin-lightspeed-common@2.8.2
+
 ## 2.8.1
 
 ### Patch Changes

package/dist/alpha/LightspeedFAB.esm.js

@@ -1,13 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
+import { StylesProvider as StylesProvider$1 } from '@material-ui/core/styles';
 import CloseIcon from '@mui/icons-material/Close';
 import Fab from '@mui/material/Fab';
 import Tooltip from '@mui/material/Tooltip';
-import { makeStyles } from '@mui/styles';
+import { makeStyles, StylesProvider } from '@mui/styles';
 import { ChatbotDisplayMode } from '@patternfly/chatbot';
 import { LightspeedFABIcon } from '../components/LightspeedIcon.esm.js';
 import { DOCKED_CONTENT_OFFSET } from '../const.esm.js';
 import { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext.esm.js';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { generateClassName, generateClassNameV4 } from '../utils/generateClassName.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   fab: {
@@ -30,7 +32,7 @@ const useStyles = makeStyles((theme) => ({
     }
   }
 }));
-const LightspeedFAB = () => {
+const LightspeedFABInner = () => {
   const { t } = useTranslation();
   const { isChatbotActive, toggleChatbot, displayMode } = useLightspeedDrawerContext();
   const fabButton = useStyles();
@@ -66,6 +68,7 @@ const LightspeedFAB = () => {
     }
   );
 };
+const LightspeedFAB = () => /* @__PURE__ */ jsx(StylesProvider, { generateClassName, children: /* @__PURE__ */ jsx(StylesProvider$1, { generateClassName: generateClassNameV4, children: /* @__PURE__ */ jsx(LightspeedFABInner, {}) }) });
 
 export { LightspeedFAB };
 //# sourceMappingURL=LightspeedFAB.esm.js.map

package/dist/alpha/LightspeedFAB.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightspeedFAB.esm.js","sources":["../../src/alpha/LightspeedFAB.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 Close from '@mui/icons-material/Close';\nimport Fab from '@mui/material/Fab';\nimport Tooltip from '@mui/material/Tooltip';\nimport { makeStyles } from '@mui/styles';\nimport { ChatbotDisplayMode } from '@patternfly/chatbot';\n\nimport { LightspeedFABIcon } from '../components/LightspeedIcon';\nimport { DOCKED_CONTENT_OFFSET } from '../const';\nimport { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext';\nimport { useTranslation } from '../hooks/useTranslation';\n\nconst useStyles = makeStyles(theme => ({\n  fab: {\n    opacity: '1 !important',\n    backgroundColor: `${theme?.palette?.primary?.main ?? '#1976d2'} !important`,\n    color: `${theme?.palette?.primary?.contrastText ?? '#fff'} !important`,\n    boxShadow: `${\n      theme?.shadows?.[6] ??\n      '0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)'\n    } !important`,\n  },\n  'fab-button': {\n    bottom: `calc(${theme?.spacing?.(2) ?? '16px'} + 1.5em)`,\n    right: `calc(${theme?.spacing?.(2) ?? '16px'} + 1.5em)`,\n    alignItems: 'end',\n    zIndex: 200,\n    display: 'flex',\n    position: 'fixed',\n\n    // When ApplicationDrawer is docked, match main content inset\n    'body.docked-drawer-open &': {\n      transition: 'margin-right 0.3s ease',\n      marginRight: DOCKED_CONTENT_OFFSET,\n    },\n  },\n}));\n\n/**\n * @alpha\n * Lightspeed Floating action button to open/close the lightspeed chatbot\n */\n\nexport const LightspeedFAB = () => {\n  const { t } = useTranslation();\n  const { isChatbotActive, toggleChatbot, displayMode } =\n    useLightspeedDrawerContext();\n  const fabButton = useStyles();\n\n  if (displayMode === ChatbotDisplayMode.embedded) {\n    return null;\n  }\n\n  return (\n    <div\n      className={fabButton['fab-button']}\n      id=\"lightspeed-fab\"\n      data-testid=\"lightspeed-fab\"\n    >\n      <Tooltip\n        title={isChatbotActive ? t('tooltip.fab.close') : t('tooltip.fab.open')}\n        placement=\"left\"\n      >\n        <Fab\n          color=\"primary\"\n          variant=\"circular\"\n          size=\"small\"\n          onClick={toggleChatbot}\n          aria-label={\n            isChatbotActive ? t('tooltip.fab.close') : t('tooltip.fab.open')\n          }\n          className={fabButton.fab}\n          sx={{ borderRadius: '100% !important' }}\n        >\n          {isChatbotActive ? <Close fontSize=\"small\" /> : <LightspeedFABIcon />}\n        </Fab>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":["Close"],"mappings":";;;;;;;;;;;AA2BA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,cAAA;AAAA,IACT,iBAAiB,CAAA,EAAG,KAAA,EAAO,OAAA,EAAS,OAAA,EAAS,QAAQ,SAAS,CAAA,WAAA,CAAA;AAAA,IAC9D,OAAO,CAAA,EAAG,KAAA,EAAO,OAAA,EAAS,OAAA,EAAS,gBAAgB,MAAM,CAAA,WAAA,CAAA;AAAA,IACzD,WAAW,CAAA,EACT,KAAA,EAAO,OAAA,GAAU,CAAC,KAClB,wGACF,CAAA,WAAA;AAAA,GACF;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,QAAQ,CAAA,KAAA,EAAQ,KAAA,EAAO,OAAA,GAAU,CAAC,KAAK,MAAM,CAAA,SAAA,CAAA;AAAA,IAC7C,OAAO,CAAA,KAAA,EAAQ,KAAA,EAAO,OAAA,GAAU,CAAC,KAAK,MAAM,CAAA,SAAA,CAAA;AAAA,IAC5C,UAAA,EAAY,KAAA;AAAA,IACZ,MAAA,EAAQ,GAAA;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,QAAA,EAAU,OAAA;AAAA;AAAA,IAGV,2BAAA,EAA6B;AAAA,MAC3B,UAAA,EAAY,wBAAA;AAAA,MACZ,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA,CAAE,CAAA;AAOK,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,eAAA,EAAiB,aAAA,EAAe,WAAA,KACtC,0BAAA,EAA2B;AAC7B,EAAA,MAAM,YAAY,SAAA,EAAU;AAE5B,EAAA,IAAI,WAAA,KAAgB,mBAAmB,QAAA,EAAU;AAC/C,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAU,YAAY,CAAA;AAAA,MACjC,EAAA,EAAG,gBAAA;AAAA,MACH,aAAA,EAAY,gBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAO,eAAA,GAAkB,CAAA,CAAE,mBAAmB,CAAA,GAAI,EAAE,kBAAkB,CAAA;AAAA,UACtE,SAAA,EAAU,MAAA;AAAA,UAEV,QAAA,kBAAA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,SAAA;AAAA,cACN,OAAA,EAAQ,UAAA;AAAA,cACR,IAAA,EAAK,OAAA;AAAA,cACL,OAAA,EAAS,aAAA;AAAA,cACT,cACE,eAAA,GAAkB,CAAA,CAAE,mBAAmB,CAAA,GAAI,EAAE,kBAAkB,CAAA;AAAA,cAEjE,WAAW,SAAA,CAAU,GAAA;AAAA,cACrB,EAAA,EAAI,EAAE,YAAA,EAAc,iBAAA,EAAkB;AAAA,cAErC,4CAAkB,GAAA,CAACA,SAAA,EAAA,EAAM,UAAS,OAAA,EAAQ,CAAA,uBAAM,iBAAA,EAAA,EAAkB;AAAA;AAAA;AACrE;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"LightspeedFAB.esm.js","sources":["../../src/alpha/LightspeedFAB.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 { StylesProvider as StylesProviderV4 } from '@material-ui/core/styles';\nimport Close from '@mui/icons-material/Close';\nimport Fab from '@mui/material/Fab';\nimport Tooltip from '@mui/material/Tooltip';\nimport { makeStyles, StylesProvider } from '@mui/styles';\nimport { ChatbotDisplayMode } from '@patternfly/chatbot';\n\nimport { LightspeedFABIcon } from '../components/LightspeedIcon';\nimport { DOCKED_CONTENT_OFFSET } from '../const';\nimport { useLightspeedDrawerContext } from '../hooks/useLightspeedDrawerContext';\nimport { useTranslation } from '../hooks/useTranslation';\nimport {\n  generateClassName,\n  generateClassNameV4,\n} from '../utils/generateClassName';\n\nconst useStyles = makeStyles(theme => ({\n  fab: {\n    opacity: '1 !important',\n    backgroundColor: `${theme?.palette?.primary?.main ?? '#1976d2'} !important`,\n    color: `${theme?.palette?.primary?.contrastText ?? '#fff'} !important`,\n    boxShadow: `${\n      theme?.shadows?.[6] ??\n      '0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)'\n    } !important`,\n  },\n  'fab-button': {\n    bottom: `calc(${theme?.spacing?.(2) ?? '16px'} + 1.5em)`,\n    right: `calc(${theme?.spacing?.(2) ?? '16px'} + 1.5em)`,\n    alignItems: 'end',\n    zIndex: 200,\n    display: 'flex',\n    position: 'fixed',\n\n    // When ApplicationDrawer is docked, match main content inset\n    'body.docked-drawer-open &': {\n      transition: 'margin-right 0.3s ease',\n      marginRight: DOCKED_CONTENT_OFFSET,\n    },\n  },\n}));\n\nconst LightspeedFABInner = () => {\n  const { t } = useTranslation();\n  const { isChatbotActive, toggleChatbot, displayMode } =\n    useLightspeedDrawerContext();\n  const fabButton = useStyles();\n\n  if (displayMode === ChatbotDisplayMode.embedded) {\n    return null;\n  }\n\n  return (\n    <div\n      className={fabButton['fab-button']}\n      id=\"lightspeed-fab\"\n      data-testid=\"lightspeed-fab\"\n    >\n      <Tooltip\n        title={isChatbotActive ? t('tooltip.fab.close') : t('tooltip.fab.open')}\n        placement=\"left\"\n      >\n        <Fab\n          color=\"primary\"\n          variant=\"circular\"\n          size=\"small\"\n          onClick={toggleChatbot}\n          aria-label={\n            isChatbotActive ? t('tooltip.fab.close') : t('tooltip.fab.open')\n          }\n          className={fabButton.fab}\n          sx={{ borderRadius: '100% !important' }}\n        >\n          {isChatbotActive ? <Close fontSize=\"small\" /> : <LightspeedFABIcon />}\n        </Fab>\n      </Tooltip>\n    </div>\n  );\n};\n\n/**\n * @alpha\n * Lightspeed Floating action button to open/close the lightspeed chatbot\n */\nexport const LightspeedFAB = () => (\n  <StylesProvider generateClassName={generateClassName}>\n    <StylesProviderV4 generateClassName={generateClassNameV4}>\n      <LightspeedFABInner />\n    </StylesProviderV4>\n  </StylesProvider>\n);\n"],"names":["Close","StylesProviderV4"],"mappings":";;;;;;;;;;;;;AAgCA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,cAAA;AAAA,IACT,iBAAiB,CAAA,EAAG,KAAA,EAAO,OAAA,EAAS,OAAA,EAAS,QAAQ,SAAS,CAAA,WAAA,CAAA;AAAA,IAC9D,OAAO,CAAA,EAAG,KAAA,EAAO,OAAA,EAAS,OAAA,EAAS,gBAAgB,MAAM,CAAA,WAAA,CAAA;AAAA,IACzD,WAAW,CAAA,EACT,KAAA,EAAO,OAAA,GAAU,CAAC,KAClB,wGACF,CAAA,WAAA;AAAA,GACF;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,QAAQ,CAAA,KAAA,EAAQ,KAAA,EAAO,OAAA,GAAU,CAAC,KAAK,MAAM,CAAA,SAAA,CAAA;AAAA,IAC7C,OAAO,CAAA,KAAA,EAAQ,KAAA,EAAO,OAAA,GAAU,CAAC,KAAK,MAAM,CAAA,SAAA,CAAA;AAAA,IAC5C,UAAA,EAAY,KAAA;AAAA,IACZ,MAAA,EAAQ,GAAA;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,QAAA,EAAU,OAAA;AAAA;AAAA,IAGV,2BAAA,EAA6B;AAAA,MAC3B,UAAA,EAAY,wBAAA;AAAA,MACZ,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA,CAAE,CAAA;AAEF,MAAM,qBAAqB,MAAM;AAC/B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,eAAA,EAAiB,aAAA,EAAe,WAAA,KACtC,0BAAA,EAA2B;AAC7B,EAAA,MAAM,YAAY,SAAA,EAAU;AAE5B,EAAA,IAAI,WAAA,KAAgB,mBAAmB,QAAA,EAAU;AAC/C,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAU,YAAY,CAAA;AAAA,MACjC,EAAA,EAAG,gBAAA;AAAA,MACH,aAAA,EAAY,gBAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAO,eAAA,GAAkB,CAAA,CAAE,mBAAmB,CAAA,GAAI,EAAE,kBAAkB,CAAA;AAAA,UACtE,SAAA,EAAU,MAAA;AAAA,UAEV,QAAA,kBAAA,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAM,SAAA;AAAA,cACN,OAAA,EAAQ,UAAA;AAAA,cACR,IAAA,EAAK,OAAA;AAAA,cACL,OAAA,EAAS,aAAA;AAAA,cACT,cACE,eAAA,GAAkB,CAAA,CAAE,mBAAmB,CAAA,GAAI,EAAE,kBAAkB,CAAA;AAAA,cAEjE,WAAW,SAAA,CAAU,GAAA;AAAA,cACrB,EAAA,EAAI,EAAE,YAAA,EAAc,iBAAA,EAAkB;AAAA,cAErC,4CAAkB,GAAA,CAACA,SAAA,EAAA,EAAM,UAAS,OAAA,EAAQ,CAAA,uBAAM,iBAAA,EAAA,EAAkB;AAAA;AAAA;AACrE;AAAA;AACF;AAAA,GACF;AAEJ,CAAA;AAMO,MAAM,aAAA,GAAgB,sBAC3B,GAAA,CAAC,cAAA,EAAA,EAAe,iBAAA,EACd,QAAA,kBAAA,GAAA,CAACC,gBAAA,EAAA,EAAiB,iBAAA,EAAmB,mBAAA,EACnC,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,CAAA,EACtB,CAAA,EACF;;;;"}

package/dist/alpha.d.ts

@@ -77,7 +77,6 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "notebook.view.sidebar.resize": string;
     readonly "notebook.view.documents.uploading": string;
     readonly "notebook.view.documents.maxReached": string;
-    readonly "notebook.upload.success": string;
     readonly "notebook.upload.failed": string;
     readonly "notebook.upload.modal.title": string;
     readonly "notebook.upload.modal.dragDropTitle": string;
@@ -94,6 +93,10 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "notebook.overwrite.modal.description": string;
     readonly "notebook.overwrite.modal.action": string;
     readonly "notebook.document.delete": string;
+    readonly "notebook.document.delete.title": string;
+    readonly "notebook.document.delete.description": string;
+    readonly "notebook.document.delete.action": string;
+    readonly "notebook.document.delete.success": string;
     readonly "conversation.delete.confirm.title": string;
     readonly "conversation.delete.confirm.message": string;
     readonly "conversation.delete.confirm.action": string;
@@ -173,8 +176,6 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "tooltip.fab.close": string;
     readonly "attach.menu.title": string;
     readonly "attach.menu.description": string;
-    readonly "history.section.pinned": string;
-    readonly "history.section.recent": string;
     readonly "modal.title.preview": string;
     readonly "modal.title.edit": string;
     readonly "icon.lightspeed.alt": string;
@@ -210,6 +211,7 @@ declare const lightspeedTranslationRef: _backstage_frontend_plugin_api.Translati
     readonly "settings.pinned.enabled.description": string;
     readonly "settings.pinned.disabled.description": string;
     readonly "settings.mcp.label": string;
+    readonly "settings.mcp.badge": string;
     readonly "mcp.settings.title": string;
     readonly "mcp.settings.selectedCount": string;
     readonly "mcp.settings.closeAriaLabel": string;

package/dist/components/CollapsedHistoryStrip.esm.js

@@ -4,23 +4,18 @@ import { Tooltip, Button } from '@patternfly/react-core';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
 import { SidebarExpandIcon } from './notebooks/SidebarCollapseIcon.esm.js';
 
-const EditSquareIcon = ({ className }) => /* @__PURE__ */ jsx(
+const PencilIcon = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {
     className,
-    width: "20",
-    height: "20",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: { verticalAlign: "middle" },
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14L12 5H5V19H19V12L21 10V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM16.175 5.775L17.6 7.2L12 12.8V14H13.2L18.8 8.4L20.225 9.825L14.275 15.775C14.1083 15.9417 13.9167 16.0667 13.7 16.15C13.4833 16.2333 13.2583 16.275 13.025 16.275H11C10.7167 16.275 10.4792 16.1792 10.2875 15.9875C10.0958 15.7958 10 15.5583 10 15.275V13.25C10 13.0167 10.0417 12.7917 10.125 12.575C10.2083 12.3583 10.3333 12.1667 10.5 12L16.175 5.775ZM20.225 9.825L16.175 5.775L18.175 3.775C18.5583 3.39167 19.0292 3.2 19.5875 3.2C20.1458 3.2 20.6167 3.39167 21 3.775L22.225 5C22.6083 5.38333 22.8 5.85417 22.8 6.4125C22.8 6.97083 22.6083 7.44167 22.225 7.825L20.225 9.825Z",
-        fill: "currentColor"
-      }
-    )
+    viewBox: "0 0 512 512",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    role: "img",
+    width: "1em",
+    height: "1em",
+    style: { width: 16, height: 16 },
+    children: /* @__PURE__ */ jsx("path", { d: "M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z" })
   }
 );
 const useStyles = makeStyles((theme) => ({
@@ -38,23 +33,31 @@ const useStyles = makeStyles((theme) => ({
     height: "100%"
   },
   iconButton: {
-    padding: 8,
+    padding: "8px !important",
     minWidth: 0,
     lineHeight: 1,
-    borderRadius: "50%",
+    borderRadius: "8px !important",
+    border: "1px solid var(--pf-t--global--border--color--default) !important",
     color: "var(--pf-t--global--icon--color--regular)",
+    "& svg": {
+      width: 18,
+      height: 18
+    },
     "&:hover": {
-      color: "var(--pf-t--global--icon--color--hover)",
-      backgroundColor: "var(--pf-t--global--background--color--action--plain--hover)"
+      color: "var(--pf-t--global--icon--color--hover) !important",
+      backgroundColor: "var(--pf-t--global--background--color--action--plain--hover) !important"
     }
   },
   newChatIconButton: {
-    padding: 0,
+    padding: "8px !important",
     minWidth: 0,
     lineHeight: 1,
+    borderRadius: "8px !important",
+    border: "1px solid var(--pf-t--global--border--color--default) !important",
     color: "var(--pf-t--global--color--brand--default)",
     "&:hover": {
-      color: "var(--pf-t--global--color--brand--hover)"
+      color: "var(--pf-t--global--color--brand--hover) !important",
+      backgroundColor: "var(--pf-t--global--background--color--action--plain--hover) !important"
     }
   }
 }));
@@ -84,11 +87,11 @@ const CollapsedHistoryStrip = ({
         onClick: onNewChat,
         "aria-label": t("tooltip.quickNewChat"),
         isDisabled: newChatDisabled,
-        children: /* @__PURE__ */ jsx(EditSquareIcon, {})
+        children: /* @__PURE__ */ jsx(PencilIcon, {})
       }
     ) })
   ] });
 };
 
-export { CollapsedHistoryStrip, EditSquareIcon };
+export { CollapsedHistoryStrip, PencilIcon };
 //# sourceMappingURL=CollapsedHistoryStrip.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsedHistoryStrip.esm.js","sources":["../../src/components/CollapsedHistoryStrip.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 { Button, Tooltip } from '@patternfly/react-core';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { SidebarExpandIcon } from './notebooks/SidebarCollapseIcon';\n\ntype IconProps = {\n  className?: string;\n};\n\nexport const EditSquareIcon = ({ className }: IconProps) => (\n  <svg\n    className={className}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    style={{ verticalAlign: 'middle' }}\n  >\n    <path\n      d=\"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H14L12 5H5V19H19V12L21 10V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM16.175 5.775L17.6 7.2L12 12.8V14H13.2L18.8 8.4L20.225 9.825L14.275 15.775C14.1083 15.9417 13.9167 16.0667 13.7 16.15C13.4833 16.2333 13.2583 16.275 13.025 16.275H11C10.7167 16.275 10.4792 16.1792 10.2875 15.9875C10.0958 15.7958 10 15.5583 10 15.275V13.25C10 13.0167 10.0417 12.7917 10.125 12.575C10.2083 12.3583 10.3333 12.1667 10.5 12L16.175 5.775ZM20.225 9.825L16.175 5.775L18.175 3.775C18.5583 3.39167 19.0292 3.2 19.5875 3.2C20.1458 3.2 20.6167 3.39167 21 3.775L22.225 5C22.6083 5.38333 22.8 5.85417 22.8 6.4125C22.8 6.97083 22.6083 7.44167 22.225 7.825L20.225 9.825Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nconst useStyles = makeStyles(theme => ({\n  strip: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    paddingTop: theme.spacing(1.5),\n    gap: theme.spacing(1.5),\n    borderRight: '1px solid var(--pf-t--global--border--color--default)',\n    width: 48,\n    minWidth: 48,\n    flexShrink: 0,\n    backgroundColor: 'var(--pf-t--global--background--color--primary--default)',\n    height: '100%',\n  },\n  iconButton: {\n    padding: 8,\n    minWidth: 0,\n    lineHeight: 1,\n    borderRadius: '50%',\n    color: 'var(--pf-t--global--icon--color--regular)',\n    '&:hover': {\n      color: 'var(--pf-t--global--icon--color--hover)',\n      backgroundColor:\n        'var(--pf-t--global--background--color--action--plain--hover)',\n    },\n  },\n  newChatIconButton: {\n    padding: 0,\n    minWidth: 0,\n    lineHeight: 1,\n    color: 'var(--pf-t--global--color--brand--default)',\n    '&:hover': {\n      color: 'var(--pf-t--global--color--brand--hover)',\n    },\n  },\n}));\n\ntype CollapsedHistoryStripProps = {\n  onExpand: () => void;\n  onNewChat: () => void;\n  newChatDisabled?: boolean;\n};\n\nexport const CollapsedHistoryStrip = ({\n  onExpand,\n  onNewChat,\n  newChatDisabled = false,\n}: CollapsedHistoryStripProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <div className={classes.strip}>\n      <Tooltip content={t('tooltip.expandHistoryPanel')} position=\"right\">\n        <Button\n          variant=\"plain\"\n          className={classes.iconButton}\n          onClick={onExpand}\n          aria-label={t('tooltip.expandHistoryPanel')}\n        >\n          <SidebarExpandIcon />\n        </Button>\n      </Tooltip>\n      <Tooltip content={t('tooltip.quickNewChat')} position=\"right\">\n        <Button\n          variant=\"plain\"\n          className={classes.newChatIconButton}\n          onClick={onNewChat}\n          aria-label={t('tooltip.quickNewChat')}\n          isDisabled={newChatDisabled}\n        >\n          <EditSquareIcon />\n        </Button>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,cAAA,GAAiB,CAAC,EAAE,SAAA,EAAU,qBACzC,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,SAAA;AAAA,IACA,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAO,EAAE,aAAA,EAAe,QAAA,EAAS;AAAA,IAEjC,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,gzBAAA;AAAA,QACF,IAAA,EAAK;AAAA;AAAA;AACP;AACF;AAGF,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC7B,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,WAAA,EAAa,uDAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,QAAA,EAAU,EAAA;AAAA,IACV,UAAA,EAAY,CAAA;AAAA,IACZ,eAAA,EAAiB,0DAAA;AAAA,IACjB,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,UAAA,EAAY;AAAA,IACV,OAAA,EAAS,CAAA;AAAA,IACT,QAAA,EAAU,CAAA;AAAA,IACV,UAAA,EAAY,CAAA;AAAA,IACZ,YAAA,EAAc,KAAA;AAAA,IACd,KAAA,EAAO,2CAAA;AAAA,IACP,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,yCAAA;AAAA,MACP,eAAA,EACE;AAAA;AACJ,GACF;AAAA,EACA,iBAAA,EAAmB;AAAA,IACjB,OAAA,EAAS,CAAA;AAAA,IACT,QAAA,EAAU,CAAA;AAAA,IACV,UAAA,EAAY,CAAA;AAAA,IACZ,KAAA,EAAO,4CAAA;AAAA,IACP,SAAA,EAAW;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA,CAAE,CAAA;AAQK,MAAM,wBAAwB,CAAC;AAAA,EACpC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA,GAAkB;AACpB,CAAA,KAAkC;AAChC,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,KAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAQ,OAAA,EAAS,CAAA,CAAE,4BAA4B,CAAA,EAAG,UAAS,OAAA,EAC1D,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,WAAW,OAAA,CAAQ,UAAA;AAAA,QACnB,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,EAAE,4BAA4B,CAAA;AAAA,QAE1C,8BAAC,iBAAA,EAAA,EAAkB;AAAA;AAAA,KACrB,EACF,CAAA;AAAA,wBACC,OAAA,EAAA,EAAQ,OAAA,EAAS,EAAE,sBAAsB,CAAA,EAAG,UAAS,OAAA,EACpD,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,WAAW,OAAA,CAAQ,iBAAA;AAAA,QACnB,OAAA,EAAS,SAAA;AAAA,QACT,YAAA,EAAY,EAAE,sBAAsB,CAAA;AAAA,QACpC,UAAA,EAAY,eAAA;AAAA,QAEZ,8BAAC,cAAA,EAAA,EAAe;AAAA;AAAA,KAClB,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CollapsedHistoryStrip.esm.js","sources":["../../src/components/CollapsedHistoryStrip.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 { Button, Tooltip } from '@patternfly/react-core';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { SidebarExpandIcon } from './notebooks/SidebarCollapseIcon';\n\ntype IconProps = {\n  className?: string;\n};\n\nexport const PencilIcon = ({ className }: IconProps) => (\n  <svg\n    className={className}\n    viewBox=\"0 0 512 512\"\n    fill=\"currentColor\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    width=\"1em\"\n    height=\"1em\"\n    style={{ width: 16, height: 16 }}\n  >\n    <path d=\"M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z\" />\n  </svg>\n);\n\nconst useStyles = makeStyles(theme => ({\n  strip: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    paddingTop: theme.spacing(1.5),\n    gap: theme.spacing(1.5),\n    borderRight: '1px solid var(--pf-t--global--border--color--default)',\n    width: 48,\n    minWidth: 48,\n    flexShrink: 0,\n    backgroundColor: 'var(--pf-t--global--background--color--primary--default)',\n    height: '100%',\n  },\n  iconButton: {\n    padding: '8px !important',\n    minWidth: 0,\n    lineHeight: 1,\n    borderRadius: '8px !important',\n    border: '1px solid var(--pf-t--global--border--color--default) !important',\n    color: 'var(--pf-t--global--icon--color--regular)',\n    '& svg': {\n      width: 18,\n      height: 18,\n    },\n    '&:hover': {\n      color: 'var(--pf-t--global--icon--color--hover) !important',\n      backgroundColor:\n        'var(--pf-t--global--background--color--action--plain--hover) !important',\n    },\n  },\n  newChatIconButton: {\n    padding: '8px !important',\n    minWidth: 0,\n    lineHeight: 1,\n    borderRadius: '8px !important',\n    border: '1px solid var(--pf-t--global--border--color--default) !important',\n    color: 'var(--pf-t--global--color--brand--default)',\n    '&:hover': {\n      color: 'var(--pf-t--global--color--brand--hover) !important',\n      backgroundColor:\n        'var(--pf-t--global--background--color--action--plain--hover) !important',\n    },\n  },\n}));\n\ntype CollapsedHistoryStripProps = {\n  onExpand: () => void;\n  onNewChat: () => void;\n  newChatDisabled?: boolean;\n};\n\nexport const CollapsedHistoryStrip = ({\n  onExpand,\n  onNewChat,\n  newChatDisabled = false,\n}: CollapsedHistoryStripProps) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <div className={classes.strip}>\n      <Tooltip content={t('tooltip.expandHistoryPanel')} position=\"right\">\n        <Button\n          variant=\"plain\"\n          className={classes.iconButton}\n          onClick={onExpand}\n          aria-label={t('tooltip.expandHistoryPanel')}\n        >\n          <SidebarExpandIcon />\n        </Button>\n      </Tooltip>\n      <Tooltip content={t('tooltip.quickNewChat')} position=\"right\">\n        <Button\n          variant=\"plain\"\n          className={classes.newChatIconButton}\n          onClick={onNewChat}\n          aria-label={t('tooltip.quickNewChat')}\n          isDisabled={newChatDisabled}\n        >\n          <PencilIcon />\n        </Button>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LightSpeedChat.esm.js

@@ -39,7 +39,7 @@ import { getAttachments } from '../utils/attachment-utils.esm.js';
 import { getCategorizeMessages, getFootnoteProps } from '../utils/lightspeed-chatbox-utils.esm.js';
 import Attachment from './Attachment.esm.js';
 import { useFileAttachmentContext } from './AttachmentContext.esm.js';
-import { EditSquareIcon, CollapsedHistoryStrip } from './CollapsedHistoryStrip.esm.js';
+import { PencilIcon, CollapsedHistoryStrip } from './CollapsedHistoryStrip.esm.js';
 import { DeleteModal } from './DeleteModal.esm.js';
 import FilePreview from './FilePreview.esm.js';
 import { LightspeedChatBox } from './LightspeedChatBox.esm.js';
@@ -270,7 +270,7 @@ const useStyles = makeStyles((theme) => ({
       margin: "0 auto"
     }
   },
-  fullscreenMessageBar: {
+  messageBar: {
     border: "1px solid var(--pf-t--global--border--color--default)",
     borderRadius: 24,
     padding: theme.spacing(0.5),
@@ -294,6 +294,11 @@ const useStyles = makeStyles((theme) => ({
       transform: "translateX(-50%)",
       visibility: "hidden",
       pointerEvents: "none"
+    },
+    "& .pf-chatbot__message-contents": {
+      overflowX: "hidden",
+      overflowWrap: "break-word",
+      wordBreak: "break-word"
     }
   },
   chatbotContentHasOverflow: {
@@ -994,7 +999,7 @@ const LightspeedChat = ({
   );
   const filterConversations = useCallback(
     (targetValue) => {
-      const pinnedChatsKey = t("conversation.category.pinnedChats") || "Pinned";
+      const pinnedChatsKey = t("conversation.category.pinnedChats") || "Pinned chats";
       let isNoPinnedChatsSearchResults = false;
       let isNoRecentChatsSearchResults = false;
       const filteredConversations = Object.entries(categorizedMessages).reduce(
@@ -1377,17 +1382,17 @@ const LightspeedChat = ({
     /* @__PURE__ */ jsxs(
       ChatbotFooter,
       {
-        className: isFullscreenMode ? `${classes.footer} ${classes.fullscreenFooter}` : classes.footer,
+        className: `${classes.footer} ${classes.fullscreenFooter}`,
         children: [
           /* @__PURE__ */ jsx(FilePreview, {}),
           /* @__PURE__ */ jsx(
             MessageBar,
             {
-              className: isFullscreenMode ? classes.fullscreenMessageBar : void 0,
+              className: classes.messageBar,
               onSendMessage: sendMessage,
               isSendButtonDisabled,
               hasAttachButton: true,
-              attachButtonPosition: isFullscreenMode ? "start" : void 0,
+              attachButtonPosition: "start",
               handleAttach,
               hasMicrophoneButton: true,
               value: draftMessage,
@@ -1399,7 +1404,7 @@ const LightspeedChat = ({
                   inputTestId: "attachment-input",
                   tooltipContent: t("tooltip.attach"),
                   "aria-label": t("tooltip.attach"),
-                  ...isFullscreenMode && { icon: /* @__PURE__ */ jsx(PlusIcon, {}) }
+                  icon: /* @__PURE__ */ jsx(PlusIcon, {})
                 },
                 microphone: {
                   tooltipContent: {
@@ -1411,7 +1416,7 @@ const LightspeedChat = ({
                   tooltipContent: t("tooltip.send")
                 }
               },
-              additionalActions: isFullscreenMode ? /* @__PURE__ */ jsx(
+              additionalActions: /* @__PURE__ */ jsx(
                 MessageBarModelSelector,
                 {
                   selectedModel,
@@ -1423,8 +1428,8 @@ const LightspeedChat = ({
                   },
                   disabled: isSendButtonDisabled
                 }
-              ) : void 0,
-              forceMultilineLayout: isFullscreenMode,
+              ),
+              forceMultilineLayout: true,
               allowedFileTypes: supportedFileTypes,
               onAttachRejected,
               placeholder: t("chatbox.message.placeholder")
@@ -1582,7 +1587,7 @@ const LightspeedChat = ({
                 models,
                 isPinningChatsEnabled,
                 isModelSelectorDisabled: isSendButtonDisabled,
-                hideModelSelector: showNotebooksPanel || isFullscreenMode,
+                hideModelSelector: true,
                 showChatTabOptions: !showNotebooksPanel,
                 setDisplayMode: setDisplayModeFromHeader,
                 displayMode,
@@ -1712,7 +1717,7 @@ const LightspeedChat = ({
                   onNewChat: newChatCreated ? void 0 : onNewChat,
                   newChatButtonText: t("button.newChat"),
                   newChatButtonProps: {
-                    icon: isFullscreenMode ? /* @__PURE__ */ jsx(EditSquareIcon, {}) : /* @__PURE__ */ jsx(PlusIcon, {})
+                    icon: isFullscreenMode ? /* @__PURE__ */ jsx(PencilIcon, {}) : /* @__PURE__ */ jsx(PlusIcon, {})
                   },
                   handleTextInputChange: handleFilter,
                   searchInputPlaceholder: t("chatbox.search.placeholder"),