🧠 style: Expanded Thinking footer, Banner links, and Copy Thoughts accessibility (#11142)

* feat(Thinking): Add ThinkingFooter component for improved UX

* style(Banner): auto-style hyperlinks in banner messages

* fix: Simplify ThinkingFooter component by removing unused content prop and update aria-label for accessibility

* fix: Correct import order for consistency in Thinking component

* fix(ThinkingFooter): Update documentation to clarify footer functionality
This commit is contained in:
Marco Beretta 2025-12-29 19:49:18 +01:00 committed by GitHub
parent 28f4800e95
commit a59bab4dc7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 53 additions and 9 deletions

View file

@ -38,10 +38,13 @@ export const Banner = ({ onHeightChange }: { onHeightChange?: (height: number) =
return (
<div
ref={bannerRef}
className="sticky top-0 z-20 flex items-center bg-surface-secondary px-2 py-1 text-text-primary dark:bg-gradient-to-r md:relative"
className="sticky top-0 z-20 flex items-center bg-presentation px-2 py-1 text-text-primary dark:bg-gradient-to-r md:relative"
>
<div
className={cn('text-md w-full truncate text-center', !banner.persistable && 'px-4')}
className={cn(
'text-md w-full truncate text-center [&_a]:text-blue-700 [&_a]:underline dark:[&_a]:text-blue-400',
!banner.persistable && 'px-4',
)}
dangerouslySetInnerHTML={{ __html: banner.message }}
></div>
{!banner.persistable && (