@patternfly/chatbot 6.5.0-prerelease.3 → 6.5.0-prerelease.30

package/dist/css/main.css

@@ -70,6 +70,7 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transition: opacity 0.3s ease-out, transform 0.3s ease-out;
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
 }
 .pf-chatbot--hidden {
   pointer-events: none;
@@ -93,6 +94,8 @@
 }
 
 .pf-chatbot--docked {
+  border: unset;
+  border-left: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
   inset-block-end: 0;
   inset-inline-end: 0;
   padding: 0;
@@ -108,6 +111,7 @@
 }
 
 .pf-chatbot--fullscreen {
+  border: unset;
   inset-block-end: 0;
   inset-inline-end: 0;
   padding: 0;
@@ -118,6 +122,7 @@
 }
 
 .pf-chatbot--embedded {
+  border: unset;
   position: static;
   width: 100%;
   min-height: 100%;
@@ -160,12 +165,20 @@
   height: 100%;
   border-radius: 0;
   box-shadow: none;
-  border-left: var(--pf-t--global--border--width--divider--default) solid;
   border-color: var(--pf-t--global--border--color--default);
 }
 .pf-chatbot--drawer .pf-chatbot-container {
   border-radius: var(--pf-t--global--border--radius--sharp);
 }
+@media screen and (min-width: 768px) {
+  .pf-chatbot--drawer {
+    border-left: var(--pf-t--global--border--width--divider--default) solid;
+  }
+}
+
+:root:where(.pf-v6-theme-high-contrast) .pf-chatbot--drawer {
+  border: unset;
+}
 
 .pf-chatbot.pf-m-compact {
   font-size: var(--pf-t--global--font--size--sm);
@@ -205,6 +218,10 @@
   position: absolute;
   border-radius: var(--pf-t--global--border--radius--medium);
 }
+.pf-chatbot__history .pf-chatbot__heading-divider {
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
+}
 .pf-chatbot__history .pf-chatbot__heading-container {
   padding-inline-start: var(--pf-t--global--spacer--lg);
   padding-inline-end: var(--pf-t--global--spacer--lg);
@@ -224,9 +241,17 @@
   justify-content: flex-start;
   gap: var(--pf-t--global--spacer--gap--text-to-element--default);
 }
+.pf-chatbot__history .pf-chatbot__history-search-actions .pf-v6-c-button.pf-m-control {
+  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
+  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
+}
+.pf-chatbot__history .pf-chatbot__input {
+  width: 100%;
+}
 .pf-chatbot__history .pf-v6-c-menu {
   --pf-v6-c-menu--PaddingBlockStart: 0;
   --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v6-c-menu--BorderWidth: 0;
   overflow: initial;
   position: relative;
 }
@@ -248,6 +273,7 @@
 .pf-chatbot__history .pf-chatbot__menu-item {
   --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-menu__list-item--BorderWidth: 0;
   padding-block-start: var(--pf-t--global--spacer--xs);
   padding-block-end: var(--pf-t--global--spacer--xs);
   color: var(--pf-t--global--text--color--regular);
@@ -255,6 +281,14 @@
   font-weight: var(--pf-t--global--font--weight--body--default);
   border-radius: var(--pf-t--global--border--radius--small);
 }
+.pf-chatbot__history li.pf-chatbot__menu-item:hover::after {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-t--global--border--width--action--plain--hover) solid var(--pf-t--global--border--color--high-contrast);
+  border-radius: inherit;
+}
 .pf-chatbot__history .pf-v6-c-menu__list-item.pf-chatbot__menu-item {
   overflow: hidden;
 }
@@ -264,6 +298,14 @@
 .pf-chatbot__history .pf-chatbot__menu-item--active {
   background-color: var(--pf-t--global--background--color--action--plain--clicked);
 }
+.pf-chatbot__history li.pf-chatbot__menu-item--active::after {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-t--global--border--width--action--plain--clicked) solid var(--pf-t--global--border--color--high-contrast);
+  border-radius: inherit;
+}
 .pf-chatbot__history button.pf-chatbot__menu-item--active {
   background-color: initial;
 }
@@ -413,6 +455,9 @@
   row-gap: var(--pf-chatbot__footer--RowGap);
   position: relative;
 }
+.pf-chatbot__footer.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--primary--default);
+}
 
 .pf-chatbot__footer-container {
   padding: 0 var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg);
@@ -451,6 +496,13 @@
   row-gap: var(--pf-t--global--spacer--sm);
 }
 
+@media screen and (min-width: 64rem) {
+  :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--embedded .pf-chatbot__footer .pf-v6-c-divider,
+  :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--fullscreen .pf-chatbot__footer .pf-v6-c-divider {
+    display: var(--pf-v6-hidden-visible--Display);
+  }
+}
+
 .pf-chatbot__header-container {
   display: grid;
 }
@@ -521,6 +573,10 @@
   align-items: center;
   justify-content: center;
 }
+.pf-chatbot__button--toggle-options::before,
+.pf-chatbot__button--toggle-menu::before {
+  border-radius: inherit;
+}
 .pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
 .pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
 .pf-chatbot__button--toggle-options .pf-v6-c-icon__content,
@@ -587,6 +643,13 @@
   width: initial;
 }
 
+@media screen and (min-width: 64rem) {
+  :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--fullscreen .pf-chatbot__header__divider,
+  :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--embedded .pf-chatbot__header__divider {
+    display: var(--pf-v6-hidden-visible--Display);
+  }
+}
+
 .pf-chatbot__chatbot-modal-backdrop {
   position: static !important;
 }
@@ -606,6 +669,7 @@
 .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__footer {
   padding-block-start: var(--pf-t--global--spacer--xl);
   padding-block-end: var(--pf-t--global--spacer--xl);
+  border-top: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
 }
 .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__header {
   padding-block-end: var(--pf-t--global--spacer--sm);
@@ -912,7 +976,7 @@
 }
 
 .pf-chatbot__deep-thinking {
-  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
   overflow: unset;
 }
 
@@ -1163,7 +1227,7 @@
   display: flex;
   align-items: flex-start;
   gap: var(--pf-t--global--spacer--lg);
-  padding-bottom: var(--pf-t--global--spacer--xl);
+  padding-bottom: var(--pf-t--global--spacer--lg);
 }
 .pf-chatbot__message-avatar.pf-v6-c-avatar {
   --pf-v6-c-avatar--BorderRadius: 0;
@@ -1173,9 +1237,11 @@
   pointer-events: none;
 }
 .pf-chatbot__message-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar {
+  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
+}
+.pf-chatbot__message-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;
   --pf-v6-c-avatar--Height: 3rem;
-  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
 }
 .pf-chatbot__message .pf-v6-c-truncate {
   --pf-v6-c-truncate--MinWidth: 0ch;
@@ -1292,6 +1358,7 @@
   padding: var(--pf-t--global--spacer--sm);
   background-color: var(--pf-t--global--background--color--tertiary--default);
   border-radius: var(--pf-t--global--border--radius--small);
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
 }
 .pf-chatbot__message-loading-dots {
   position: relative;
@@ -1333,6 +1400,9 @@
     background-color: rgba(41, 41, 41, 0.25);
   }
 }
+.pf-chatbot__message-loading.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
 
 .pf-chatbot__message-code-block {
   width: 100%;
@@ -1394,11 +1464,24 @@
   padding: 0 !important;
   overflow: hidden !important;
 }
+.pf-chatbot__message-code-block.pf-m-markdown .pf-v6-c-code-block__code {
+  font-size: inherit;
+}
 
 .pf-chatbot__message-inline-code {
   --pf-chatbot-message-text-inline-code-font-size: var(--pf-t--global--font--size--body--default);
   background-color: var(--pf-t--global--background--color--tertiary--default);
   font-size: var(--pf-chatbot-message-text-inline-code-font-size);
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
+  border-radius: var(--pf-t--global--border--radius--small);
+  padding-block-start: var(--pf-t--global--spacer--xs);
+  padding-block-end: var(--pf-t--global--spacer--xs);
+  padding-inline-start: var(--pf-t--global--spacer--xs);
+  padding-inline-end: var(--pf-t--global--spacer--xs);
+  word-break: break-word;
+}
+.pf-chatbot__message-inline-code.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--secondary--default);
 }
 
 .pf-chatbot__message-code-toggle .pf-v6-c-button.pf-m-link {
@@ -1442,6 +1525,16 @@
   white-space: nowrap;
   width: 1px;
 }
+.pf-chatbot__message-text.pf-m-primary code {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+.pf-chatbot__message-text.pf-m-markdown {
+  display: block;
+}
+.pf-chatbot__message-text.pf-m-markdown > [class^=pf-v6-c-content] {
+  font-size: inherit;
+  color: inherit;
+}
 
 li[id*=user-content-fn-]:has(> span > .pf-chatbot__message-text + .pf-chatbot__message-text) > span > .pf-chatbot__message-text > p {
   margin-block-end: var(--pf-t--global--spacer--md);
@@ -1471,6 +1564,9 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-chatbot__message--user .pf-chatbot__message-text a {
   color: var(--pf-t--global--text--color--on-brand--default);
 }
+.pf-chatbot__message--user blockquote {
+  border-inline-start-color: var(--pf-t--global--border--color--alt);
+}
 .pf-chatbot__message--user .pf-chatbot__message-text > .pf-chatbot__message-text {
   background-color: initial;
   padding: initial;
@@ -1504,8 +1600,8 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 }
 
 .pf-chatbot.pf-m-compact .pf-chatbot__message {
-  gap: var(--pf-t--global--spacer--md);
-  padding-bottom: var(--pf-t--global--spacer--sm);
+  gap: var(--pf-t--global--spacer--sm);
+  padding-bottom: var(--pf-t--global--spacer--md);
 }
 .pf-chatbot.pf-m-compact .pf-chatbot__message .pf-chatbot__message-contents  {
   gap: var(--pf-t--global--spacer--xs);
@@ -1513,9 +1609,9 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-chatbot.pf-m-compact .pf-chatbot__message-name {
   font-size: var(--pf-t--global--font--size--xs);
 }
-.pf-chatbot.pf-m-compact .pf-chatbot__message-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar {
-  --pf-v6-c-avatar--Width: 2rem;
-  --pf-v6-c-avatar--Height: 2rem;
+.pf-chatbot.pf-m-compact .pf-chatbot__message-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: 1.5rem;
+  --pf-v6-c-avatar--Height: 1.5rem;
 }
 .pf-chatbot.pf-m-compact .pf-chatbot__message-contents {
   gap: var(--pf-t--global--spacer--xs);
@@ -1581,11 +1677,24 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   padding: 0 !important;
   overflow: hidden !important;
 }
+.pf-chatbot__message-code-block.pf-m-markdown .pf-v6-c-code-block__code {
+  font-size: inherit;
+}
 
 .pf-chatbot__message-inline-code {
   --pf-chatbot-message-text-inline-code-font-size: var(--pf-t--global--font--size--body--default);
   background-color: var(--pf-t--global--background--color--tertiary--default);
   font-size: var(--pf-chatbot-message-text-inline-code-font-size);
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
+  border-radius: var(--pf-t--global--border--radius--small);
+  padding-block-start: var(--pf-t--global--spacer--xs);
+  padding-block-end: var(--pf-t--global--spacer--xs);
+  padding-inline-start: var(--pf-t--global--spacer--xs);
+  padding-inline-end: var(--pf-t--global--spacer--xs);
+  word-break: break-word;
+}
+.pf-chatbot__message-inline-code.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--secondary--default);
 }
 
 .pf-chatbot__message-code-toggle .pf-v6-c-button.pf-m-link {
@@ -1601,6 +1710,10 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   display: block;
 }
 
+.pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-markdown {
+  font-size: inherit;
+}
+
 .pf-chatbot__message-and-actions {
   width: 100%;
 }
@@ -1637,6 +1750,16 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   white-space: nowrap;
   width: 1px;
 }
+.pf-chatbot__message-text.pf-m-primary code {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+.pf-chatbot__message-text.pf-m-markdown {
+  display: block;
+}
+.pf-chatbot__message-text.pf-m-markdown > [class^=pf-v6-c-content] {
+  font-size: inherit;
+  color: inherit;
+}
 
 li[id*=user-content-fn-]:has(> span > .pf-chatbot__message-text + .pf-chatbot__message-text) > span > .pf-chatbot__message-text > p {
   margin-block-end: var(--pf-t--global--spacer--md);
@@ -1666,6 +1789,9 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-chatbot__message--user .pf-chatbot__message-text a {
   color: var(--pf-t--global--text--color--on-brand--default);
 }
+.pf-chatbot__message--user blockquote {
+  border-inline-start-color: var(--pf-t--global--border--color--alt);
+}
 .pf-chatbot__message--user .pf-chatbot__message-text > .pf-chatbot__message-text {
   background-color: initial;
   padding: initial;
@@ -1703,6 +1829,14 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-chatbot__message-unordered-list li {
   font-size: var(--pf-t--global--font--size--md);
 }
+.pf-chatbot__message-ordered-list.pf-m-markdown .pf-v6-c-list,
+.pf-chatbot__message-ordered-list.pf-m-markdown ul,
+.pf-chatbot__message-ordered-list.pf-m-markdown li,
+.pf-chatbot__message-unordered-list.pf-m-markdown .pf-v6-c-list,
+.pf-chatbot__message-unordered-list.pf-m-markdown ul,
+.pf-chatbot__message-unordered-list.pf-m-markdown li {
+  font-size: inherit;
+}
 
 .pf-chatbot__message--user .pf-chatbot__message-ordered-list,
 .pf-chatbot__message--user .pf-chatbot__message-unordered-list {
@@ -1725,12 +1859,15 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-chatbot__message-table {
   border-radius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default) !important;
-  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default) !important;
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast) !important;
   padding: 0 var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
 }
 .pf-chatbot__message-table.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
   border-block-start: 0;
 }
+.pf-chatbot__message-table.pf-m-primary {
+  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--secondary--default) !important;
+}
 .pf-chatbot__message-table tbody {
   border-radius: var(--pf-t--global--border--radius--small);
 }
@@ -1741,12 +1878,21 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-chatbot__message-table .pf-v6-c-table__tr:last-of-type {
   border-block-end: 0;
 }
+.pf-chatbot__message-table.pf-m-markdown table,
+.pf-chatbot__message-table.pf-m-markdown tbody,
+.pf-chatbot__message-table.pf-m-markdown td,
+.pf-chatbot__message-table.pf-m-markdown thead,
+.pf-chatbot__message-table.pf-m-markdown th,
+.pf-chatbot__message-table.pf-m-markdown tr {
+  font-size: inherit;
+}
 
 .pf-chatbot__message-loading {
   width: 36px;
   padding: var(--pf-t--global--spacer--sm);
   background-color: var(--pf-t--global--background--color--tertiary--default);
   border-radius: var(--pf-t--global--border--radius--small);
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
 }
 .pf-chatbot__message-loading-dots {
   position: relative;
@@ -1788,6 +1934,9 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
     background-color: rgba(41, 41, 41, 0.25);
   }
 }
+.pf-chatbot__message-loading.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
 
 .pf-chatbot__quickstarts-tile {
   max-width: 650px;
@@ -1807,7 +1956,7 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
 }
 
-.pf-chatbot__message-quick-response .pf-v6-c-label {
+.pf-chatbot__message-quick-response .pf-v6-c-label:not(.pf-m-compact) {
   --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
 }
 @media screen and (min-width: 401px) and (max-width: 600px) {
@@ -1837,7 +1986,7 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 
 .pf-chatbot__feedback-card {
   box-shadow: var(--pf-t--global--box-shadow--sm);
-  --pf-v6-c-card--BorderWidth: 0;
+  --pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   max-width: 27.5rem;
 }
 
@@ -1872,6 +2021,10 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   line-height: var(--pf-t--global--font--line-height--heading);
 }
 
+.pf-chatbot__feedback-card-complete-header .pf-v6-c-card__actions {
+  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--xl) * -1);
+}
+
 .pf-chatbot__feedback-card-title {
   font-family: var(--pf-t--global--font--family--heading);
   font-size: var(--pf-t--global--font--size--md);
@@ -1887,8 +2040,28 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   font-weight: initial;
 }
 
+.pf-chatbot__feedback-card-privacy {
+  font-size: var(--pf-t--global--font--size--body--sm);
+  font-weight: var(--pf-t--global--font--weight--body--default);
+  line-height: var(--pf-t--global--font--line-height--body);
+  color: var(--pf-t--global--text--color--subtle);
+}
+
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card {
+  --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-card--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+}
 .pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card .pf-chatbot__feedback-card-form.pf-m-compact {
-  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--md);
+  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card .pf-chatbot__feedback-card-form.pf-m-compact .pf-v6-c-form__group.pf-m-action {
+  margin-block-start: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card .pf-chatbot__feedback-card-form.pf-m-compact .pf-v6-c-form-control {
+  font-size: var(--pf-t--global--font--size--body--sm);
 }
 
 .pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card.pf-chatbot__feedback-card-complete div.pf-chatbot__feedback-complete-body {
@@ -1926,7 +2099,6 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-v6-c-button.pf-chatbot__button--attach.pf-m-compact {
   width: 1.5rem;
   height: 1.5rem;
-  padding: var(--pf-t--global--spacer--sm);
   align-items: center;
 }
 
@@ -1964,7 +2136,6 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-v6-c-button.pf-chatbot__button--microphone.pf-m-compact {
   width: 1.5rem;
   height: 1.5rem;
-  padding: var(--pf-t--global--spacer--sm);
   align-items: center;
 }
 
@@ -2013,7 +2184,6 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-v6-c-button.pf-chatbot__button--send.pf-m-compact {
   width: 1.5rem;
   height: 1.5rem;
-  padding: var(--pf-t--global--spacer--sm);
   align-items: center;
 }
 
@@ -2046,7 +2216,6 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-v6-c-button.pf-chatbot__button--stop.pf-m-compact {
   width: 1.5rem;
   height: 1.5rem;
-  padding: var(--pf-t--global--spacer--sm);
   align-items: center;
 }
 
@@ -2061,14 +2230,30 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   justify-content: flex-end;
   background-color: var(--pf-t--global--background--color--primary--default);
   border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
-  transition: box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
+  transition: border-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
+  position: relative;
+  border: var(--pf-t--global--border--width--control--default) solid transparent;
   overflow: hidden;
 }
-.pf-chatbot__message-bar:hover {
-  box-shadow: inset 0 0 0 1px var(--pf-t--global--border--color--default);
+.pf-chatbot__message-bar::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  border: var(--pf-t--global--border--width--control--default) solid transparent;
+  pointer-events: none;
+  transition: border-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), border-width var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
+}
+.pf-chatbot__message-bar.pf-m-primary::after {
+  border-color: var(--pf-t--global--border--color--default);
+}
+.pf-chatbot__message-bar:hover::after {
+  border-color: var(--pf-t--global--border--color--default);
+  border-width: var(--pf-t--global--border--width--control--hover);
 }
-.pf-chatbot__message-bar:focus-within {
-  box-shadow: inset 0 0 0 2px var(--pf-t--global--color--brand--default);
+.pf-chatbot__message-bar:focus-within::after {
+  border-color: var(--pf-t--global--color--brand--default);
+  border-width: var(--pf-t--global--border--width--control--clicked);
 }
 .pf-chatbot__message-bar-actions {
   display: flex;
@@ -2077,6 +2262,17 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   padding-block-end: var(--pf-t--global--spacer--xs);
   gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
 }
+.pf-chatbot__message-bar-actions.pf-m-grouped {
+  flex-basis: 100%;
+  justify-content: space-between;
+}
+.pf-chatbot__message-bar-actions-group {
+  display: flex;
+  padding-block-start: var(--pf-t--global--spacer--xs);
+  padding-block-end: var(--pf-t--global--spacer--xs);
+  gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
+  align-items: center;
+}
 .pf-chatbot__message-bar-input {
   flex: 1 1 auto;
   padding-block-start: var(--pf-t--global--spacer--sm);
@@ -2148,9 +2344,19 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 .pf-chatbot__message-bar-input.pf-m-compact .pf-chatbot__message-textarea {
   font-size: var(--pf-t--global--font--size--sm) !important;
 }
-.pf-chatbot__message-bar-input.pf-m-compact .pf-chatbot__message-bar-actions {
-  padding-block-start: var(--pf-t--global--spacer--md);
-  padding-block-end: var(--pf-t--global--spacer--md);
+
+.pf-m-compact .pf-chatbot__message-bar-actions,
+.pf-m-compact .pf-chatbot__message-bar-actions-group {
+  padding-block-start: var(--pf-t--global--spacer--sm);
+  padding-block-end: var(--pf-t--global--spacer--sm);
+}
+
+.pf-chatbot__message-bar.pf-m-multiline {
+  border-radius: calc(var(--pf-t--global--border--radius--small) * 2);
+}
+
+:root:where(.pf-v6-theme-high-contrast) .pf-chatbot__message-bar::after {
+  border-color: var(--pf-t--global--border--color--default);
 }
 
 .pf-chatbot__jump {
@@ -2298,6 +2504,88 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   }
 }
 
+.pf-chatbot__onboarding-modal {
+  overflow-x: hidden;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--title {
+  margin-block-end: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--section {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--modal-body {
+  display: flex;
+  flex-direction: column;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--modal-text {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.pf-chatbot__onboarding-modal .pf-v6-c-content {
+  font-size: var(--pf-t--global--font--size--body--lg);
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  max-height: 65%;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--header img {
+  max-width: unset;
+  height: 100%;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--title {
+  font-size: var(--pf-t--global--font--size--heading--h1);
+  font-family: var(--pf-t--global--font--family--heading);
+  font-weight: var(--pf-t--global--font--weight--heading--bold);
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--footer {
+  margin-block-start: var(--pf-t--global--spacer--md);
+}
+@media screen and (max-height: 620px) {
+  .pf-chatbot__onboarding-modal .pf-v6-c-modal-box__body {
+    --pf-v6-c-modal-box__body--MinHeight: auto;
+    overflow: visible;
+  }
+}
+
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--docked.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--docked .pf-chatbot__onboarding--header img,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--fullscreen .pf-chatbot__onboarding--header img,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--embedded .pf-chatbot__onboarding--header img {
+  max-width: 100%;
+  height: auto;
+}
+
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--fullscreen,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--embedded {
+  height: inherit !important;
+}
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--fullscreen .pf-chatbot__onboarding--title,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--embedded .pf-chatbot__onboarding--title {
+  font-size: var(--pf-t--global--font--size--heading--2xl);
+}
+
+.pf-chatbot__onboarding-modal.pf-m-compact .pf-chatbot__onboarding--header {
+  gap: var(--pf-t--global--spacer--md);
+  align-items: flex-start;
+  margin-block-start: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__onboarding-modal.pf-m-compact .pf-chatbot__onboarding--modal-header {
+  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__onboarding-modal.pf-m-compact .pf-chatbot__onboarding--modal-body {
+  --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+}
+
 .pf-chatbot__response-actions {
   display: grid;
   gap: var(--pf-t--global--spacer--xs);
@@ -2316,8 +2604,18 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
   --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
 }
 .pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small:focus {
-  --pf-v6-c-button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
   --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
+}
+
+.pf-chatbot__response-actions-groups {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--pf-t--global--spacer--xs);
+}
+.pf-chatbot__response-actions-groups .pf-chatbot__response-actions {
+  display: flex;
 }
 
 .pf-v6-c-button.pf-chatbot__button--response-action-clicked.pf-v6-c-button.pf-m-plain.pf-m-small {
@@ -2565,7 +2863,7 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 }
 
 .pf-chatbot__tool-response {
-  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
   overflow: unset;
 }
 
@@ -2591,18 +2889,26 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
 }
 
 .pf-chatbot__tool-response-card {
-  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--sm);
 }
 .pf-chatbot__tool-response-card .pf-v6-c-divider {
-  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--control--read-only);
+  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
+}
+
+.pf-chatbot__tool-response-expandable-section .pf-v6-c-expandable-section__toggle .pf-m-markdown {
+  padding: inherit;
+}
+
+.pf-chatbot__tool-response .pf-chatbot__message-image {
+  max-width: 100%;
 }
 
 .pf-chatbot__tool-call {
-  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--control--read-only);
   --pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
   overflow: unset;
   row-gap: var(--pf-t--global--spacer--sm);
 }