From 3993f1244242b45fadb26b8219133601f4f89b96 Mon Sep 17 00:00:00 2001 From: Erin Donehoo <105813956+edonehoo@users.noreply.github.com> Date: Thu, 14 May 2026 14:49:59 -0400 Subject: [PATCH 1/2] docs: Updates design guidelines with AI icons. --- .../extensions/chatbot/design-guidelines.md | 8 +- .../chatbot/img/ai-action-inpage.svg | 107 ++-- .../chatbot/img/ai-action-message.svg | 68 +-- .../extensions/chatbot/img/attached-file.svg | 26 +- .../chatbot/img/attachment-unsent.svg | 58 +-- .../chatbot/img/chatbot-elements.svg | 147 +++--- .../chatbot/img/chatbot-quickstarts-tile.svg | 68 +-- .../img/chatbot-toggle-notification.svg | 25 +- .../extensions/chatbot/img/chatbot-toggle.svg | 41 +- .../extensions/chatbot/img/comparison.svg | 11 +- .../chatbot/img/conversation-history.svg | 84 ++- .../content/extensions/chatbot/img/docked.svg | 483 ++++++++++-------- .../chatbot/img/download-chat-history.svg | 12 +- .../chatbot/img/download-header.svg | 170 +++--- .../chatbot/img/download-message-action.svg | 26 +- .../content/extensions/chatbot/img/drawer.svg | 339 ++++++------ .../extensions/chatbot/img/embedded.svg | 188 ++++--- .../extensions/chatbot/img/feedback-form.svg | 112 ++-- .../extensions/chatbot/img/footnote.svg | 38 +- .../extensions/chatbot/img/fullscreen.svg | 142 ++--- .../img/masthead-toggle-notification.svg | 29 +- .../chatbot/img/masthead-toggle.svg | 31 +- .../chatbot/img/message-bar-elements.svg | 40 +- .../chatbot/img/message-elements.svg | 151 +++--- .../chatbot/img/message-feedback.svg | 42 +- .../chatbot/img/message-responses.svg | 35 +- .../extensions/chatbot/img/overlay.svg | 346 +++++++------ .../img/quick-response-confirmation.svg | 76 +-- .../extensions/chatbot/img/settings-menu.svg | 155 +++--- .../chatbot/img/source-card-expanded.svg | 104 ++-- .../chatbot/img/source-card-summary.svg | 84 +-- .../extensions/chatbot/img/source-card.svg | 90 ++-- .../extensions/chatbot/img/stop-button.svg | 57 ++- .../extensions/chatbot/img/thank-you-card.svg | 94 ++-- .../chatbot/img/toggle-tooltips.svg | 33 +- .../chatbot/img/welcome-elements.svg | 98 ++-- 36 files changed, 1970 insertions(+), 1648 deletions(-) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md b/packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md index d22659432..5e4e92312 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md +++ b/packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md @@ -8,6 +8,8 @@ source: design-guidelines import "./images.css" +**Note:** These guidelines are specific to ChatBot. Before implementing AI-enabled features, review PatternFly's [AI design language guidelines](/ai/design-language), which cover foundational requirements for AI disclosure, iconography, and color that apply across all Red Hat products. + ## Elements
@@ -256,14 +258,12 @@ If necessary for brand consistency, you can customize the toggle shape and icon. #### Masthead toggle -When the ChatBot toggle is a masthead utility, use the fa-comments icon: +You can also add a ChatBot toggle as an action in the masthead:
![ChatBot toggle in a masthead.](./img/masthead-toggle.svg)
-The exception to this is if you have a specific icon that aligns with your product or ChatBot branding. - When there is an unread message from the ChatBot, a notification count should be displayed, and the badge should be styled as unread.
@@ -272,7 +272,7 @@ When there is an unread message from the ChatBot, a notification count should be ### Launching a ChatBot from page content -If a UI element within the page content is an AI/ChatBot-supported feature, the ChatBot should be launched when users select the clearly-identified action. These kinds of actions should display your ChatBot's logo beside a label that clearly communicates the intention of the AI action. +If a UI element within the page content is an AI/ChatBot-supported feature, the ChatBot should be launched when users select the clearly-identified action. These kinds of actions should display robot icon beside a text label that clearly communicates the intention of the AI action, following the format "[ Action ] with AI" (for example, "Chat with AI" or "Summarize with AI").
![Menu item for an AI action that launches a ChatBot.](./img/ai-action-inpage.svg) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-inpage.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-inpage.svg index 95444572c..134c5392d 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-inpage.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-inpage.svg @@ -2,72 +2,77 @@ - - - - - - + + + + + + - + - - - - - - - - - - - - - + + + + + + + + + + + + + - + - - - - - - - - - - - - + + + + + + + + + + + + - + - - - - - - - - - - - - + + + + + + + + + + + + + + + + + - - - + + + - + - + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-message.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-message.svg index 8309877d0..9e181fb9b 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-message.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-message.svg @@ -1,40 +1,47 @@ - + - + - + - - - + + + - - - - - + + + + + - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - + @@ -43,21 +50,20 @@ - - - - + - + - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg index 25027524f..c3bd28c9f 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg @@ -1,5 +1,5 @@ - - + + @@ -7,11 +7,11 @@ - + - - + + @@ -19,23 +19,23 @@ - - + + - + - - - + + + - + - + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg index 7b63d08ea..f3346cbbf 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg @@ -1,40 +1,32 @@ - + - + - - - - - - - - - - - - - - + + + + + + + + - + - - - - - - - - - - + + + + + + + + - + @@ -43,18 +35,14 @@ - - - - + - + - + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg index 991930d32..46f4b2f56 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg @@ -1,104 +1,112 @@ - + - + + + - - + - + - + - - - - - - - - - - - - + + + + + + + + + + + + + + + + - - - + + + + - - - - - + + + + + - - - - - - - - + + + + + + + + - - - - - + + + + + - - - - - - - + + + + + + - + - - + + - - - - - - - - - - + + + + + + + + + + + + + - + - - - + + + @@ -109,9 +117,6 @@ - - - @@ -124,14 +129,16 @@ - + - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg index 4a916319e..a88e738c2 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg @@ -1,38 +1,43 @@ - + - + - - - - - - - - - + + + - - + - + - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - + @@ -41,18 +46,17 @@ - - - - + - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle-notification.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle-notification.svg index b3b34398d..53600de05 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle-notification.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle-notification.svg @@ -1,8 +1,25 @@ - - - - + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle.svg index 65bd151d5..e8f18b968 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle.svg @@ -1,10 +1,41 @@ - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/comparison.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/comparison.svg index 8a73e5583..e8490a532 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/comparison.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/comparison.svg @@ -3,19 +3,18 @@ - + - + - - - - + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/conversation-history.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/conversation-history.svg index e20c3f99e..c4c3daf49 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/conversation-history.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/conversation-history.svg @@ -1,57 +1,55 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - + + + + + + + + - + - - + + - - + + - - + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/docked.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/docked.svg index 68505494e..693da4456 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/docked.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/docked.svg @@ -1,7 +1,7 @@ - + - + @@ -10,20 +10,20 @@ - - + + - - - - - - + + + + + + - + @@ -34,204 +34,230 @@ - + - + + + - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + + - - - - - - - + + + + + + + - - - + + + - - - - + + + + - - - - + + + + - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + - - + + - + + + + + - + + + - - - - - - - + + + - - - - - - - - + + + + + + + + + + + + + - - - + + + + - - - - + + + + + - - - - - - - - - - + + + + + + + + + + + + + + + + + + @@ -241,7 +267,7 @@ - + @@ -249,45 +275,54 @@ - - - - - - - + + + + + + + + + + + + + + + - - - - - - + + + + + + - - - - - + + + + + - - - - + + + + - - - + + + + + + + + + + - - - - - - - + @@ -307,13 +342,7 @@ - - - - - - - + @@ -331,11 +360,11 @@ - + - + @@ -343,26 +372,34 @@ - + - + - + - + - + - + + + + + + + - + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/download-chat-history.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/download-chat-history.svg index efa9125b4..a5c23057d 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/download-chat-history.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/download-chat-history.svg @@ -2,12 +2,12 @@ - - - + + + - + @@ -17,15 +17,13 @@ - + - - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/download-header.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/download-header.svg index 40bfb03b5..fb05dfb3f 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/download-header.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/download-header.svg @@ -1,92 +1,99 @@ - + - + - - - + + + + - - - - - - - - + + + + + + + + - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + - - - + + + + - - - - - + + + + + - - - - - - - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + - + @@ -95,10 +102,7 @@ - - - - + @@ -107,26 +111,28 @@ - + - + - + - + - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/download-message-action.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/download-message-action.svg index 0ec1683fe..e4b876097 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/download-message-action.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/download-message-action.svg @@ -1,22 +1,26 @@ - + - - + + + + + + + - - + + - + - + - - - - + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/drawer.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/drawer.svg index bcdadfcce..db3ded4b2 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/drawer.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/drawer.svg @@ -1,34 +1,39 @@ - + - + - + - - - - + + + + + + + + + - + - - + + - - - - - - - + + + + + + + - - + + @@ -38,172 +43,199 @@ - + - + + + + + + + + + + + - + - + - + - + - + + + + + - - + + - - + + - - + + - + - + - + - - + + - - - - + + + + - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + + + - - - - + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - - - - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + - - - - + + + + + + + + + + + + + + + + + + + - - - + + + + - - - - - - + + + + + + + + + + - + - - - - - - - + @@ -213,7 +245,7 @@ - + @@ -221,35 +253,46 @@ - + - + - + - + - + - + - + - + - + + + + + + + + + + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/embedded.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/embedded.svg index aeae078c9..aef3f9677 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/embedded.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/embedded.svg @@ -1,156 +1,174 @@ - - + + - + - - + + - + - - + + - - - - - - - + + + + + + + - - + + - + - - + + - + - + - + + + - + + + + + - - - - - - - - - - - - - - - - - - - + + + - - - - + + + + + + + + + + + + + + + + + - - - + + + + + + + + - - - - - - - - + + + + + + + + + + + + + + + + - + - - + + - + - + - + - - - - + + + + - - - - + - + - + - + - + - + - - + + + + + + + + - - + + - - + + - + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/feedback-form.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/feedback-form.svg index 6d810942c..f06526865 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/feedback-form.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/feedback-form.svg @@ -1,60 +1,65 @@ - + - + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - + + + + + + + - - - - - - - - - - - - + + + + + + + + + + + + - + @@ -63,10 +68,7 @@ - - - - + @@ -77,11 +79,13 @@ - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/footnote.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/footnote.svg index 57cc16ce6..970fe4c1e 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/footnote.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/footnote.svg @@ -5,30 +5,30 @@ - - - - + + + + - + - - - - + + + + - + - + - + - - - - - - + + + + + + @@ -49,7 +49,7 @@ - + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/fullscreen.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/fullscreen.svg index 20b928edc..be4a2365c 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/fullscreen.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/fullscreen.svg @@ -1,50 +1,62 @@ - + - - - - + + + + + + + + + - - - - - - - - - - - - - + + + + + + + + + + + + + - - + + + + + + + + + - - - - - - + + + - - - + - - + + + + + + + - + - - + + @@ -54,7 +66,7 @@ - + @@ -62,57 +74,55 @@ - - - - + + + - - - + + + + - - - - - - - - - - + + + + + + + + + - - - - - - - + - + - + - + - + - + - + + + + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/masthead-toggle-notification.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/masthead-toggle-notification.svg index 0f034a5d4..70662fe9a 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/masthead-toggle-notification.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/masthead-toggle-notification.svg @@ -1,27 +1,27 @@ - + - + - - + + - - - + + + - + - + @@ -32,18 +32,23 @@ - + - + + + - + + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/masthead-toggle.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/masthead-toggle.svg index 666d1ffc1..7c408f56e 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/masthead-toggle.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/masthead-toggle.svg @@ -1,7 +1,7 @@ - + @@ -22,20 +22,20 @@ - - + + - + - - + + - + @@ -46,16 +46,18 @@ - + - - - + + + + + - - + + @@ -71,5 +73,8 @@ + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/message-bar-elements.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/message-bar-elements.svg index 1f4b21c87..0fc8b0430 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/message-bar-elements.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/message-bar-elements.svg @@ -1,23 +1,23 @@ - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/message-elements.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/message-elements.svg index 74572fda0..5b2b0b6ff 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/message-elements.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/message-elements.svg @@ -1,81 +1,93 @@ - - + + - + - - - + + + - - - - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - + + + + + + + + + + - + - - - - + + + + - - - - - - - + + + + + + + - + @@ -84,21 +96,20 @@ - - - - - - - + - + - + + + + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/message-feedback.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/message-feedback.svg index 4afe30bc3..06c6caafa 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/message-feedback.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/message-feedback.svg @@ -1,28 +1,33 @@ - + - - - - - - - - - - - - + + + + + + + + + + + + + + + + + - + - + @@ -38,15 +43,14 @@ - - - - + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/message-responses.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/message-responses.svg index ff64beaa4..e43e3b0cf 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/message-responses.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/message-responses.svg @@ -1,36 +1,43 @@ - + - - + + + + + + + - + - + + + - + - + - + - + @@ -44,15 +51,17 @@ - - - - + + + + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/overlay.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/overlay.svg index 155da1d83..d5c57710b 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/overlay.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/overlay.svg @@ -1,30 +1,30 @@ - + - - + + - + - - + + - - - - - - + + + + + + - + @@ -35,18 +35,20 @@ - + - + + + - + @@ -54,189 +56,222 @@ - + + + + - + + - - - - - - - + + + + + + + - - - - - + + + + + + - - - + + + - - - - - + + + + + - - - + + + - - - - - + + + + + - + - - - + + + - + - - - - - + + + + + - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + - + - - + + - - - + + + - - - - - - - - - - - + + + + + + + + + + + + + - + + + + + - - - - + + + + + - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - - - - - - + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + - - - - - + + + + + - - - - + + + + - - - + + + + + + + + + + - - - - - - - + + + + + + + + + + + @@ -245,10 +280,7 @@ - - - - + @@ -266,11 +298,11 @@ - + - + @@ -281,11 +313,19 @@ - + - + + + + + + + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/quick-response-confirmation.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/quick-response-confirmation.svg index 81fca5758..1d2188032 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/quick-response-confirmation.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/quick-response-confirmation.svg @@ -1,44 +1,51 @@ - + - + - + - - - + + + - - - - - + + + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - + @@ -47,21 +54,20 @@ - - - - + - + - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/settings-menu.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/settings-menu.svg index d8c6557dd..9b686d0d7 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/settings-menu.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/settings-menu.svg @@ -1,85 +1,91 @@ - + - + - - - + + + + - - - - - - - - + + + + + + + + - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + - - - + + + + - - - - - + + + + + - - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + - + @@ -88,10 +94,7 @@ - - - - + @@ -100,26 +103,28 @@ - + - + - + - + - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card-expanded.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card-expanded.svg index d81b4d737..ce65b8001 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card-expanded.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card-expanded.svg @@ -1,32 +1,37 @@ - + - + - - - + + + - - - - - + + + + + - - - - - - - - + + + + + + + + + + + + + @@ -45,13 +50,33 @@ - + - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + @@ -69,12 +94,12 @@ - - + + - + @@ -86,9 +111,6 @@ - - - @@ -108,9 +130,6 @@ - - - @@ -122,20 +141,31 @@ - + - + - + + + + - + + + + + + + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card-summary.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card-summary.svg index 1b92d0441..86d2252f2 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card-summary.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card-summary.svg @@ -1,50 +1,55 @@ - + - + - + - - - + + + - - - - - + + + + + - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + - - - - - + + + + + - + @@ -53,10 +58,7 @@ - - - - + @@ -67,17 +69,19 @@ - + - + - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card.svg index 1b7c3971e..cf4b8647d 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/source-card.svg @@ -1,49 +1,54 @@ - + - + - - - - - - - - - + + + + + + + + + + + + + + - - - - - - - + + + + + + + - - - - - + + + + + - - - - - - - - - - - - + + + + + + + + + + + + - + @@ -52,10 +57,7 @@ - - - - + @@ -66,11 +68,13 @@ - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/stop-button.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/stop-button.svg index 892385806..0a42727ca 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/stop-button.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/stop-button.svg @@ -1,34 +1,40 @@ - + - - - - - - - - - - + + + + + + - - - - - - + + + + + + + + + + + + + + + + - - + + - - + + @@ -41,10 +47,7 @@ - - - - + @@ -59,6 +62,8 @@ - + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/thank-you-card.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/thank-you-card.svg index dea89bc31..d4f39e9d2 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/thank-you-card.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/thank-you-card.svg @@ -1,51 +1,54 @@ - + - + - - - - - - - - - - - - - - - - + + + + + - - - - + - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - + + - + @@ -54,10 +57,7 @@ - - - - + @@ -68,14 +68,22 @@ - + - + - + + + + + + + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/toggle-tooltips.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/toggle-tooltips.svg index 08cdf323a..94e85e319 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/toggle-tooltips.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/toggle-tooltips.svg @@ -1,22 +1,36 @@ - - - - - + + + + + + - + + + + - + + + + + + + + + + + @@ -25,7 +39,7 @@ - + @@ -34,5 +48,8 @@ + + + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/welcome-elements.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/welcome-elements.svg index a7adbb164..f26173c1f 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/welcome-elements.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/welcome-elements.svg @@ -1,63 +1,57 @@ - + - + - - - + + + + - - - - - - - - + + + + + + + + - - - - - - - - + + + + + + + + - - - - - - + + + + + + - - - - - - - + + + + + + + - - - - - - - + + + + + + - - - - - - - + @@ -66,19 +60,19 @@ - + - + - + - + From c399965634e99d61ffd4e9b61589418c6d54cdb5 Mon Sep 17 00:00:00 2001 From: Erin Donehoo <105813956+edonehoo@users.noreply.github.com> Date: Thu, 14 May 2026 15:38:13 -0400 Subject: [PATCH 2/2] Fix a few images --- .../extensions/chatbot/design-guidelines.md | 2 +- .../extensions/chatbot/img/attached-file.svg | 20 +-- .../chatbot/img/attachment-menu.svg | 169 +++++++++--------- .../extensions/chatbot/img/display-menu.svg | 140 ++++++++++----- 4 files changed, 195 insertions(+), 136 deletions(-) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md b/packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md index 5e4e92312..4511afdfa 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md +++ b/packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md @@ -272,7 +272,7 @@ When there is an unread message from the ChatBot, a notification count should be ### Launching a ChatBot from page content -If a UI element within the page content is an AI/ChatBot-supported feature, the ChatBot should be launched when users select the clearly-identified action. These kinds of actions should display robot icon beside a text label that clearly communicates the intention of the AI action, following the format "[ Action ] with AI" (for example, "Chat with AI" or "Summarize with AI"). +If a UI element within the page content is an AI/ChatBot-supported feature, the ChatBot should be launched when users select the clearly-identified action. These kinds of actions should display the [UI robot icon](/ai/design-language#robot-icon) beside a text label that clearly communicates the intention of the action (for example, "Chat with AI" or "Ask with AI").
![Menu item for an AI action that launches a ChatBot.](./img/ai-action-inpage.svg) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg index c3bd28c9f..ab2b6bbb3 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg @@ -1,5 +1,5 @@ - - + + @@ -19,23 +19,23 @@ - - + + - + - - - + + + - + - + diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-menu.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-menu.svg index 6cb55b788..ef894ecf1 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-menu.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-menu.svg @@ -1,96 +1,104 @@ - + - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + - - - + + + + - - - - - - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + - + - + + + + + + + + + + + + + + + + + + + + + + + + + + + - + @@ -99,16 +107,12 @@ - - - - + - - - + + @@ -121,12 +125,13 @@ - + - - + + + @@ -134,17 +139,19 @@ - + - + - + - + + + + - diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/img/display-menu.svg b/packages/module/patternfly-docs/content/extensions/chatbot/img/display-menu.svg index 1dc58edf9..fae369aad 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/img/display-menu.svg +++ b/packages/module/patternfly-docs/content/extensions/chatbot/img/display-menu.svg @@ -1,48 +1,98 @@ - + - + - - - - - - - - + + + + + + + + + + + + + + + + + + + + - - - - - - - + + + - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + @@ -51,10 +101,7 @@ - - - - + @@ -63,20 +110,25 @@ - + - + - + - + + + + + + + -