From d39bdbd2c3a5b92996eba9a42eadf85f4a6029cb Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Tue, 23 Jun 2026 11:14:08 -0400 Subject: [PATCH 01/10] feat(Message): add default bot message avatar --- packages/module/src/Message/Message.tsx | 39 +++++++++++++++++++------ 1 file changed, 30 insertions(+), 9 deletions(-) diff --git a/packages/module/src/Message/Message.tsx b/packages/module/src/Message/Message.tsx index fab7f614..f19d3491 100644 --- a/packages/module/src/Message/Message.tsx +++ b/packages/module/src/Message/Message.tsx @@ -36,6 +36,7 @@ import DeepThinking, { DeepThinkingProps } from '../DeepThinking'; import ToolCall, { ToolCallProps } from '../ToolCall'; import MarkdownContent from '../MarkdownContent'; import { css } from '@patternfly/react-styles'; +import RhUiAiChatbotIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ai-chatbot-icon'; export interface MessageAttachment { /** Name of file attached to the message */ @@ -326,6 +327,34 @@ export const MessageBase: FunctionComponent = ({ ); }; + /* We are using an empty alt tag intentionally in order to reduce noise on screen readers */ + const defaultAvatar = ( + + ); + + const botAvatar = ( + + + + ); + + let _avatar: ReactNode | undefined; + + if (avatar) { + _avatar = defaultAvatar; + } else if (role === 'bot') { + _avatar = botAvatar; + } + return (
= ({ ref={innerRef} {...props} > - {/* We are using an empty alt tag intentionally in order to reduce noise on screen readers */} - {avatar && ( - - )} + {_avatar && _avatar}
{isMetadataVisible && (
From 76c01bf4a3608de149309b6834781dec306e6aa5 Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Tue, 23 Jun 2026 16:01:14 -0400 Subject: [PATCH 02/10] add flag to hide avatar, move classes to shared var --- packages/module/src/Message/Message.tsx | 32 ++++++++++++------------- 1 file changed, 15 insertions(+), 17 deletions(-) diff --git a/packages/module/src/Message/Message.tsx b/packages/module/src/Message/Message.tsx index f19d3491..895b00b9 100644 --- a/packages/module/src/Message/Message.tsx +++ b/packages/module/src/Message/Message.tsx @@ -87,6 +87,8 @@ export interface MessageProps extends Omit, 'role'> { name?: string; /** Avatar src for the user */ avatar?: string; + /** Flag indicating whether the avatar is hidden */ + isAvatarHidden?: boolean; /** Timestamp for the message */ timestamp?: string; /** Set this to true if message is being loaded */ @@ -215,6 +217,7 @@ export const MessageBase: FunctionComponent = ({ extraContent, name, avatar, + isAvatarHidden = false, timestamp, isLoading, actions, @@ -327,32 +330,27 @@ export const MessageBase: FunctionComponent = ({ ); }; - /* We are using an empty alt tag intentionally in order to reduce noise on screen readers */ - const defaultAvatar = ( - + const avatarClasses = css( + `pf-chatbot__message-avatar ${hasRoundAvatar ? 'pf-chatbot__message-avatar--round' : ''} ${avatarClassName ? avatarClassName : ''}` ); + /* We are using an empty alt tag intentionally in order to reduce noise on screen readers */ + const defaultAvatar = ; + const botAvatar = ( - + ); let _avatar: ReactNode | undefined; - if (avatar) { - _avatar = defaultAvatar; - } else if (role === 'bot') { - _avatar = botAvatar; + if (!isAvatarHidden) { + if (avatar) { + _avatar = defaultAvatar; + } else if (role === 'bot') { + _avatar = botAvatar; + } } return ( From 72c32ecd4676345a793eec7e8dc8179a2c6c24c0 Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Tue, 23 Jun 2026 16:16:00 -0400 Subject: [PATCH 03/10] support avatar initials and children --- packages/module/src/Message/Message.tsx | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/packages/module/src/Message/Message.tsx b/packages/module/src/Message/Message.tsx index 895b00b9..40a28742 100644 --- a/packages/module/src/Message/Message.tsx +++ b/packages/module/src/Message/Message.tsx @@ -86,7 +86,7 @@ export interface MessageProps extends Omit, 'role'> { /** Name of the user */ name?: string; /** Avatar src for the user */ - avatar?: string; + avatar?: string | ReactNode; /** Flag indicating whether the avatar is hidden */ isAvatarHidden?: boolean; /** Timestamp for the message */ @@ -335,8 +335,6 @@ export const MessageBase: FunctionComponent = ({ ); /* We are using an empty alt tag intentionally in order to reduce noise on screen readers */ - const defaultAvatar = ; - const botAvatar = ( @@ -347,7 +345,16 @@ export const MessageBase: FunctionComponent = ({ if (!isAvatarHidden) { if (avatar) { - _avatar = defaultAvatar; + _avatar = + typeof avatar === 'string' ? ( + + ) : ( + + {avatar} + + ); + } else if (avatarProps?.initials) { + _avatar = ; } else if (role === 'bot') { _avatar = botAvatar; } From b69ea936ee00d128ee78ecf6706b384fd888fa9e Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Thu, 25 Jun 2026 10:30:34 -0400 Subject: [PATCH 04/10] remove avatar from bot messages --- .../chatbot/examples/Messages/BotMessage.tsx | 16 +++------------- .../MessageWithClickedResponseActions.tsx | 2 -- .../MessageWithCustomResponseActions.tsx | 2 -- .../Messages/MessageWithCustomStructure.tsx | 3 +-- .../Messages/MessageWithDeepThinking.tsx | 4 ---- .../examples/Messages/MessageWithDividers.tsx | 9 +-------- .../examples/Messages/MessageWithFeedback.tsx | 5 ----- .../Messages/MessageWithFeedbackTimeout.tsx | 2 -- .../Messages/MessageWithIconSwapping.tsx | 2 -- .../Messages/MessageWithMarkdownDeepThinking.tsx | 2 -- .../Messages/MessageWithMarkdownToolCall.tsx | 2 -- .../Messages/MessageWithMarkdownToolResponse.tsx | 2 -- .../Messages/MessageWithMultipleActionGroups.tsx | 3 --- .../Messages/MessageWithPersistedActions.tsx | 2 -- .../Messages/MessageWithQuickResponses.tsx | 8 -------- .../examples/Messages/MessageWithQuickStart.tsx | 4 ---- .../Messages/MessageWithResponseActions.tsx | 3 --- .../examples/Messages/MessageWithSources.tsx | 10 ---------- .../examples/Messages/MessageWithToolCall.tsx | 4 ---- .../Messages/MessageWithToolResponse.tsx | 3 --- .../Messages/UserMessageWithExtraContent.tsx | 4 ---- .../chatbot/examples/demos/Feedback.tsx | 2 -- 22 files changed, 5 insertions(+), 89 deletions(-) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx index 58a74018..78198441 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/BotMessage.tsx @@ -8,7 +8,6 @@ import { Ref } from 'react'; import Message from '@patternfly/chatbot/dist/dynamic/Message'; -import patternflyAvatar from './patternfly_avatar.jpg'; import squareImg from './PF-social-color-square.svg'; import { AlertActionLink, @@ -290,25 +289,18 @@ _Italic text, formatted with single underscores_ return ( <> + - - - + + @@ -355,7 +346,6 @@ _Italic text, formatted with single underscores_ ( ( { @@ -36,7 +35,7 @@ const handleListen = () => { export const MessageWithCustomStructure: FunctionComponent = () => ( <> - + ( <> ( ( ( <> - + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedback.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedback.tsx index 39ec8a6a..efb430f0 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedback.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithFeedback.tsx @@ -1,6 +1,5 @@ import { useState, FunctionComponent } from 'react'; import Message from '@patternfly/chatbot/dist/dynamic/Message'; -import patternflyAvatar from './patternfly_avatar.jpg'; import { Checkbox, FormGroup, Flex, FlexItem } from '@patternfly/react-core'; export const MessageWithFeedbackExample: FunctionComponent = () => { @@ -50,7 +49,6 @@ export const MessageWithFeedbackExample: FunctionComponent = () => { { { { { @@ -17,7 +16,6 @@ export const MessageWithFeedbackTimeoutExample: FunctionComponent = () => { setHasFeedback(false) } : undefined} isLiveRegion diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithIconSwapping.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithIconSwapping.tsx index 7d9cb9b1..8e3db94e 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithIconSwapping.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithIconSwapping.tsx @@ -1,13 +1,11 @@ import { FunctionComponent } from 'react'; import Message from '@patternfly/chatbot/dist/dynamic/Message'; -import patternflyAvatar from './patternfly_avatar.jpg'; export const IconSwappingExample: FunctionComponent = () => ( ( ( { ( <> ( ( ( @@ -8,7 +7,6 @@ export const MessageWithQuickResponsesExample: FunctionComponent = () => ( alert('Clicked yes') }, @@ -18,7 +16,6 @@ export const MessageWithQuickResponsesExample: FunctionComponent = () => ( alert('Clicked Edge') }, @@ -31,7 +28,6 @@ export const MessageWithQuickResponsesExample: FunctionComponent = () => ( alert('Clicked id 1') }, @@ -44,7 +40,6 @@ export const MessageWithQuickResponsesExample: FunctionComponent = () => ( ( alert('Clicked id 1') }, @@ -67,7 +61,6 @@ export const MessageWithQuickResponsesExample: FunctionComponent = () => ( alert('Clicked id 1') }, @@ -78,7 +71,6 @@ export const MessageWithQuickResponsesExample: FunctionComponent = () => ( alert('Clicked yes'), icon: }, diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx index 93195ba1..4d21dc9f 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx @@ -1,6 +1,5 @@ import { FunctionComponent } from 'react'; import Message from '@patternfly/chatbot/dist/dynamic/Message'; -import patternflyAvatar from './patternfly_avatar.jpg'; import { explorePipelinesQuickStart } from './explore-pipeline-quickstart.ts'; import { monitorSampleAppQuickStart } from '@patternfly/chatbot/src/Message/QuickStarts/monitor-sampleapp-quickstart.ts'; import { QuickStart } from '@patternfly/chatbot/dist/esm/Message/QuickStarts/types'; @@ -10,7 +9,6 @@ export const MessageWithQuickStartExample: FunctionComponent = () => ( ( ( ( <> ( name="Bot" role="bot" showActionsOnInteraction - avatar={patternflyAvatar} content="This message has response actions visually hidden until you hover over the message via mouse, or an action would receive focus via keyboard." actions={{ // eslint-disable-next-line no-console diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithSources.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithSources.tsx index 0f8dd8c2..8b310af7 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithSources.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithSources.tsx @@ -1,6 +1,5 @@ import { FunctionComponent, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent } from 'react'; import Message from '@patternfly/chatbot/dist/dynamic/Message'; -import patternflyAvatar from './patternfly_avatar.jpg'; import { Button, Flex, FlexItem, Label, Popover } from '@patternfly/react-core'; import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons'; @@ -31,7 +30,6 @@ export const MessageWithSourcesExample: FunctionComponent = () => { { { { { { { { { { @@ -19,7 +18,6 @@ export const MessageWithToolCallExample: FunctionComponent = () => { { { { { ( }} /> ( }} /> ( }} /> { Date: Thu, 25 Jun 2026 11:33:33 -0400 Subject: [PATCH 05/10] bump to prereleases --- package-lock.json | 210 +++++++++++++++++++---------------- package.json | 11 +- packages/module/package.json | 14 +-- 3 files changed, 124 insertions(+), 111 deletions(-) diff --git a/package-lock.json b/package-lock.json index c56b9562..90a236c9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -22,10 +22,10 @@ "@babel/preset-react": "^7.23.3", "@babel/preset-typescript": "^7.23.3", "@octokit/rest": "^18.0.0", - "@patternfly/documentation-framework": "^6.44.0", - "@patternfly/patternfly": "^6.5.2", - "@patternfly/react-icons": "^6.5.1", - "@patternfly/react-table": "^6.5.1", + "@patternfly/documentation-framework": "6.45.0", + "@patternfly/patternfly": "6.6.0-prerelease.14", + "@patternfly/react-icons": "6.6.0-prerelease.3", + "@patternfly/react-table": "6.6.0-prerelease.8", "@swc/core": "1.3.96", "@testing-library/dom": "^9.3.4", "@testing-library/jest-dom": "^6.4.2", @@ -114,6 +114,7 @@ "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@babel/code-frame": "^7.29.7", "@babel/generator": "^7.29.7", @@ -3185,6 +3186,7 @@ "version": "29.7.0", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@jest/environment": "^29.7.0", "@jest/expect": "^29.7.0", @@ -4204,6 +4206,7 @@ "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.7.0.tgz", "integrity": "sha512-cyzXQCtO47ydzxpQtCGSQGOC8Gk3ZUeBXFAxD+CWXYFo5OqZyZUonFl0DwUlTyAfRHntBfw2p3w4s9R6oe1eCA==", "license": "MIT", + "peer": true, "dependencies": { "@monaco-editor/loader": "^1.5.0" }, @@ -4283,6 +4286,7 @@ "version": "3.6.0", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@octokit/auth-token": "^2.4.4", "@octokit/graphql": "^4.5.8", @@ -4426,9 +4430,9 @@ "link": true }, "node_modules/@patternfly/documentation-framework": { - "version": "6.44.3", - "resolved": "https://registry.npmjs.org/@patternfly/documentation-framework/-/documentation-framework-6.44.3.tgz", - "integrity": "sha512-XFfKPu4I85nLP1X0vCV2ljjc6KWEWgFxt1tbnxtAxItapDqDN87LoYraDaJjipRhqngNF6X7J9H8GovjLOarhg==", + "version": "6.45.0", + "resolved": "https://registry.npmjs.org/@patternfly/documentation-framework/-/documentation-framework-6.45.0.tgz", + "integrity": "sha512-ARz6ON2YkUH69ujCn5MAZM0AREIAngi8bWqwsTWbX3dEGWbbKdcnwT+PsgRdJyd/zkmJlV/Hlmr/GjGWylkZew==", "dev": true, "license": "MIT", "dependencies": { @@ -4495,11 +4499,11 @@ "pf-docs-framework": "scripts/cli/cli.js" }, "peerDependencies": { - "@patternfly/patternfly": "^6.5.2", - "@patternfly/react-code-editor": "^6.5.1", - "@patternfly/react-core": "^6.5.1", - "@patternfly/react-icons": "^6.5.1", - "@patternfly/react-table": "^6.5.1", + "@patternfly/patternfly": "^6.6.0-prerelease.14", + "@patternfly/react-code-editor": "^6.6.0-prerelease.9", + "@patternfly/react-core": "^6.6.0-prerelease.8", + "@patternfly/react-icons": "^6.6.0-prerelease.3", + "@patternfly/react-table": "^6.6.0-prerelease.8", "react": "^17.0.0 || ^18.0.0", "react-dom": "^17.0.0 || ^18.0.0" } @@ -4714,11 +4718,12 @@ } }, "node_modules/@patternfly/patternfly": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-6.5.2.tgz", - "integrity": "sha512-yZ71+1gt1VGzUN5amjDNd9NvttTnSOm9M0JeBL0YX1KaWXW1bmDPzTWEM+vQXuC4LVK0msHmR5hKB7KVpamAkA==", + "version": "6.6.0-prerelease.14", + "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-6.6.0-prerelease.14.tgz", + "integrity": "sha512-KTx+0GHhQ1ReYSawEh2G4nlAvY42hEhBv1mIPY7vbk76mttCnT3YC3BppV2FoB9EhxMsMNsCU81dYQbaRhNikw==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/@patternfly/patternfly-a11y": { "version": "5.1.0", @@ -4761,15 +4766,15 @@ } }, "node_modules/@patternfly/react-code-editor": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-code-editor/-/react-code-editor-6.5.1.tgz", - "integrity": "sha512-Epd4iAX7/Uzo+Vl+6gX6f1BjhoX06DVV7pnZnQK4N4uknyXbfIGkmOJcE0Eq06z1cxiITV/h/JHI6WqzbOSaGA==", + "version": "6.6.0-prerelease.9", + "resolved": "https://registry.npmjs.org/@patternfly/react-code-editor/-/react-code-editor-6.6.0-prerelease.9.tgz", + "integrity": "sha512-Bk5B+ENuQ6IbhF3XgT6zwUIYlHVmYN6i4ZT3ncDUOY5YWlayQXQEk8+RMxBRGF7xleSJaQZXjnZtDagpadm5kA==", "license": "MIT", "dependencies": { "@monaco-editor/react": "^4.7.0", - "@patternfly/react-core": "^6.5.1", - "@patternfly/react-icons": "^6.5.1", - "@patternfly/react-styles": "^6.5.1", + "@patternfly/react-core": "^6.6.0-prerelease.8", + "@patternfly/react-icons": "^6.6.0-prerelease.3", + "@patternfly/react-styles": "^6.6.0-prerelease.3", "react-dropzone": "14.3.5", "tslib": "^2.8.1" }, @@ -4796,14 +4801,15 @@ } }, "node_modules/@patternfly/react-core": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.5.1.tgz", - "integrity": "sha512-fFZ0hcIyHJO27hxbf53W3m2R11l0O9WxR7CusJXuCEaNMP31ULrhf5Pv6ROdTrrs39Kl/yPv+2QuxQfe/4e72g==", + "version": "6.6.0-prerelease.8", + "resolved": "https://registry.npmjs.org/@patternfly/react-core/-/react-core-6.6.0-prerelease.8.tgz", + "integrity": "sha512-Xe5hBKfbLyF/tNiDD47NHxlPDuS96GnVgBdvpwHUrJ0Lr/Kpxx5xAkcFhE4SSnNGiPM7gep4VGIpkl9wGJf5Fg==", "license": "MIT", + "peer": true, "dependencies": { - "@patternfly/react-icons": "^6.5.1", - "@patternfly/react-styles": "^6.5.1", - "@patternfly/react-tokens": "^6.5.1", + "@patternfly/react-icons": "^6.6.0-prerelease.3", + "@patternfly/react-styles": "^6.6.0-prerelease.3", + "@patternfly/react-tokens": "^6.6.0-prerelease.3", "focus-trap": "7.6.6", "react-dropzone": "^14.3.5", "tslib": "^2.8.1" @@ -4814,31 +4820,36 @@ } }, "node_modules/@patternfly/react-icons": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.5.1.tgz", - "integrity": "sha512-CnuPvTTs4MMWx8CAUkmnY690ouN1bbHjunsyXu3QxvGOmzbztP+wS4BdiLS8TIXOIH80Yb7KPhnF8VkA+CduOA==", + "version": "6.6.0-prerelease.3", + "resolved": "https://registry.npmjs.org/@patternfly/react-icons/-/react-icons-6.6.0-prerelease.3.tgz", + "integrity": "sha512-DHp9vBtNXEWWJtzcA9F7BafWFzybZb6mg86hVwntC1+gbMXABQQ7qI652TzPEgVz49m9jSrVXXoR5B1n2S1HXw==", "license": "MIT", + "peer": true, + "dependencies": { + "tslib": "^2.8.1" + }, "peerDependencies": { "react": "^17 || ^18 || ^19", "react-dom": "^17 || ^18 || ^19" } }, "node_modules/@patternfly/react-styles": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.5.1.tgz", - "integrity": "sha512-yQMzUbbf6qYM/v3JbPvaCJTgxRbOKoEw229XZmnnM8gDvp8ECiI7LqihrAOK/NA6T6M3DDgsRMd2JurUBhPDEw==", + "version": "6.6.0-prerelease.3", + "resolved": "https://registry.npmjs.org/@patternfly/react-styles/-/react-styles-6.6.0-prerelease.3.tgz", + "integrity": "sha512-WvCMLvfdbxPimCq5xcnWunMwxszu5/KNN38doLJ8EIIFK/JbsgUyaRaRywAJJjgy5EuZ7NkvL5WAlQ6aMq6jmw==", "license": "MIT" }, "node_modules/@patternfly/react-table": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-6.5.1.tgz", - "integrity": "sha512-JpX66ctLsg5snRRheDhuF2fHvXDG4UDKYfP5403kCAQ4Dz2dPu3PhlHi4AJol+egEBD2HfS/U37j7noQ1Y7mpA==", + "version": "6.6.0-prerelease.8", + "resolved": "https://registry.npmjs.org/@patternfly/react-table/-/react-table-6.6.0-prerelease.8.tgz", + "integrity": "sha512-/OrylcpVq3zHI6pZVi4wAYA1vUxSNGptiwnkk/Jl45SnwwcmGGmVE+Cpa+YxGATiJN5ONXO5SyRLqjCfhqL2fg==", "license": "MIT", + "peer": true, "dependencies": { - "@patternfly/react-core": "^6.5.1", - "@patternfly/react-icons": "^6.5.1", - "@patternfly/react-styles": "^6.5.1", - "@patternfly/react-tokens": "^6.5.1", + "@patternfly/react-core": "^6.6.0-prerelease.8", + "@patternfly/react-icons": "^6.6.0-prerelease.3", + "@patternfly/react-styles": "^6.6.0-prerelease.3", + "@patternfly/react-tokens": "^6.6.0-prerelease.3", "lodash": "^4.18.1", "tslib": "^2.8.1" }, @@ -4848,9 +4859,9 @@ } }, "node_modules/@patternfly/react-tokens": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.5.1.tgz", - "integrity": "sha512-zwepLsIQTL0Lf4R2/PIBOk1m+pm0hYVT3lktf2H4+Y87eRIifwMRb19c+pr4hj4ckGvHs+WxwjTfTj2Qqwn5rw==", + "version": "6.6.0-prerelease.3", + "resolved": "https://registry.npmjs.org/@patternfly/react-tokens/-/react-tokens-6.6.0-prerelease.3.tgz", + "integrity": "sha512-pVJGPsMpJNl/pYQHrFim/0527BA3wlepe99CfbLDFK1Q6UVqjOm+/VSGsors50jKtuwXywgk1IzdiOfT4kVHcA==", "license": "MIT" }, "node_modules/@peculiar/asn1-cms": { @@ -5300,6 +5311,7 @@ "integrity": "sha512-6CwFIHlhRmXfZoMj3v9MZ1SMTPBn+cHVXeMIeaGp5sufqinKsISbsqHu6ZMJu2wDSmZLdmQJX6zLxkhcAUlhkQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@module-federation/runtime-tools": "0.22.0", "@rspack/binding": "1.7.12", @@ -5559,6 +5571,7 @@ "dev": true, "hasInstallScript": true, "license": "Apache-2.0", + "peer": true, "dependencies": { "@swc/counter": "^0.1.1", "@swc/types": "^0.1.5" @@ -6287,6 +6300,7 @@ "version": "29.5.12", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "expect": "^29.0.0", "pretty-format": "^29.0.0" @@ -6398,6 +6412,7 @@ "node_modules/@types/react": { "version": "18.2.61", "license": "MIT", + "peer": true, "dependencies": { "@types/prop-types": "*", "@types/scheduler": "*", @@ -6592,6 +6607,7 @@ "version": "5.62.0", "dev": true, "license": "BSD-2-Clause", + "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "5.62.0", "@typescript-eslint/types": "5.62.0", @@ -6805,7 +6821,6 @@ "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@webassemblyjs/helper-numbers": "1.13.2", "@webassemblyjs/helper-wasm-bytecode": "1.13.2" @@ -6816,24 +6831,21 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz", "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/@webassemblyjs/helper-api-error": { "version": "1.13.2", "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz", "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/@webassemblyjs/helper-buffer": { "version": "1.14.1", "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz", "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/@webassemblyjs/helper-numbers": { "version": "1.13.2", @@ -6841,7 +6853,6 @@ "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@webassemblyjs/floating-point-hex-parser": "1.13.2", "@webassemblyjs/helper-api-error": "1.13.2", @@ -6853,8 +6864,7 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz", "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/@webassemblyjs/helper-wasm-section": { "version": "1.14.1", @@ -6862,7 +6872,6 @@ "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-buffer": "1.14.1", @@ -6876,7 +6885,6 @@ "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@xtuc/ieee754": "^1.2.0" } @@ -6887,7 +6895,6 @@ "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==", "dev": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@xtuc/long": "4.2.2" } @@ -6897,8 +6904,7 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz", "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/@webassemblyjs/wasm-edit": { "version": "1.14.1", @@ -6906,7 +6912,6 @@ "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-buffer": "1.14.1", @@ -6924,7 +6929,6 @@ "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-wasm-bytecode": "1.13.2", @@ -6939,7 +6943,6 @@ "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-buffer": "1.14.1", @@ -6953,7 +6956,6 @@ "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-api-error": "1.13.2", @@ -6969,7 +6971,6 @@ "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@webassemblyjs/ast": "1.14.1", "@xtuc/long": "4.2.2" @@ -6980,16 +6981,14 @@ "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", "dev": true, - "license": "BSD-3-Clause", - "peer": true + "license": "BSD-3-Clause" }, "node_modules/@xtuc/long": { "version": "4.2.2", "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", "dev": true, - "license": "Apache-2.0", - "peer": true + "license": "Apache-2.0" }, "node_modules/@zeit/schemas": { "version": "2.36.0", @@ -7019,6 +7018,7 @@ "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, "license": "MIT", + "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -7057,7 +7057,6 @@ "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==", "dev": true, "license": "MIT", - "peer": true, "peerDependencies": { "acorn": "^8" } @@ -7147,6 +7146,7 @@ "version": "6.12.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -8348,6 +8348,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "baseline-browser-mapping": "^2.10.12", "caniuse-lite": "^1.0.30001782", @@ -8902,7 +8903,6 @@ "version": "1.0.3", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=6.0" } @@ -10993,7 +10993,8 @@ "node_modules/devtools-protocol": { "version": "0.0.1367902", "dev": true, - "license": "BSD-3-Clause" + "license": "BSD-3-Clause", + "peer": true }, "node_modules/diff-sequences": { "version": "29.6.3", @@ -11122,8 +11123,7 @@ "version": "3.1.7", "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.7.tgz", "integrity": "sha512-VaTstWtsneJY8xzy7DekmYWEOZcmzIe3Qb3zPd4STve1OBTa+e+WmS1ITQec1fZYXI3HCsOZZiSMpG6oxoWMWQ==", - "license": "(MPL-2.0 OR Apache-2.0)", - "peer": true + "license": "(MPL-2.0 OR Apache-2.0)" }, "node_modules/domutils": { "version": "2.8.0", @@ -11294,6 +11294,7 @@ "version": "0.1.13", "devOptional": true, "license": "MIT", + "peer": true, "dependencies": { "iconv-lite": "^0.6.2" } @@ -11323,7 +11324,6 @@ "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" @@ -11336,6 +11336,7 @@ "version": "2.4.1", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "ansi-colors": "^4.1.1", "strip-ansi": "^6.0.1" @@ -11517,8 +11518,7 @@ "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz", "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/es-object-atoms": { "version": "1.1.1", @@ -11636,6 +11636,7 @@ "version": "8.57.0", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", @@ -11690,6 +11691,7 @@ "version": "9.1.0", "dev": true, "license": "MIT", + "peer": true, "bin": { "eslint-config-prettier": "bin/cli.js" }, @@ -11825,6 +11827,7 @@ "version": "2.29.1", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "array-includes": "^3.1.7", "array.prototype.findlastindex": "^1.2.3", @@ -12014,6 +12017,7 @@ "version": "15.7.0", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "builtins": "^5.0.1", "eslint-plugin-es": "^4.1.0", @@ -12097,6 +12101,7 @@ "version": "6.1.1", "dev": true, "license": "ISC", + "peer": true, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" }, @@ -12536,7 +12541,6 @@ "version": "3.3.0", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=0.8.x" } @@ -13652,8 +13656,7 @@ "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", "dev": true, - "license": "BSD-2-Clause", - "peer": true + "license": "BSD-2-Clause" }, "node_modules/glob/node_modules/brace-expansion": { "version": "2.0.1", @@ -15736,6 +15739,7 @@ "version": "29.7.0", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@jest/core": "^29.7.0", "@jest/types": "^29.6.3", @@ -18040,7 +18044,6 @@ "version": "4.3.0", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=6.11.5" } @@ -19841,7 +19844,6 @@ "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz", "integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==", "license": "MIT", - "peer": true, "bin": { "marked": "bin/marked.js" }, @@ -21162,6 +21164,7 @@ } ], "license": "MIT", + "peer": true, "dependencies": { "nanoid": "^3.3.12", "picocolors": "^1.1.1", @@ -21352,6 +21355,7 @@ "version": "3.2.5", "dev": true, "license": "MIT", + "peer": true, "bin": { "prettier": "bin/prettier.cjs" }, @@ -21892,7 +21896,6 @@ "version": "2.1.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "safe-buffer": "^5.1.0" } @@ -21948,6 +21951,7 @@ "node_modules/react": { "version": "18.2.0", "license": "MIT", + "peer": true, "dependencies": { "loose-envify": "^1.1.0" }, @@ -21993,6 +21997,7 @@ "node_modules/react-dom": { "version": "18.2.0", "license": "MIT", + "peer": true, "dependencies": { "loose-envify": "^1.1.0", "scheduler": "^0.23.0" @@ -22810,6 +22815,7 @@ "version": "7.10.5", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/generator": "^7.10.5", @@ -23505,6 +23511,7 @@ "version": "1.72.0", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -23601,6 +23608,7 @@ "version": "8.12.0", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "json-schema-traverse": "^1.0.0", @@ -23726,7 +23734,6 @@ "version": "6.0.2", "dev": true, "license": "BSD-3-Clause", - "peer": true, "dependencies": { "randombytes": "^2.1.0" } @@ -25223,7 +25230,6 @@ "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@jridgewell/trace-mapping": "^0.3.25", "jest-worker": "^27.4.5", @@ -25259,7 +25265,6 @@ "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=8" } @@ -25270,7 +25275,6 @@ "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@types/node": "*", "merge-stream": "^2.0.0", @@ -25286,7 +25290,6 @@ "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "has-flag": "^4.0.0" }, @@ -25710,7 +25713,8 @@ }, "node_modules/tslib": { "version": "2.8.1", - "license": "0BSD" + "license": "0BSD", + "peer": true }, "node_modules/tsutils": { "version": "3.21.0", @@ -25948,6 +25952,7 @@ "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", "dev": true, "license": "Apache-2.0", + "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -26782,6 +26787,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6", @@ -26814,6 +26820,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.21", "react-fast-compare": "^3.2.0", @@ -26830,6 +26837,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-brush-container": "37.3.6", @@ -26850,6 +26858,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6" @@ -26865,6 +26874,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "react-fast-compare": "^3.2.0", @@ -26882,6 +26892,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6" @@ -26897,6 +26908,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6", @@ -26913,6 +26925,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6", @@ -26929,6 +26942,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6" @@ -26976,6 +26990,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "react-fast-compare": "^3.2.0", @@ -26993,6 +27008,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "lodash": "^4.17.19", "victory-core": "37.3.6" @@ -27029,6 +27045,7 @@ "version": "37.3.6", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "delaunay-find": "0.0.6", "lodash": "^4.17.19", @@ -27123,7 +27140,6 @@ "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" @@ -27485,7 +27501,6 @@ "version": "3.2.3", "dev": true, "license": "MIT", - "peer": true, "engines": { "node": ">=10.13.0" } @@ -27496,7 +27511,6 @@ "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@types/json-schema": "^7.0.8", "ajv": "^6.12.5", @@ -28117,11 +28131,11 @@ "version": "1.0.0", "license": "MIT", "dependencies": { - "@patternfly/react-code-editor": "^6.5.1", - "@patternfly/react-core": "^6.5.1", - "@patternfly/react-icons": "^6.5.1", - "@patternfly/react-styles": "^6.5.1", - "@patternfly/react-table": "^6.5.1", + "@patternfly/react-code-editor": "6.6.0-prerelease.9", + "@patternfly/react-core": "6.6.0-prerelease.8", + "@patternfly/react-icons": "6.6.0-prerelease.3", + "@patternfly/react-styles": "6.6.0-prerelease.3", + "@patternfly/react-table": "6.6.0-prerelease.8", "@segment/analytics-next": "^1.76.0", "clsx": "^2.1.0", "path-browserify": "^1.0.1", @@ -28136,8 +28150,8 @@ }, "devDependencies": { "@octokit/rest": "^18.0.0", - "@patternfly/documentation-framework": "^6.44.0", - "@patternfly/patternfly": "^6.5.2", + "@patternfly/documentation-framework": "6.45.0", + "@patternfly/patternfly": "6.6.0-prerelease.14", "@patternfly/patternfly-a11y": "^5.0.0", "@types/dom-speech-recognition": "^0.0.4", "@types/react": "^18.2.61", diff --git a/package.json b/package.json index 5ba3d9a7..76594f23 100644 --- a/package.json +++ b/package.json @@ -39,10 +39,10 @@ "@babel/preset-react": "^7.23.3", "@babel/preset-typescript": "^7.23.3", "@octokit/rest": "^18.0.0", - "@patternfly/documentation-framework": "^6.44.0", - "@patternfly/patternfly": "^6.5.2", - "@patternfly/react-icons": "^6.5.1", - "@patternfly/react-table": "^6.5.1", + "@patternfly/documentation-framework": "6.45.0", + "@patternfly/patternfly": "6.6.0-prerelease.14", + "@patternfly/react-icons": "6.6.0-prerelease.3", + "@patternfly/react-table": "6.6.0-prerelease.8", "@swc/core": "1.3.96", "@testing-library/dom": "^9.3.4", "@testing-library/jest-dom": "^6.4.2", @@ -92,6 +92,5 @@ }, "dependencies": { "react-dropzone": "^14.3.8" - }, - "packageManager": "yarn@4.5.0+sha512.837566d24eec14ec0f5f1411adb544e892b3454255e61fdef8fd05f3429480102806bac7446bc9daff3896b01ae4b62d00096c7e989f1596f2af10b927532f39" + } } diff --git a/packages/module/package.json b/packages/module/package.json index 27770304..2f7c9a1d 100644 --- a/packages/module/package.json +++ b/packages/module/package.json @@ -33,11 +33,11 @@ "tag": "prerelease" }, "dependencies": { - "@patternfly/react-code-editor": "^6.5.1", - "@patternfly/react-core": "^6.5.1", - "@patternfly/react-icons": "^6.5.1", - "@patternfly/react-styles": "^6.5.1", - "@patternfly/react-table": "^6.5.1", + "@patternfly/react-code-editor": "6.6.0-prerelease.9", + "@patternfly/react-core": "6.6.0-prerelease.8", + "@patternfly/react-icons": "6.6.0-prerelease.3", + "@patternfly/react-styles": "6.6.0-prerelease.3", + "@patternfly/react-table": "6.6.0-prerelease.8", "@segment/analytics-next": "^1.76.0", "clsx": "^2.1.0", "path-browserify": "^1.0.1", @@ -66,8 +66,8 @@ }, "devDependencies": { "@octokit/rest": "^18.0.0", - "@patternfly/documentation-framework": "^6.44.0", - "@patternfly/patternfly": "^6.5.2", + "@patternfly/documentation-framework": "6.45.0", + "@patternfly/patternfly": "6.6.0-prerelease.14", "@patternfly/patternfly-a11y": "^5.0.0", "@types/dom-speech-recognition": "^0.0.4", "@types/react": "^18.2.61", From 9c8550155dc43aeb11b7f121ddd7a8dddd911215 Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Thu, 25 Jun 2026 11:40:03 -0400 Subject: [PATCH 06/10] add color and initials to UserMessage example --- .../chatbot/examples/Messages/UserMessage.tsx | 13 +++++++++++++ packages/module/src/Message/Message.tsx | 2 +- 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx index df9e1afb..098d9b8f 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx @@ -333,6 +333,19 @@ _Italic text, formatted with single underscores_ avatar={userAvatar} avatarProps={{ isBordered: true }} /> + + , 'role'> { extraContent?: MessageExtraContent; /** Name of the user */ name?: string; - /** Avatar src for the user */ + /** Avatar for the user. Pass a string for an image src, or a ReactNode for custom content like an svg or icon. */ avatar?: string | ReactNode; /** Flag indicating whether the avatar is hidden */ isAvatarHidden?: boolean; From 7c3b9d2242d9ddcc363116ec43740689948c76e7 Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Thu, 25 Jun 2026 11:54:14 -0400 Subject: [PATCH 07/10] add border to bot avatar default --- packages/module/src/Message/Message.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/module/src/Message/Message.tsx b/packages/module/src/Message/Message.tsx index 6a7d59f6..7790d68f 100644 --- a/packages/module/src/Message/Message.tsx +++ b/packages/module/src/Message/Message.tsx @@ -336,7 +336,7 @@ export const MessageBase: FunctionComponent = ({ /* We are using an empty alt tag intentionally in order to reduce noise on screen readers */ const botAvatar = ( - + ); From f31e9cfc053496f82db08f4ac7460c19b1ada88e Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Thu, 25 Jun 2026 11:56:23 -0400 Subject: [PATCH 08/10] update example for user message --- .../chatbot/examples/Messages/UserMessage.tsx | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx index 098d9b8f..75e43389 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/Messages/UserMessage.tsx @@ -336,15 +336,8 @@ _Italic text, formatted with single underscores_ - Date: Thu, 25 Jun 2026 12:30:22 -0400 Subject: [PATCH 09/10] remove more bot avatars from examples --- .../chatbot/examples/UI/ChatbotWelcomeInteraction.tsx | 3 --- .../content/extensions/chatbot/examples/demos/Chatbot.tsx | 4 ---- .../chatbot/examples/demos/ChatbotAttachment.tsx | 2 -- .../chatbot/examples/demos/ChatbotAttachmentMenu.tsx | 4 +--- .../extensions/chatbot/examples/demos/ChatbotCompact.tsx | 4 ---- .../chatbot/examples/demos/ChatbotDisplayMode.tsx | 4 ---- .../extensions/chatbot/examples/demos/ChatbotInDrawer.tsx | 4 ---- .../extensions/chatbot/examples/demos/ChatbotScrolling.tsx | 4 ---- .../chatbot/examples/demos/ChatbotTranscripts.tsx | 7 ------- .../extensions/chatbot/examples/demos/EmbeddedChatbot.tsx | 4 ---- .../chatbot/examples/demos/EmbeddedComparisonChatbot.tsx | 3 --- .../chatbot/examples/demos/WhiteEmbeddedChatbot.tsx | 4 ---- 12 files changed, 1 insertion(+), 46 deletions(-) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomeInteraction.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomeInteraction.tsx index 6da234e2..b0bee826 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomeInteraction.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotWelcomeInteraction.tsx @@ -8,7 +8,6 @@ import MessageBar from '@patternfly/chatbot/dist/dynamic/MessageBar'; import MessageBox from '@patternfly/chatbot/dist/dynamic/MessageBox'; import Message, { MessageProps } from '@patternfly/chatbot/dist/dynamic/Message'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import { FormGroup, Radio } from '@patternfly/react-core'; export const ChatbotWelcomeInteractionDemo: FunctionComponent = () => { @@ -50,7 +49,6 @@ export const ChatbotWelcomeInteractionDemo: FunctionComponent = () => { content: 'API response goes here', name: 'Bot', isLoading: true, - avatar: patternflyAvatar, timestamp: date.toLocaleString() }); setMessages(newMessages); @@ -70,7 +68,6 @@ export const ChatbotWelcomeInteractionDemo: FunctionComponent = () => { content: 'API response goes here', name: 'Bot', isLoading: false, - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx index eb1ff5de..bac6b0cb 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx @@ -30,7 +30,6 @@ import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg'; import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg'; import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import { getTrackingProviders } from '@patternfly/chatbot/dist/dynamic/tracking'; import { InitProps } from '@patternfly/chatbot/dist/dynamic/tracking'; import '@patternfly/react-core/dist/styles/base.css'; @@ -108,7 +107,6 @@ const initialMessages: MessageProps[] = [ role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { positive: { onClick: () => tracking.trackSingleItem(actionEventName, { response: 'Good response' }) }, @@ -225,7 +223,6 @@ export const ChatbotDemo: FunctionComponent = () => { content: 'API response goes here', name: 'Bot', isLoading: true, - avatar: patternflyAvatar, timestamp: date.toLocaleString() }); setMessages(newMessages); @@ -245,7 +242,6 @@ export const ChatbotDemo: FunctionComponent = () => { content: 'API response goes here', name: 'Bot', isLoading: false, - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { positive: { onClick: () => tracking.trackSingleItem(actionEvent2, { response: 'Good response' }) }, diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx index 01bd49d2..843b8693 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx @@ -28,7 +28,6 @@ import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg'; import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg'; import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; @@ -70,7 +69,6 @@ export const BasicDemo: FunctionComponent = () => { { role: 'bot', content: 'Great, I can reference this attachment throughout our conversation.', - avatar: patternflyAvatar, name: 'Bot' } ]; diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx index b3320ec6..86d59d46 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx @@ -14,7 +14,6 @@ import FileDetailsLabel from '@patternfly/chatbot/dist/dynamic/FileDetailsLabel' import { BellIcon, CalendarAltIcon, ClipboardIcon, CodeIcon, UploadIcon } from '@patternfly/react-icons'; import { useDropzone } from 'react-dropzone'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; import { cloneElement, FunctionComponent, isValidElement, ReactNode, useState, Children } from 'react'; @@ -79,8 +78,7 @@ const messages: MessageProps[] = [ { role: 'bot', content: 'I sure can!', - name: 'Bot', - avatar: patternflyAvatar + name: 'Bot' } ]; diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotCompact.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotCompact.tsx index 3245ff5b..a6ecfbf4 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotCompact.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotCompact.tsx @@ -30,7 +30,6 @@ import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg'; import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg'; import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; const footnoteProps = { label: 'Always review AI-generated content prior to use.' @@ -89,7 +88,6 @@ const initialMessages: MessageProps[] = [ role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console @@ -208,7 +206,6 @@ export const ChatbotDemo: FunctionComponent = () => { content: 'API response goes here', name: 'Bot', isLoading: true, - avatar: patternflyAvatar, timestamp: date.toLocaleString() }); setMessages(newMessages); @@ -228,7 +225,6 @@ export const ChatbotDemo: FunctionComponent = () => { content: 'API response goes here', name: 'Bot', isLoading: false, - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotDisplayMode.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotDisplayMode.tsx index 06db70f1..27108189 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotDisplayMode.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotDisplayMode.tsx @@ -48,7 +48,6 @@ import ExpandIcon from '@patternfly/react-icons/dist/esm/icons/expand-icon'; import OpenDrawerRightIcon from '@patternfly/react-icons/dist/esm/icons/open-drawer-right-icon'; import OutlinedWindowRestoreIcon from '@patternfly/react-icons/dist/esm/icons/outlined-window-restore-icon'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; @@ -75,7 +74,6 @@ const initialMessages: MessageProps[] = [ role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console @@ -198,7 +196,6 @@ export const ChatbotDisplayModeDemo: FunctionComponent = () => { role: 'bot', content: 'API response goes here', name: 'Bot', - avatar: patternflyAvatar, isLoading: true, timestamp: date.toLocaleString() }); @@ -213,7 +210,6 @@ export const ChatbotDisplayModeDemo: FunctionComponent = () => { role: 'bot', content: 'API response goes here', name: 'Bot', - avatar: patternflyAvatar, isLoading: false, actions: { // eslint-disable-next-line no-console diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotInDrawer.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotInDrawer.tsx index 629fa2fb..4c7c88dd 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotInDrawer.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotInDrawer.tsx @@ -41,7 +41,6 @@ import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg'; import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg'; import { BarsIcon } from '@patternfly/react-icons'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; @@ -102,7 +101,6 @@ const initialMessages: MessageProps[] = [ role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console @@ -218,7 +216,6 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => { role: 'bot', content: 'API response goes here', name: 'Bot', - avatar: patternflyAvatar, isLoading: true, timestamp: date.toLocaleString() }); @@ -238,7 +235,6 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => { role: 'bot', content: 'API response goes here', name: 'Bot', - avatar: patternflyAvatar, isLoading: false, actions: { // eslint-disable-next-line no-console diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotScrolling.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotScrolling.tsx index 2722d4cb..20be2b9f 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotScrolling.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotScrolling.tsx @@ -31,7 +31,6 @@ import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg'; import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg'; import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; @@ -94,7 +93,6 @@ const initialMessages: MessageProps[] = [ role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console @@ -233,7 +231,6 @@ export const ChatbotScrollingDemo: React.FunctionComponent = () => { content: 'API response goes here', name: 'Bot', isLoading: true, - avatar: patternflyAvatar, timestamp: date.toLocaleString() }); setMessages(newMessages); @@ -255,7 +252,6 @@ export const ChatbotScrollingDemo: React.FunctionComponent = () => { content: 'API response goes here.', name: 'Bot', isLoading: false, - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotTranscripts.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotTranscripts.tsx index c169b6df..a824f2f8 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotTranscripts.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotTranscripts.tsx @@ -30,7 +30,6 @@ import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg'; import PFIconLogoColor from '../UI/PF-IconLogo-Color.svg'; import PFIconLogoReverse from '../UI/PF-IconLogo-Reverse.svg'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; import saveAs from 'file-saver'; @@ -182,7 +181,6 @@ export const ChatbotDemo: FunctionComponent = () => { role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { download: { @@ -193,7 +191,6 @@ export const ChatbotDemo: FunctionComponent = () => { role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString() }, selectedModel @@ -292,7 +289,6 @@ export const ChatbotDemo: FunctionComponent = () => { content: 'API response goes here', name: 'Bot', isLoading: true, - avatar: patternflyAvatar, timestamp: date.toLocaleString() }); setMessages(newMessages); @@ -308,7 +304,6 @@ export const ChatbotDemo: FunctionComponent = () => { loadedMessages.pop(); const id = generateId(); const timestamp = date.toLocaleString(); - const avatar = patternflyAvatar; const name = 'Bot'; const content = 'API response goes here'; const role = 'bot'; @@ -318,7 +313,6 @@ export const ChatbotDemo: FunctionComponent = () => { content, name, isLoading: false, - avatar, timestamp, actions: { download: { @@ -329,7 +323,6 @@ export const ChatbotDemo: FunctionComponent = () => { role, content, name, - avatar, timestamp }, selectedModel diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx index fff5e6d9..5e5cf562 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx @@ -39,7 +39,6 @@ import PFHorizontalLogoColor from '../UI/PF-HorizontalLogo-Color.svg'; import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg'; import { BarsIcon } from '@patternfly/react-icons'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; @@ -100,7 +99,6 @@ const initialMessages: MessageProps[] = [ role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console @@ -209,7 +207,6 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => { role: 'bot', content: 'API response goes here', name: 'Bot', - avatar: patternflyAvatar, isLoading: true, timestamp: date.toLocaleString() }); @@ -229,7 +226,6 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => { role: 'bot', content: 'API response goes here', name: 'Bot', - avatar: patternflyAvatar, isLoading: false, actions: { // eslint-disable-next-line no-console diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx index 8acfdff4..a3201ec3 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx @@ -22,7 +22,6 @@ import ChatbotHeader, { ChatbotHeaderMain } from '@patternfly/chatbot/dist/dynam import Compare from '@patternfly/chatbot/dist/dynamic/Compare'; import { BarsIcon } from '@patternfly/react-icons'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; @@ -53,7 +52,6 @@ export const CompareChild = ({ name, input, hasNewInput, setIsSendButtonDisabled timestamp: `${date?.toLocaleDateString()} ${date?.toLocaleTimeString()}` }); newMessages.push({ - avatar: patternflyAvatar, id: generateId(), name, role: 'bot', @@ -76,7 +74,6 @@ export const CompareChild = ({ name, input, hasNewInput, setIsSendButtonDisabled role: 'bot', content: `API response from ${name} goes here`, name, - avatar: patternflyAvatar, isLoading: false, actions: { // eslint-disable-next-line no-console diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/WhiteEmbeddedChatbot.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/WhiteEmbeddedChatbot.tsx index 07d4dd05..84a12aaa 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/WhiteEmbeddedChatbot.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/WhiteEmbeddedChatbot.tsx @@ -39,7 +39,6 @@ import PFHorizontalLogoColor from '../UI/PF-HorizontalLogo-Color.svg'; import PFHorizontalLogoReverse from '../UI/PF-HorizontalLogo-Reverse.svg'; import { BarsIcon } from '@patternfly/react-icons'; import userAvatar from '../Messages/user_avatar.svg'; -import patternflyAvatar from '../Messages/patternfly_avatar.jpg'; import '@patternfly/react-core/dist/styles/base.css'; import '@patternfly/chatbot/dist/css/main.css'; @@ -109,7 +108,6 @@ const initialMessages: MessageProps[] = [ role: 'bot', content: markdown, name: 'Bot', - avatar: patternflyAvatar, timestamp: date.toLocaleString(), actions: { // eslint-disable-next-line no-console @@ -221,7 +219,6 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => { role: 'bot', content: 'API response goes here', name: 'Bot', - avatar: patternflyAvatar, isLoading: true, timestamp: date.toLocaleString(), isPrimary: true @@ -242,7 +239,6 @@ export const EmbeddedChatbotDemo: FunctionComponent = () => { role: 'bot', content: 'API response goes here', name: 'Bot', - avatar: patternflyAvatar, isLoading: false, actions: { // eslint-disable-next-line no-console From 781d563c24c3a4e760e1a5cc0f8fea4dd9f1b946 Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Thu, 25 Jun 2026 14:18:39 -0400 Subject: [PATCH 10/10] add flex-shrink, floating background to non-colorful avatars --- packages/module/src/Message/Message.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/module/src/Message/Message.scss b/packages/module/src/Message/Message.scss index 82249e88..b0f02c56 100644 --- a/packages/module/src/Message/Message.scss +++ b/packages/module/src/Message/Message.scss @@ -11,12 +11,17 @@ // -------------------------------------------------------------------------- &-avatar.pf-v6-c-avatar { --pf-v6-c-avatar--BorderRadius: 0; + flex-shrink: 0; position: sticky; top: var(--pf-t--global--spacer--md); object-fit: cover; pointer-events: none; // prevent dragging - interferes with FileDropZone } + &-avatar.pf-v6-c-avatar:not(.pf-m-colorful) { + --pf-v6-c-avatar--BackgroundColor: var(--pf-t--global--background--color--floating--default); + } + &-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar { &:not(.pf-m-xl, .pf-m-lg, .pf-m-md, .pf-m-sm) { --pf-v6-c-avatar--Width: 3rem;