🔇 fix: Hide Button Icons from Screen Readers (#10776)

If you've got a screen reader that is reading out the whole page, each icon button (i.e., `<button><SVG></button>`) will have both the button's aria-label read out as well as the title from the SVG (which is usually just "image"). Since we are pretty good about setting aria-labels, we should instead use `aria-hidden="true"` on these images, since they are not useful to be read out. I don't consider this a comprehensive review of all icons in the app, but I knocked out all the low hanging fruit in this commit.
2026-01-28 13:16:13 +01:00 · 2025-12-11 15:35:17 -06:00 · 2025-12-11 15:35:17 -06:00 · 1143f73f59
commit 1143f73f59
parent b288d81f5a
175 changed files with 340 additions and 183 deletions
--- a/packages/client/src/components/Badge.tsx
+++ b/packages/client/src/components/Badge.tsx
@ -92,6 +92,7 @@ export default function Badge({
            '@container-[600px]:h-4 @container-[600px]:w-4 relative h-5 w-5',
            !label && 'mx-auto',
          )}
+          aria-hidden="true"
        />
      )}
      <span className="@container-[600px]:inline relative hidden">{label}</span>
--- a/packages/client/src/components/Dialog.tsx
+++ b/packages/client/src/components/Dialog.tsx
@ -68,7 +68,7 @@ const DialogContent = React.forwardRef<
          {children}
          {showCloseButton && (
            <DialogPrimitive.Close className="absolute right-6 top-[1.6rem] rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 dark:focus:ring-white dark:focus:ring-offset-gray-700 dark:data-[state=open]:bg-gray-800">
-              <X className="h-5 w-5 text-black dark:text-white" />
+              <X className="h-5 w-5 text-black dark:text-white" aria-hidden="true" />
              <span className="sr-only">Close</span>
            </DialogPrimitive.Close>
          )}
--- a/packages/client/src/components/OriginalDialog.tsx
+++ b/packages/client/src/components/OriginalDialog.tsx
@ -80,7 +80,7 @@ const DialogContent = React.forwardRef<
      {children}
      {showCloseButton && (
        <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-ring-primary ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
-          <X className="h-4 w-4" />
+          <X className="h-4 w-4" aria-hidden="true" />
          {/* eslint-disable-next-line i18next/no-literal-string */}
          <span className="sr-only">Close</span>
        </DialogPrimitive.Close>
--- a/packages/client/src/components/Pagination.tsx
+++ b/packages/client/src/components/Pagination.tsx
@ -63,7 +63,7 @@ const PaginationPrevious = ({
    className={cn('gap-1 pl-2.5', className)}
    {...props}
  >
-    <ChevronLeft className="h-4 w-4" />
+    <ChevronLeft className="h-4 w-4" aria-hidden="true" />
    <span>Previous</span>
  </PaginationLink>
 );
@ -77,7 +77,7 @@ const PaginationNext = ({ className, ...props }: React.ComponentProps<typeof Pag
    {...props}
  >
    <span>Next</span>
-    <ChevronRight className="h-4 w-4" />
+    <ChevronRight className="h-4 w-4" aria-hidden="true" />
  </PaginationLink>
 );
 PaginationNext.displayName = 'PaginationNext';
@ -88,7 +88,7 @@ const PaginationEllipsis = ({ className, ...props }: React.ComponentProps<'span'
    className={cn('flex h-9 w-9 items-center justify-center', className)}
    {...props}
  >
-    <MoreHorizontal className="h-4 w-4" />
+    <MoreHorizontal className="h-4 w-4" aria-hidden="true" />
    <span className="sr-only">More pages</span>
  </span>
 );
--- a/packages/client/src/components/Radio.tsx
+++ b/packages/client/src/components/Radio.tsx
@ -102,7 +102,11 @@ const Radio = memo(function Radio({
            currentValue === option.value ? 'text-foreground' : 'text-foreground'
          } ${disabled ? 'cursor-not-allowed opacity-50' : ''} ${fullWidth ? 'flex-1' : ''}`}
        >
-          {option.icon && <span className="flex-shrink-0">{option.icon}</span>}
+          {option.icon && (
+            <span className="flex-shrink-0" aria-hidden="true">
+              {option.icon}
+            </span>
+          )}
          <span className="whitespace-nowrap">{option.label}</span>
        </button>
      ))}
--- a/packages/client/src/components/Tag.tsx
+++ b/packages/client/src/components/Tag.tsx
@ -38,7 +38,7 @@ const TagPrimitiveRoot = React.forwardRef<HTMLDivElement, TagProps>(
              className="rounded-full bg-green-600/50"
              aria-label={`Remove ${label}`}
            >
-              <X className="m-[1.5px] p-1" />
+              <X className="m-[1.5px] p-1" aria-hidden="true" />
            </button>
          )}
    </div>
--- a/packages/client/src/components/ThemeSelector.tsx
+++ b/packages/client/src/components/ThemeSelector.tsx
@ -12,9 +12,9 @@ type ThemeType = 'system' | 'dark' | 'light';

 const Theme = ({ theme, onChange }: { theme: string; onChange: (value: string) => void }) => {
  const themeIcons: Record<ThemeType, JSX.Element> = {
-    system: <Monitor />,
-    dark: <Moon color="white" />,
-    light: <Sun />,
+    system: <Monitor aria-hidden="true" />,
+    dark: <Moon color="white" aria-hidden="true" />,
+    light: <Sun aria-hidden="true" />,
  };

  const nextTheme = isDark(theme) ? 'light' : 'dark';
--- a/packages/client/src/svgs/AnthropicIcon.tsx
+++ b/packages/client/src/svgs/AnthropicIcon.tsx
@ -13,6 +13,7 @@ export default function AnthropicIcon({
      width={size}
      height={size}
      className={cn('fill-current text-black', className)}
+      aria-hidden="true"
    >
      <g
        style={{
--- a/packages/client/src/svgs/AnthropicMinimalIcon.tsx
+++ b/packages/client/src/svgs/AnthropicMinimalIcon.tsx
@ -13,6 +13,7 @@ export default function AnthropicMinimalIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="m17.304 3.5472h-3.6718l6.6959 16.906h3.6718zm-10.608 0-6.6959 16.906h3.7442l1.3693-3.5502h7.0052l1.3693 3.5502h3.7442l-6.6959-16.906zm-0.37114 10.216 2.2914-5.9413 2.2914 5.9413z" />
    </svg>
--- a/packages/client/src/svgs/AppleIcon.tsx
+++ b/packages/client/src/svgs/AppleIcon.tsx
@ -8,6 +8,7 @@ export default function AppleIcon() {
      viewBox="0 0 814 1000"
      id="apple"
      className="h-6 w-6"
+      aria-hidden="true"
    >
      <path
        d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
--- a/packages/client/src/svgs/ArchiveIcon.tsx
+++ b/packages/client/src/svgs/ArchiveIcon.tsx
@ -7,6 +7,7 @@ export default function ArchiveIcon({ className = 'icon-md' }) {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/AssistantIcon.tsx
+++ b/packages/client/src/svgs/AssistantIcon.tsx
@ -22,6 +22,7 @@ export default function AssistantIcon({
      strokeLinejoin="round"
      className={cn('text-token-secondary h-2/3 w-2/3', className)}
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
      <polyline points="3.27 6.96 12 12.01 20.73 6.96" />
--- a/packages/client/src/svgs/AttachmentIcon.tsx
+++ b/packages/client/src/svgs/AttachmentIcon.tsx
@ -7,6 +7,7 @@ export default function AttachmentIcon({ className = '' }) {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/AzureMinimalIcon.tsx
+++ b/packages/client/src/svgs/AzureMinimalIcon.tsx
@ -22,6 +22,7 @@ export default function AzureMinimalIcon({
      width={width}
      height={height}
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="m8.0458 0.81981a1.1197 1.1197 0 0 0-1.0608 0.76184l-6.7912 20.123a1.1178 1.1178 0 0 0 1.0592 1.4751h5.4647a1.1197 1.1197 0 0 0 1.0608-0.7615l1.3528-4.0084-2.3684-2.2107a0.51536 0.51536 0 0 1 0.35193-0.8923h3.0639l1.8213-5.3966-2.8111-8.3294a1.1181 1.1181 0 0 0-1.0595-0.76049h-0.0836z" />
      <path d="m7.1147 15.307a0.51536 0.51536 0 0 0-0.35193 0.8923l7.1552 6.6782a1.1248 1.1248 0 0 0 0.76724 0.30238h0.2417a1.1181 1.1181 0 0 0 1.0534-1.4755l-2.1591-6.3974z" />
--- a/packages/client/src/svgs/BedrockIcon.tsx
+++ b/packages/client/src/svgs/BedrockIcon.tsx
@ -14,6 +14,7 @@ export default function BedrockIcon({
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
      className={cn('fill-current text-black', className)}
+      aria-hidden="true"
    >
      <g fill="currentColor">
        <path d="M12,18.1397014 L9.574,18.9487014 L8.628,18.3177014 L9.658,17.9737014 L9.342,17.0257014 L7.574,17.6147014 L7,17.2327014 L7,14.4997014 C7,14.3107014 6.893,14.1377014 6.724,14.0527014 L5,13.1907014 L5,10.8087014 L6.5,10.0587014 L8,10.8087014 L8,12.4997014 C8,12.6897014 8.107,12.8627014 8.276,12.9477014 L10.276,13.9477014 L10.724,13.0527014 L9,12.1907014 L9,10.8087014 L10.724,9.94770136 C10.893,9.86270136 11,9.68970136 11,9.49970136 L11,7.99970136 L10,7.99970136 L10,9.19070136 L8.5,9.94070136 L7,9.19070136 L7,6.76770136 L8,6.10070136 L8,7.99970136 L9,7.99970136 L9,5.43470136 L9.574,5.05170136 L12,5.86070136 L12,18.1397014 Z M17.5,16.9997014 C17.775,16.9997014 18,17.2237014 18,17.4997014 C18,17.7757014 17.775,17.9997014 17.5,17.9997014 C17.225,17.9997014 17,17.7757014 17,17.4997014 C17,17.2237014 17.225,16.9997014 17.5,16.9997014 L17.5,16.9997014 Z M16.5,5.99970136 C16.775,5.99970136 17,6.22370136 17,6.49970136 C17,6.77570136 16.775,6.99970136 16.5,6.99970136 C16.225,6.99970136 16,6.77570136 16,6.49970136 C16,6.22370136 16.225,5.99970136 16.5,5.99970136 L16.5,5.99970136 Z M18.5,11.9997014 C18.775,11.9997014 19,12.2237014 19,12.4997014 C19,12.7757014 18.775,12.9997014 18.5,12.9997014 C18.225,12.9997014 18,12.7757014 18,12.4997014 C18,12.2237014 18.225,11.9997014 18.5,11.9997014 L18.5,11.9997014 Z M17.092,12.9997014 C17.299,13.5807014 17.849,13.9997014 18.5,13.9997014 C19.327,13.9997014 20,13.3277014 20,12.4997014 C20,11.6727014 19.327,10.9997014 18.5,10.9997014 C17.849,10.9997014 17.299,11.4197014 17.092,11.9997014 L13,11.9997014 L13,9.99970136 L16.5,9.99970136 C16.776,9.99970136 17,9.77670136 17,9.49970136 L17,7.90770136 C17.581,7.70070136 18,7.15070136 18,6.49970136 C18,5.67270136 17.327,4.99970136 16.5,4.99970136 C15.673,4.99970136 15,5.67270136 15,6.49970136 C15,7.15070136 15.419,7.70070136 16,7.90770136 L16,8.99970136 L13,8.99970136 L13,5.49970136 C13,5.28470136 12.862,5.09370136 12.658,5.02570136 L9.658,4.02570136 C9.511,3.97670136 9.351,3.99870136 9.223,4.08370136 L6.223,6.08370136 C6.084,6.17670136 6,6.33270136 6,6.49970136 L6,9.19070136 L4.276,10.0527014 C4.107,10.1377014 4,10.3107014 4,10.4997014 L4,13.4997014 C4,13.6897014 4.107,13.8627014 4.276,13.9477014 L6,14.8087014 L6,17.4997014 C6,17.6667014 6.084,17.8237014 6.223,17.9157014 L9.223,19.9157014 C9.306,19.9717014 9.402,19.9997014 9.5,19.9997014 C9.553,19.9997014 9.606,19.9917014 9.658,19.9737014 L12.658,18.9737014 C12.862,18.9067014 13,18.7157014 13,18.4997014 L13,15.9997014 L15.293,15.9997014 L16.146,16.8537014 L16.159,16.8407014 C16.061,17.0407014 16,17.2627014 16,17.4997014 C16,18.3267014 16.673,18.9997014 17.5,18.9997014 C18.327,18.9997014 19,18.3267014 19,17.4997014 C19,16.6727014 18.327,15.9997014 17.5,15.9997014 C17.262,15.9997014 17.04,16.0607014 16.841,16.1597014 L16.854,16.1467014 L15.854,15.1467014 C15.76,15.0527014 15.633,14.9997014 15.5,14.9997014 L13,14.9997014 L13,12.9997014 L17.092,12.9997014 Z" />
--- a/packages/client/src/svgs/BirthdayIcon.tsx
+++ b/packages/client/src/svgs/BirthdayIcon.tsx
@ -9,6 +9,7 @@ export default function BirthdayIcon({ className = '' }) {
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      className={cn('h-9 w-9', className)}
+      aria-hidden="true"
    >
      <defs>
        <linearGradient
--- a/packages/client/src/svgs/Blocks.tsx
+++ b/packages/client/src/svgs/Blocks.tsx
@ -12,6 +12,7 @@ export default function Blocks({ className = '' }: { className?: string }) {
      strokeLinejoin="round"
      xmlns="http://www.w3.org/2000/svg"
      className={cn('lucide lucide-blocks', className)}
+      aria-hidden="true"
    >
      <rect width="7" height="7" x="14" y="3" rx="1" />
      <path d="M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3" />
--- a/packages/client/src/svgs/CautionIcon.tsx
+++ b/packages/client/src/svgs/CautionIcon.tsx
@ -13,6 +13,7 @@ export default function CautionIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
      <line x1="12" y1="9" x2="12" y2="13" />
--- a/packages/client/src/svgs/ChatGPTMinimalIcon.tsx
+++ b/packages/client/src/svgs/ChatGPTMinimalIcon.tsx
@ -12,6 +12,7 @@ export default function ChatGPTMinimalIcon() {
      strokeWidth="2"
      strokeLinecap="round"
      className="lucide lucide-bot"
+      aria-hidden="true"
    >
      <rect width="18" height="10" x="3" y="11" rx="2" />
      <circle cx="12" cy="5" r="2" />
--- a/packages/client/src/svgs/ChatIcon.tsx
+++ b/packages/client/src/svgs/ChatIcon.tsx
@ -13,6 +13,7 @@ export default function ChatIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path
        strokeLinecap="round"
--- a/packages/client/src/svgs/CheckMark.tsx
+++ b/packages/client/src/svgs/CheckMark.tsx
@ -12,6 +12,7 @@ export default function CheckMark({ className = '' }: { className?: string }) {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/CircleHelpIcon.tsx
+++ b/packages/client/src/svgs/CircleHelpIcon.tsx
@ -13,6 +13,7 @@ export default function CircleHelpIcon({ className = 'icon-md-heavy', size = '1e
      strokeLinecap="round"
      strokeLinejoin="round"
      className={cn(className)}
+      aria-hidden="true"
    >
      <circle cx="12" cy="12" r="10" />
      <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
--- a/packages/client/src/svgs/Clipboard.tsx
+++ b/packages/client/src/svgs/Clipboard.tsx
@ -11,6 +11,7 @@ export default function Clipboard({ className = 'icon-md-heavy', size = '1em' })
      strokeLinecap="round"
      strokeLinejoin="round"
      className={cn(className)}
+      aria-hidden="true"
    >
      <path
        fill="currentColor"
--- a/packages/client/src/svgs/CodeyIcon.tsx
+++ b/packages/client/src/svgs/CodeyIcon.tsx
@ -16,6 +16,7 @@ export default function CodeyIcon({
      viewBox="0 0 18 18"
      preserveAspectRatio="xMidYMid meet"
      focusable="false"
+      aria-hidden="true"
    >
      <path
        d="M2 4.006C2 2.898 2.897 2 4.006 2h9.988C15.102 2 16 2.897 16 4.006v9.988A2.005 2.005 0 0 1 13.994 16H4.006A2.005 2.005 0 0 1 2 13.994V4.006zM13.992 9l.003-.003L10.997 6 9.75 7.247 11.503 9 9.75 10.753 10.997 12l2.997-2.997L13.992 9zm-9.99 0L4 8.997 6.997 6l1.247 1.247L6.492 9l1.753 1.753L6.997 12 4 9.003 4.003 9z"
--- a/packages/client/src/svgs/ContinueIcon.tsx
+++ b/packages/client/src/svgs/ContinueIcon.tsx
@ -13,6 +13,7 @@ export default function ContinueIcon({ className = '' }: { className?: string })
      height="19"
      width="19"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <polygon points="11 19 2 12 11 5 11 19" />
      <polygon points="22 19 13 12 22 5 22 19" />
--- a/packages/client/src/svgs/ConvoIcon.tsx
+++ b/packages/client/src/svgs/ConvoIcon.tsx
@ -14,6 +14,7 @@ export default function ConvoIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
    </svg>
--- a/packages/client/src/svgs/CrossIcon.tsx
+++ b/packages/client/src/svgs/CrossIcon.tsx
@ -14,6 +14,7 @@ export default function CrossIcon({ className = '' }) {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <line x1="18" y1="6" x2="6" y2="18" />
      <line x1="6" y1="6" x2="18" y2="18" />
--- a/packages/client/src/svgs/CustomMinimalIcon.tsx
+++ b/packages/client/src/svgs/CustomMinimalIcon.tsx
@ -18,6 +18,7 @@ export default function CustomMinimalIcon({
      strokeLinecap="round"
      strokeLinejoin="round"
      className={cn('lucide lucide-bot', className)}
+      aria-hidden="true"
    >
      <path d="M12 8V4H8" />
      <rect width="16" height="12" x="4" y="8" rx="2" />
--- a/packages/client/src/svgs/DarkModeIcon.tsx
+++ b/packages/client/src/svgs/DarkModeIcon.tsx
@ -13,6 +13,7 @@ export default function DarkModeIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
    </svg>
--- a/packages/client/src/svgs/DataIcon.tsx
+++ b/packages/client/src/svgs/DataIcon.tsx
@ -7,6 +7,7 @@ export default function DataIcon({ className = 'icon-sm' }: { className?: string
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/DiscordIcon.tsx
+++ b/packages/client/src/svgs/DiscordIcon.tsx
@ -7,6 +7,7 @@ export default function DiscordIcon() {
      viewBox="0 0 1024 1024"
      id="discord"
      className="h-6 w-6"
+      aria-hidden="true"
    >
      <circle cx="512" cy="512" r="512" fill="#5865f2" />
      <path
--- a/packages/client/src/svgs/DislikeIcon.tsx
+++ b/packages/client/src/svgs/DislikeIcon.tsx
@ -13,6 +13,7 @@ export default function DislikeIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path>
    </svg>
--- a/packages/client/src/svgs/DotsIcon.tsx
+++ b/packages/client/src/svgs/DotsIcon.tsx
@ -17,6 +17,7 @@ export default function DotsIcon({
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <circle cx="12" cy="12" r="1" />
      <circle cx="19" cy="12" r="1" />
--- a/packages/client/src/svgs/EditIcon.tsx
+++ b/packages/client/src/svgs/EditIcon.tsx
@ -20,6 +20,7 @@ const EditIcon = React.forwardRef<SVGSVGElement, IconProps>((props: IconProps, r
      height={size}
      width={size}
      className={cn(className)}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/ExperimentIcon.tsx
+++ b/packages/client/src/svgs/ExperimentIcon.tsx
@ -7,6 +7,7 @@ export default function ExperimentIcon() {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="icon-sm"
+      aria-hidden="true"
    >
      <path
        d="M9 3H15M9 3V9.2759C9 9.74377 8.83597 10.1968 8.53644 10.5563L4.85085 14.979C4.30108 15.6387 4 16.4703 4 17.3291V17.3291C4 19.3565 5.64353 21 7.67094 21H16.3291C18.3565 21 20 19.3565 20 17.3291V17.3291C20 16.4703 19.6989 15.6387 19.1492 14.979L15.4636 10.5563C15.164 10.1968 15 9.74377 15 9.2759V3M9 3H8M15 3H16"
--- a/packages/client/src/svgs/FacebookIcon.tsx
+++ b/packages/client/src/svgs/FacebookIcon.tsx
@ -2,7 +2,7 @@ import React from 'react';

 export default function FacebookIcon() {
  return (
-    <svg viewBox="0 0 40 40" width="25" height="25">
+    <svg viewBox="0 0 40 40" width="25" height="25" aria-hidden="true">
      <linearGradient
        id="a"
        x1={-277.375}
--- a/packages/client/src/svgs/FileIcon.tsx
+++ b/packages/client/src/svgs/FileIcon.tsx
@ -20,6 +20,7 @@ export default function FileIcon({
      className="h-10 w-10 flex-shrink-0"
      width="36"
      height="36"
+      aria-hidden="true"
    >
      <rect width="36" height="36" rx="6" fill={fileType.fill} />
      {(file?.['progress'] ?? 1) >= 1 && <>{<fileType.paths />}</>}
--- a/packages/client/src/svgs/GPTIcon.tsx
+++ b/packages/client/src/svgs/GPTIcon.tsx
@ -20,6 +20,7 @@ export default function GPTIcon({
      xmlns="http://www.w3.org/2000/svg"
      strokeWidth="1.5"
      className={cn(className, '')}
+      aria-hidden="true"
    >
      <path
        d="M37.5324 16.8707C37.9808 15.5241 38.1363 14.0974 37.9886 12.6859C37.8409 11.2744 37.3934 9.91076 36.676 8.68622C35.6126 6.83404 33.9882 5.3676 32.0373 4.4985C30.0864 3.62941 27.9098 3.40259 25.8215 3.85078C24.8796 2.7893 23.7219 1.94125 22.4257 1.36341C21.1295 0.785575 19.7249 0.491269 18.3058 0.500197C16.1708 0.495044 14.0893 1.16803 12.3614 2.42214C10.6335 3.67624 9.34853 5.44666 8.6917 7.47815C7.30085 7.76286 5.98686 8.3414 4.8377 9.17505C3.68854 10.0087 2.73073 11.0782 2.02839 12.312C0.956464 14.1591 0.498905 16.2988 0.721698 18.4228C0.944492 20.5467 1.83612 22.5449 3.268 24.1293C2.81966 25.4759 2.66413 26.9026 2.81182 28.3141C2.95951 29.7256 3.40701 31.0892 4.12437 32.3138C5.18791 34.1659 6.8123 35.6322 8.76321 36.5013C10.7141 37.3704 12.8907 37.5973 14.9789 37.1492C15.9208 38.2107 17.0786 39.0587 18.3747 39.6366C19.6709 40.2144 21.0755 40.5087 22.4946 40.4998C24.6307 40.5054 26.7133 39.8321 28.4418 38.5772C30.1704 37.3223 31.4556 35.5506 32.1119 33.5179C33.5027 33.2332 34.8167 32.6547 35.9659 31.821C37.115 30.9874 38.0728 29.9178 38.7752 28.684C39.8458 26.8371 40.3023 24.6979 40.0789 22.5748C39.8556 20.4517 38.9639 18.4544 37.5324 16.8707ZM22.4978 37.8849C20.7443 37.8874 19.0459 37.2733 17.6994 36.1501C17.7601 36.117 17.8666 36.0586 17.936 36.0161L25.9004 31.4156C26.1003 31.3019 26.2663 31.137 26.3813 30.9378C26.4964 30.7386 26.5563 30.5124 26.5549 30.2825V19.0542L29.9213 20.998C29.9389 21.0068 29.9541 21.0198 29.9656 21.0359C29.977 21.052 29.9842 21.0707 29.9867 21.0902V30.3889C29.9842 32.375 29.1946 34.2791 27.7909 35.6841C26.3872 37.0892 24.4838 37.8806 22.4978 37.8849ZM6.39227 31.0064C5.51397 29.4888 5.19742 27.7107 5.49804 25.9832C5.55718 26.0187 5.66048 26.0818 5.73461 26.1244L13.699 30.7248C13.8975 30.8408 14.1233 30.902 14.3532 30.902C14.583 30.902 14.8088 30.8408 15.0073 30.7248L24.731 25.1103V28.9979C24.7321 29.0177 24.7283 29.0376 24.7199 29.0556C24.7115 29.0736 24.6988 29.0893 24.6829 29.1012L16.6317 33.7497C14.9096 34.7416 12.8643 35.0097 10.9447 34.4954C9.02506 33.9811 7.38785 32.7263 6.39227 31.0064ZM4.29707 13.6194C5.17156 12.0998 6.55279 10.9364 8.19885 10.3327C8.19885 10.4013 8.19491 10.5228 8.19491 10.6071V19.808C8.19351 20.0378 8.25334 20.2638 8.36823 20.4629C8.48312 20.6619 8.64893 20.8267 8.84863 20.9404L18.5723 26.5542L15.206 28.4979C15.1894 28.5089 15.1703 28.5155 15.1505 28.5173C15.1307 28.5191 15.1107 28.516 15.0924 28.5082L7.04046 23.8557C5.32135 22.8601 4.06716 21.2235 3.55289 19.3046C3.03862 17.3858 3.30624 15.3413 4.29707 13.6194ZM31.955 20.0556L22.2312 14.4411L25.5976 12.4981C25.6142 12.4872 25.6333 12.4805 25.6531 12.4787C25.6729 12.4769 25.6928 12.4801 25.7111 12.4879L33.7631 17.1364C34.9967 17.849 36.0017 18.8982 36.6606 20.1613C37.3194 21.4244 37.6047 22.849 37.4832 24.2684C37.3617 25.6878 36.8382 27.0432 35.9743 28.1759C35.1103 29.3086 33.9415 30.1717 32.6047 30.6641C32.6047 30.5947 32.6047 30.4733 32.6047 30.3889V21.188C32.6066 20.9586 32.5474 20.7328 32.4332 20.5338C32.319 20.3348 32.154 20.1698 31.955 20.0556ZM35.3055 15.0128C35.2464 14.9765 35.1431 14.9142 35.069 14.8717L27.1045 10.2712C26.906 10.1554 26.6803 10.0943 26.4504 10.0943C26.2206 10.0943 25.9948 10.1554 25.7963 10.2712L16.0726 15.8858V11.9982C16.0715 11.9783 16.0753 11.9585 16.0837 11.9405C16.0921 11.9225 16.1048 11.9068 16.1207 11.8949L24.1719 7.25025C25.4053 6.53903 26.8158 6.19376 28.2383 6.25482C29.6608 6.31589 31.0364 6.78077 32.2044 7.59508C33.3723 8.40939 34.2842 9.53945 34.8334 10.8531C35.3826 12.1667 35.5464 13.6095 35.3055 15.0128ZM14.2424 21.9419L10.8752 19.9981C10.8576 19.9893 10.8423 19.9763 10.8309 19.9602C10.8195 19.9441 10.8122 19.9254 10.8098 19.9058V10.6071C10.8107 9.18295 11.2173 7.78848 11.9819 6.58696C12.7466 5.38544 13.8377 4.42659 15.1275 3.82264C16.4173 3.21869 17.8524 2.99464 19.2649 3.1767C20.6775 3.35876 22.0089 3.93941 23.1034 4.85067C23.0427 4.88379 22.937 4.94215 22.8668 4.98473L14.9024 9.58517C14.7025 9.69878 14.5366 9.86356 14.4215 10.0626C14.3065 10.2616 14.2466 10.4877 14.2479 10.7175L14.2424 21.9419ZM16.071 17.9991L20.4018 15.4978L24.7325 17.9975V22.9985L20.4018 25.4983L16.071 22.9985V17.9991Z"
--- a/packages/client/src/svgs/GearIcon.tsx
+++ b/packages/client/src/svgs/GearIcon.tsx
@ -13,6 +13,7 @@ const GearIcon: React.FC<GearIconProps> = ({ className = '' }) => {
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path
        d="M11.6439 3C10.9352 3 10.2794 3.37508 9.92002 3.98596L9.49644 4.70605C8.96184 5.61487 7.98938 6.17632 6.93501 6.18489L6.09967 6.19168C5.39096 6.19744 4.73823 6.57783 4.38386 7.19161L4.02776 7.80841C3.67339 8.42219 3.67032 9.17767 4.01969 9.7943L4.43151 10.5212C4.95127 11.4386 4.95127 12.5615 4.43151 13.4788L4.01969 14.2057C3.67032 14.8224 3.67339 15.5778 4.02776 16.1916L4.38386 16.8084C4.73823 17.4222 5.39096 17.8026 6.09966 17.8083L6.93502 17.8151C7.98939 17.8237 8.96185 18.3851 9.49645 19.294L9.92002 20.014C10.2794 20.6249 10.9352 21 11.6439 21H12.3561C13.0648 21 13.7206 20.6249 14.08 20.014L14.5035 19.294C15.0381 18.3851 16.0106 17.8237 17.065 17.8151L17.9004 17.8083C18.6091 17.8026 19.2618 17.4222 19.6162 16.8084L19.9723 16.1916C20.3267 15.5778 20.3298 14.8224 19.9804 14.2057L19.5686 13.4788C19.0488 12.5615 19.0488 11.4386 19.5686 10.5212L19.9804 9.7943C20.3298 9.17767 20.3267 8.42219 19.9723 7.80841L19.6162 7.19161C19.2618 6.57783 18.6091 6.19744 17.9004 6.19168L17.065 6.18489C16.0106 6.17632 15.0382 5.61487 14.5036 4.70605L14.08 3.98596C13.7206 3.37508 13.0648 3 12.3561 3H11.6439Z"
--- a/packages/client/src/svgs/GeminiIcon.tsx
+++ b/packages/client/src/svgs/GeminiIcon.tsx
@ -13,6 +13,7 @@ export default function GeminiIcon({
      viewBox="0 0 18 18"
      preserveAspectRatio="xMidYMid meet"
      focusable="false"
+      aria-hidden="true"
    >
      <path
        fill="url(#_4rif_paint0_radial_897_42)"
--- a/packages/client/src/svgs/GithubIcon.tsx
+++ b/packages/client/src/svgs/GithubIcon.tsx
@ -2,7 +2,7 @@ import React from 'react';

 export default function GithubIcon() {
  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none">
+    <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" aria-hidden="true">
      <path
        fill="currentColor"
        d="M12 0a12 12 0 0 0-3.84 23.399c.608.112.832-.256.832-.576v-2.015c-3.395.736-4.115-1.632-4.115-1.632a3.241 3.241 0 0 0-1.359-1.792c-1.104-.736.064-.736.064-.736a2.566 2.566 0 0 1 1.824 1.216a2.638 2.638 0 0 0 3.616 1.024a2.607 2.607 0 0 1 .768-1.6c-2.688-.32-5.504-1.344-5.504-5.984a4.677 4.677 0 0 1 1.216-3.168a4.383 4.383 0 0 1 .128-3.136s1.024-.32 3.36 1.216a11.66 11.66 0 0 1 6.112 0c2.336-1.536 3.36-1.216 3.36-1.216a4.354 4.354 0 0 1 .128 3.136a4.628 4.628 0 0 1 1.216 3.168c0 4.672-2.848 5.664-5.536 5.952a2.881 2.881 0 0 1 .832 2.24v3.36c0 .32.224.672.832.576A12 12 0 0 0 12 0z"
--- a/packages/client/src/svgs/GoogleIcon.tsx
+++ b/packages/client/src/svgs/GoogleIcon.tsx
@ -2,7 +2,13 @@ import React from 'react';

 export default function GoogleIcon() {
  return (
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="google" className="h-5 w-5">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+      id="google"
+      className="h-5 w-5"
+      aria-hidden="true"
+    >
      <path
        fill="#fbbb00"
        d="M113.47 309.408 95.648 375.94l-65.139 1.378C11.042 341.211 0 299.9 0 256c0-42.451 10.324-82.483 28.624-117.732h.014L86.63 148.9l25.404 57.644c-5.317 15.501-8.215 32.141-8.215 49.456.002 18.792 3.406 36.797 9.651 53.408z"
--- a/packages/client/src/svgs/GoogleIconChat.tsx
+++ b/packages/client/src/svgs/GoogleIconChat.tsx
@ -19,6 +19,7 @@ export default function Google({
      viewBox="0 0 512 512"
      strokeWidth="1.5"
      className={cn(className, '')}
+      aria-hidden="true"
    >
      <path d="M473.16,221.48l-2.26-9.59H262.46v88.22H387c-12.93,61.4-72.93,93.72-121.94,93.72-35.66,0-73.25-15-98.13-39.11a140.08,140.08,0,0,1-41.8-98.88c0-37.16,16.7-74.33,41-98.78s61-38.13,97.49-38.13c41.79,0,71.74,22.19,82.94,32.31l62.69-62.36C390.86,72.72,340.34,32,261.6,32h0c-60.75,0-119,23.27-161.58,65.71C58,139.5,36.25,199.93,36.25,256S56.83,369.48,97.55,411.6C141.06,456.52,202.68,480,266.13,480c57.73,0,112.45-22.62,151.45-63.66,38.34-40.4,58.17-96.3,58.17-154.9C475.75,236.77,473.27,222.12,473.16,221.48Z"></path>
    </svg>
--- a/packages/client/src/svgs/GoogleMinimalIcon.tsx
+++ b/packages/client/src/svgs/GoogleMinimalIcon.tsx
@ -8,6 +8,7 @@ export default function GoogleMinimalIcon({ className = '' }: { className?: stri
      height="800px"
      viewBox="0 0 512 512"
      className={cn('h-4 w-4', className)}
+      aria-hidden="true"
    >
      <path d="M473.16,221.48l-2.26-9.59H262.46v88.22H387c-12.93,61.4-72.93,93.72-121.94,93.72-35.66,0-73.25-15-98.13-39.11a140.08,140.08,0,0,1-41.8-98.88c0-37.16,16.7-74.33,41-98.78s61-38.13,97.49-38.13c41.79,0,71.74,22.19,82.94,32.31l62.69-62.36C390.86,72.72,340.34,32,261.6,32h0c-60.75,0-119,23.27-161.58,65.71C58,139.5,36.25,199.93,36.25,256S56.83,369.48,97.55,411.6C141.06,456.52,202.68,480,266.13,480c57.73,0,112.45-22.62,151.45-63.66,38.34-40.4,58.17-96.3,58.17-154.9C475.75,236.77,473.27,222.12,473.16,221.48Z" />
    </svg>
--- a/packages/client/src/svgs/LightModeIcon.tsx
+++ b/packages/client/src/svgs/LightModeIcon.tsx
@ -13,6 +13,7 @@ export default function LightModeIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <circle cx="12" cy="12" r="5" />
      <line x1="12" y1="1" x2="12" y2="3" />
--- a/packages/client/src/svgs/LikeIcon.tsx
+++ b/packages/client/src/svgs/LikeIcon.tsx
@ -13,6 +13,7 @@ export default function LikeIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path>
    </svg>
--- a/packages/client/src/svgs/LinkIcon.tsx
+++ b/packages/client/src/svgs/LinkIcon.tsx
@ -7,6 +7,7 @@ export default function LinkIcon() {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="icon-md"
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/ListeningIcon.tsx
+++ b/packages/client/src/svgs/ListeningIcon.tsx
@ -16,6 +16,7 @@ export default function ListeningIcon({ className }: ListeningIconProps) {
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
+      aria-hidden="true"
    >
      <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
      <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
--- a/packages/client/src/svgs/LockIcon.tsx
+++ b/packages/client/src/svgs/LockIcon.tsx
@ -11,6 +11,7 @@ export default function LockIcon() {
      strokeLinecap="round"
      strokeLinejoin="round"
      className="lucide lucide-lock"
+      aria-hidden="true"
    >
      <rect width="18" height="11" x="3" y="11" rx="2" ry="2" />
      <path d="M7 11V7a5 5 0 0 1 10 0v4" />
--- a/packages/client/src/svgs/LogOutIcon.tsx
+++ b/packages/client/src/svgs/LogOutIcon.tsx
@ -9,6 +9,7 @@ export default function LogOutIcon() {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="icon-md"
+      aria-hidden="true"
    >
      <path
        d="M11 3H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H11"
--- a/packages/client/src/svgs/MCPIcon.tsx
+++ b/packages/client/src/svgs/MCPIcon.tsx
@ -7,6 +7,7 @@ export default function MCPIcon({ className }: { className?: string }) {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
+      aria-hidden="true"
    >
      <path
        d="M25 97.8528L92.8823 29.9706C102.255 20.598 117.451 20.598 126.823 29.9706V29.9706C136.196 39.3431 136.196 54.5391 126.823 63.9117L75.5581 115.177"
--- a/packages/client/src/svgs/MessagesSquared.tsx
+++ b/packages/client/src/svgs/MessagesSquared.tsx
@ -13,6 +13,7 @@ export default function MessagesSquared({ className }: { className?: string }) {
      strokeLinecap="round"
      strokeLinejoin="round"
      className={cn(className ?? '', 'lucide lucide-messages-square')}
+      aria-hidden="true"
    >
      <path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5Z" />
      <path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1" />
--- a/packages/client/src/svgs/MinimalPlugin.tsx
+++ b/packages/client/src/svgs/MinimalPlugin.tsx
@ -13,6 +13,7 @@ export default function MinimalPlugin({
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/MobileSidebar.tsx
+++ b/packages/client/src/svgs/MobileSidebar.tsx
@ -7,6 +7,7 @@ export default function MobileSidebar({ className }: { className?: string }) {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/NewChatIcon.tsx
+++ b/packages/client/src/svgs/NewChatIcon.tsx
@ -8,7 +8,8 @@ export default function NewChatIcon({ className = '' }: { className?: string })
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={cn('text-black dark:text-white', className)}
-      aria-hidden={true}
+      aria-hidden="true"
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/OpenAIMinimalIcon.tsx
+++ b/packages/client/src/svgs/OpenAIMinimalIcon.tsx
@ -11,6 +11,7 @@ export default function OpenAIMinimalIcon({ className = 'h-4 w-4' }) {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M37.5324 16.8707C37.9808 15.5241 38.1363 14.0974 37.9886 12.6859C37.8409 11.2744 37.3934 9.91076 36.676 8.68622C35.6126 6.83404 33.9882 5.3676 32.0373 4.4985C30.0864 3.62941 27.9098 3.40259 25.8215 3.85078C24.8796 2.7893 23.7219 1.94125 22.4257 1.36341C21.1295 0.785575 19.7249 0.491269 18.3058 0.500197C16.1708 0.495044 14.0893 1.16803 12.3614 2.42214C10.6335 3.67624 9.34853 5.44666 8.6917 7.47815C7.30085 7.76286 5.98686 8.3414 4.8377 9.17505C3.68854 10.0087 2.73073 11.0782 2.02839 12.312C0.956464 14.1591 0.498905 16.2988 0.721698 18.4228C0.944492 20.5467 1.83612 22.5449 3.268 24.1293C2.81966 25.4759 2.66413 26.9026 2.81182 28.3141C2.95951 29.7256 3.40701 31.0892 4.12437 32.3138C5.18791 34.1659 6.8123 35.6322 8.76321 36.5013C10.7141 37.3704 12.8907 37.5973 14.9789 37.1492C15.9208 38.2107 17.0786 39.0587 18.3747 39.6366C19.6709 40.2144 21.0755 40.5087 22.4946 40.4998C24.6307 40.5054 26.7133 39.8321 28.4418 38.5772C30.1704 37.3223 31.4556 35.5506 32.1119 33.5179C33.5027 33.2332 34.8167 32.6547 35.9659 31.821C37.115 30.9874 38.0728 29.9178 38.7752 28.684C39.8458 26.8371 40.3023 24.6979 40.0789 22.5748C39.8556 20.4517 38.9639 18.4544 37.5324 16.8707ZM22.4978 37.8849C20.7443 37.8874 19.0459 37.2733 17.6994 36.1501C17.7601 36.117 17.8666 36.0586 17.936 36.0161L25.9004 31.4156C26.1003 31.3019 26.2663 31.137 26.3813 30.9378C26.4964 30.7386 26.5563 30.5124 26.5549 30.2825V19.0542L29.9213 20.998C29.9389 21.0068 29.9541 21.0198 29.9656 21.0359C29.977 21.052 29.9842 21.0707 29.9867 21.0902V30.3889C29.9842 32.375 29.1946 34.2791 27.7909 35.6841C26.3872 37.0892 24.4838 37.8806 22.4978 37.8849ZM6.39227 31.0064C5.51397 29.4888 5.19742 27.7107 5.49804 25.9832C5.55718 26.0187 5.66048 26.0818 5.73461 26.1244L13.699 30.7248C13.8975 30.8408 14.1233 30.902 14.3532 30.902C14.583 30.902 14.8088 30.8408 15.0073 30.7248L24.731 25.1103V28.9979C24.7321 29.0177 24.7283 29.0376 24.7199 29.0556C24.7115 29.0736 24.6988 29.0893 24.6829 29.1012L16.6317 33.7497C14.9096 34.7416 12.8643 35.0097 10.9447 34.4954C9.02506 33.9811 7.38785 32.7263 6.39227 31.0064ZM4.29707 13.6194C5.17156 12.0998 6.55279 10.9364 8.19885 10.3327C8.19885 10.4013 8.19491 10.5228 8.19491 10.6071V19.808C8.19351 20.0378 8.25334 20.2638 8.36823 20.4629C8.48312 20.6619 8.64893 20.8267 8.84863 20.9404L18.5723 26.5542L15.206 28.4979C15.1894 28.5089 15.1703 28.5155 15.1505 28.5173C15.1307 28.5191 15.1107 28.516 15.0924 28.5082L7.04046 23.8557C5.32135 22.8601 4.06716 21.2235 3.55289 19.3046C3.03862 17.3858 3.30624 15.3413 4.29707 13.6194ZM31.955 20.0556L22.2312 14.4411L25.5976 12.4981C25.6142 12.4872 25.6333 12.4805 25.6531 12.4787C25.6729 12.4769 25.6928 12.4801 25.7111 12.4879L33.7631 17.1364C34.9967 17.849 36.0017 18.8982 36.6606 20.1613C37.3194 21.4244 37.6047 22.849 37.4832 24.2684C37.3617 25.6878 36.8382 27.0432 35.9743 28.1759C35.1103 29.3086 33.9415 30.1717 32.6047 30.6641C32.6047 30.5947 32.6047 30.4733 32.6047 30.3889V21.188C32.6066 20.9586 32.5474 20.7328 32.4332 20.5338C32.319 20.3348 32.154 20.1698 31.955 20.0556ZM35.3055 15.0128C35.2464 14.9765 35.1431 14.9142 35.069 14.8717L27.1045 10.2712C26.906 10.1554 26.6803 10.0943 26.4504 10.0943C26.2206 10.0943 25.9948 10.1554 25.7963 10.2712L16.0726 15.8858V11.9982C16.0715 11.9783 16.0753 11.9585 16.0837 11.9405C16.0921 11.9225 16.1048 11.9068 16.1207 11.8949L24.1719 7.25025C25.4053 6.53903 26.8158 6.19376 28.2383 6.25482C29.6608 6.31589 31.0364 6.78077 32.2044 7.59508C33.3723 8.40939 34.2842 9.53945 34.8334 10.8531C35.3826 12.1667 35.5464 13.6095 35.3055 15.0128ZM14.2424 21.9419L10.8752 19.9981C10.8576 19.9893 10.8423 19.9763 10.8309 19.9602C10.8195 19.9441 10.8122 19.9254 10.8098 19.9058V10.6071C10.8107 9.18295 11.2173 7.78848 11.9819 6.58696C12.7466 5.38544 13.8377 4.42659 15.1275 3.82264C16.4173 3.21869 17.8524 2.99464 19.2649 3.1767C20.6775 3.35876 22.0089 3.93941 23.1034 4.85067C23.0427 4.88379 22.937 4.94215 22.8668 4.98473L14.9024 9.58517C14.7025 9.69878 14.5366 9.86356 14.4215 10.0626C14.3065 10.2616 14.2466 10.4877 14.2479 10.7175L14.2424 21.9419ZM16.071 17.9991L20.4018 15.4978L24.7325 17.9975V22.9985L20.4018 25.4983L16.071 22.9985V17.9991Z" />
    </svg>
--- a/packages/client/src/svgs/OpenIDIcon.tsx
+++ b/packages/client/src/svgs/OpenIDIcon.tsx
@ -2,7 +2,13 @@ import React from 'react';

 export default function OpenIDIcon() {
  return (
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" id="openid" className="h-5 w-5">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 448 512"
+      id="openid"
+      className="h-5 w-5"
+      aria-hidden="true"
+    >
      <path
        fill="currentColor"
        d="M271.5 432l-68 32C88.5 453.7 0 392.5 0 318.2c0-71.5 82.5-131 191.7-144.3v43c-71.5 12.5-124 53-124 101.3 0 51 58.5 93.3 135.7 103v-340l68-33.2v384zM448 291l-131.3-28.5 36.8-20.7c-19.5-11.5-43.5-20-70-24.8v-43c46.2 5.5 87.7 19.5 120.3 39.3l35-19.8L448 291z"
--- a/packages/client/src/svgs/PaLMIcon.tsx
+++ b/packages/client/src/svgs/PaLMIcon.tsx
@ -16,6 +16,7 @@ export default function PaLMIcon({
      fill="none"
      preserveAspectRatio="xMidYMid meet"
      focusable="false"
+      aria-hidden="true"
    >
      <path
        d="M9.62674 16.2202H9.7049C10.4225 16.2202 11.0016 15.6412 11.0016 14.9236V4.04224H8.33008V14.92C8.33008 15.6376 8.90914 16.2202 9.62674 16.2202Z"
--- a/packages/client/src/svgs/PaLMinimalIcon.tsx
+++ b/packages/client/src/svgs/PaLMinimalIcon.tsx
@ -12,6 +12,7 @@ export default function PaLMinimalIcon({ className = '' }: { className?: string
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="m16 30.238c1.2298 0 2.2259-0.99608 2.2259-2.2259v-11.46c-0.63513-0.56429-1.6553-1.6805-2.2259-2.251-0.79858 0.83793-1.3599 1.3599-2.2259 2.251v11.46c0 1.2298 0.99608 2.2259 2.2259 2.2259z" />
      <path d="m24.868 15.761c-0.61691-0.61643-1.3121-1.1065-2.0536-1.4703-6.8147 0.010467 0.13304 0.031026-6.8147 0.010467l9.5286 9.5286c0.39324 0.39324 1.0703 0.23743 1.2372-0.29122 0.83841-2.6544 0.20589-5.6723-1.8976-7.7776z" />
--- a/packages/client/src/svgs/PersonalizationIcon.tsx
+++ b/packages/client/src/svgs/PersonalizationIcon.tsx
@ -7,6 +7,7 @@ export default function PersonalizationIcon({ className = '' }: { className?: st
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={`icon-sm ${className}`}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/PinIcon.tsx
+++ b/packages/client/src/svgs/PinIcon.tsx
@ -8,6 +8,7 @@ export default function PinIcon({ unpin = false }: { unpin?: boolean }) {
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        className="icon-sm"
+        aria-hidden="true"
      >
        <path
          d="M15 15V17.5585C15 18.4193 14.4491 19.1836 13.6325 19.4558L13.1726 19.6091C12.454 19.8487 11.6616 19.6616 11.126 19.126L4.87403 12.874C4.33837 12.3384 4.15132 11.546 4.39088 10.8274L4.54415 10.3675C4.81638 9.55086 5.58066 9 6.44152 9H9M12 6.2L13.6277 3.92116C14.3461 2.91549 15.7955 2.79552 16.6694 3.66942L20.3306 7.33058C21.2045 8.20448 21.0845 9.65392 20.0788 10.3723L18 11.8571"
--- a/packages/client/src/svgs/Plugin.tsx
+++ b/packages/client/src/svgs/Plugin.tsx
@ -10,6 +10,7 @@ export default function Plugin({ className = '', ...props }) {
      width="16"
      height="16"
      strokeWidth="2"
+      aria-hidden="true"
      {...props}
    >
      <g fill="currentColor">
--- a/packages/client/src/svgs/RegenerateIcon.tsx
+++ b/packages/client/src/svgs/RegenerateIcon.tsx
@ -11,6 +11,7 @@ export default function RegenerateIcon({ className = '', size = '1em' }) {
      strokeLinecap="round"
      strokeLinejoin="round"
      className={cn('icon-md-heavy', className)}
+      aria-hidden="true"
    >
      <path
        fill="currentColor"
--- a/packages/client/src/svgs/RenameIcon.tsx
+++ b/packages/client/src/svgs/RenameIcon.tsx
@ -10,6 +10,7 @@ export default function RenameIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/SamlIcon.tsx
+++ b/packages/client/src/svgs/SamlIcon.tsx
@ -18,6 +18,7 @@ export default function SamlIcon() {
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      className="h-5 w-5"
+      aria-hidden="true"
    >
      <g fill="#000000">
        <path d="M7.754 2l.463.41c.343.304.687.607 1.026.915C11.44 5.32 13.3 7.565 14.7 10.149c.072.132.137.268.202.403l.098.203-.108.057-.081-.115-.21-.299-.147-.214c-1.019-1.479-2.04-2.96-3.442-4.145a6.563 6.563 0 00-1.393-.904c-1.014-.485-1.916-.291-2.69.505-.736.757-1.118 1.697-1.463 2.653-.045.123-.092.245-.139.367l-.082.215-.172-.055c.1-.348.192-.698.284-1.049.21-.795.42-1.59.712-2.356.31-.816.702-1.603 1.093-2.39.169-.341.338-.682.5-1.025h.092z" />
--- a/packages/client/src/svgs/SaveIcon.tsx
+++ b/packages/client/src/svgs/SaveIcon.tsx
@ -15,6 +15,7 @@ export default function SaveIcon({ size = '1em', className }: SaveIconProps) {
      height={size}
      fill="currentColor"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M893.3 293.3L730.7 130.7c-7.5-7.5-16.7-13-26.7-16V112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V338.5c0-17-6.7-33.2-18.7-45.2zM384 184h256v104H384V184zm456 656H184V184h136v136c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V205.8l136 136V840zM512 442c-79.5 0-144 64.5-144 144s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144zm0 224c-44.2 0-80-35.8-80-80s35.8-80 80-80 80 35.8 80 80-35.8 80-80 80z"></path>
    </svg>
--- a/packages/client/src/svgs/SendIcon.tsx
+++ b/packages/client/src/svgs/SendIcon.tsx
@ -8,6 +8,7 @@ export default function SendIcon({ size = 24, className = '' }) {
      viewBox={'0 0 24 24'}
      fill="none"
      className={cn('text-white dark:text-black', className)}
+      aria-hidden="true"
    >
      <path
        d="M7 11L12 6L17 11M12 18V7"
--- a/packages/client/src/svgs/SendMessageIcon.tsx
+++ b/packages/client/src/svgs/SendMessageIcon.tsx
@ -8,6 +8,7 @@ export default function SendMessageIcon() {
      fill="none"
      className="icon-sm m-1 md:m-0"
      style={{ width: '1em', height: '1em', verticalAlign: 'middle' }}
+      aria-hidden="true"
    >
      <path
        d="M.5 1.163A1 1 0 0 1 1.97.28l12.868 6.837a1 1 0 0 1 0 1.766L1.969 15.72A1 1 0 0 1 .5 14.836V10.33a1 1 0 0 1 .816-.983L8.5 8 1.316 6.653A1 1 0 0 1 .5 5.67V1.163Z"
--- a/packages/client/src/svgs/SharePointIcon.tsx
+++ b/packages/client/src/svgs/SharePointIcon.tsx
@ -1,7 +1,14 @@
 import React from 'react';
 export default function SharePointIcon({ className = '' }) {
  return (
-    <svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" className={className}>
+    <svg
+      fill="currentColor"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      className={className}
+      aria-hidden="true"
+    >
      <path d="M24 13.5q0 1.242-.475 2.332-.474 1.09-1.289 1.904-.814.815-1.904 1.29-1.09.474-2.332.474-.762 0-1.523-.2-.106.997-.557 1.858-.451.862-1.154 1.494-.704.633-1.606.99-.902.358-1.91.358-1.09 0-2.045-.416-.955-.416-1.664-1.125-.709-.709-1.125-1.664Q6 19.84 6 18.75q0-.188.018-.375.017-.188.04-.375H.997q-.41 0-.703-.293T0 17.004V6.996q0-.41.293-.703T.996 6h3.54q.14-1.277.726-2.373.586-1.096 1.488-1.904Q7.652.914 8.807.457 9.96 0 11.25 0q1.395 0 2.625.533T16.02 1.98q.914.915 1.447 2.145T18 6.75q0 .188-.012.375-.011.188-.035.375 1.242 0 2.344.469 1.101.468 1.928 1.277.826.809 1.3 1.904Q24 12.246 24 13.5zm-12.75-12q-.973 0-1.857.34-.885.34-1.577.943-.691.604-1.154 1.43Q6.2 5.039 6.06 6h4.945q.41 0 .703.293t.293.703v4.945l.21-.035q.212-.75.61-1.424.399-.673.944-1.218.545-.545 1.213-.944.668-.398 1.43-.61.093-.503.093-.96 0-1.09-.416-2.045-.416-.955-1.125-1.664-.709-.709-1.664-1.125Q12.34 1.5 11.25 1.5zM6.117 15.902q.54 0 1.06-.111.522-.111.932-.37.41-.257.662-.679.252-.422.252-1.055 0-.632-.263-1.054-.264-.422-.662-.703-.399-.282-.856-.463l-.855-.34q-.399-.158-.662-.334-.264-.176-.264-.445 0-.2.14-.323.141-.123.335-.193.193-.07.404-.094.21-.023.351-.023.598 0 1.055.152.457.153.95.457V8.543q-.282-.082-.522-.14-.24-.06-.475-.1-.234-.041-.486-.059-.252-.017-.557-.017-.515 0-1.054.117-.54.117-.979.375-.44.258-.715.68-.275.421-.275 1.03 0 .598.263.997.264.398.663.68.398.28.855.474l.856.363q.398.17.662.358.263.187.263.457 0 .222-.123.351-.123.13-.31.2-.188.07-.393.087-.205.018-.369.018-.703 0-1.248-.234-.545-.235-1.107-.621v1.875q1.195.468 2.472.468zM11.25 22.5q.773 0 1.453-.293t1.19-.803q.51-.51.808-1.195.299-.686.299-1.459 0-.668-.223-1.277-.222-.61-.62-1.096-.4-.486-.95-.826-.55-.34-1.207-.48v1.933q0 .41-.293.703t-.703.293H7.57q-.07.375-.07.75 0 .773.293 1.459t.803 1.195q.51.51 1.195.803.686.293 1.459.293zM18 18q.926 0 1.746-.352.82-.351 1.436-.966.615-.616.966-1.43.352-.815.352-1.752 0-.926-.352-1.746-.351-.82-.966-1.436-.616-.615-1.436-.966Q18.926 9 18 9t-1.74.357q-.815.358-1.43.973t-.973 1.43q-.357.814-.357 1.74 0 .129.006.258t.017.258q.551.27 1.02.65t.838.855q.369.475.627 1.026.258.55.387 1.148Q17.18 18 18 18Z" />
    </svg>
  );
--- a/packages/client/src/svgs/Sidebar.tsx
+++ b/packages/client/src/svgs/Sidebar.tsx
@ -7,6 +7,7 @@ export default function Sidebar({ className }: { className?: string }) {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/Sparkles.tsx
+++ b/packages/client/src/svgs/Sparkles.tsx
@ -9,6 +9,7 @@ export default function Sparkles({ className = '', size = 24 }) {
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={cn('icon-md shrink-0', className)}
+      aria-hidden="true"
    >
      <path
        d="M19.3975 1.35498C19.3746 1.15293 19.2037 1.00021 19.0004 1C18.7971 0.999793 18.6259 1.15217 18.6026 1.35417C18.4798 2.41894 18.1627 3.15692 17.6598 3.65983C17.1569 4.16274 16.4189 4.47983 15.3542 4.60264C15.1522 4.62593 14.9998 4.79707 15 5.00041C15.0002 5.20375 15.1529 5.37457 15.355 5.39746C16.4019 5.51605 17.1562 5.83304 17.6716 6.33906C18.1845 6.84269 18.5078 7.57998 18.6016 8.63539C18.6199 8.84195 18.7931 9.00023 19.0005 9C19.2078 8.99977 19.3806 8.84109 19.3985 8.6345C19.4883 7.59673 19.8114 6.84328 20.3273 6.32735C20.8433 5.81142 21.5967 5.48834 22.6345 5.39851C22.8411 5.38063 22.9998 5.20782 23 5.00045C23.0002 4.79308 22.842 4.61992 22.6354 4.60157C21.58 4.50782 20.8427 4.18447 20.3391 3.67157C19.833 3.15623 19.516 2.40192 19.3975 1.35498Z"
--- a/packages/client/src/svgs/SpeechIcon.tsx
+++ b/packages/client/src/svgs/SpeechIcon.tsx
@ -17,6 +17,7 @@ export default function SpeechIcon({ className }: SpeechIconProps) {
      strokeLinecap="round"
      strokeLinejoin="round"
      className={cn(className)}
+      aria-hidden="true"
    >
      <path d="M2 10v3" />
      <path d="M6 6v11" />
--- a/packages/client/src/svgs/Spinner.tsx
+++ b/packages/client/src/svgs/Spinner.tsx
@ -27,6 +27,7 @@ export default function Spinner({
      viewBox="0 0 40 40"
      xmlns="http://www.w3.org/2000/svg"
      style={cssVars}
+      aria-hidden="true"
    >
      <defs>
        <style type="text/css">{`
--- a/packages/client/src/svgs/SquirclePlusIcon.tsx
+++ b/packages/client/src/svgs/SquirclePlusIcon.tsx
@ -11,6 +11,7 @@ export default function SquirclePlusIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <line x1="12" y1="5" x2="12" y2="19" />
      <line x1="5" y1="12" x2="19" y2="12" />
--- a/packages/client/src/svgs/StopGeneratingIcon.tsx
+++ b/packages/client/src/svgs/StopGeneratingIcon.tsx
@ -13,6 +13,7 @@ export default function StopGeneratingIcon({ className = '' }: { className?: str
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
    </svg>
--- a/packages/client/src/svgs/SunIcon.tsx
+++ b/packages/client/src/svgs/SunIcon.tsx
@ -13,6 +13,7 @@ export default function SunIcon() {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <circle cx="12" cy="12" r="5" />
      <line x1="12" y1="1" x2="12" y2="3" />
--- a/packages/client/src/svgs/SwitchIcon.tsx
+++ b/packages/client/src/svgs/SwitchIcon.tsx
@ -15,6 +15,7 @@ export default function SwitchIcon({ size = '1em', className }: SwitchIconProps)
      height={size}
      fill="currentColor"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path d="M847.9 592H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h605.2L612.9 851c-4.1 5.2-.4 13 6.3 13h72.5c4.9 0 9.5-2.2 12.6-6.1l168.8-214.1c16.5-21 1.6-51.8-25.2-51.8zM872 356H266.8l144.3-183c4.1-5.2.4-13-6.3-13h-72.5c-4.9 0-9.5 2.2-12.6 6.1L150.9 380.2c-16.5 21-1.6 51.8 25.1 51.8h696c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"></path>
    </svg>
--- a/packages/client/src/svgs/ThumbDownIcon.tsx
+++ b/packages/client/src/svgs/ThumbDownIcon.tsx
@ -7,6 +7,7 @@ export default function ThumbDownIcon({ className = '', size = '1em', bold = fal
      fill="none"
      viewBox="0 0 24 24"
      className={className}
+      aria-hidden="true"
    >
      <path
        d="M11.4079 21.4961C11.1953 21.8698 10.7683 22.0649 10.348 21.9805C8.4373 21.5968 7.27541 19.6391 7.84844 17.7691L8.69697 14.9999L6.98577 14.9999C4.35915 14.9999 2.45151 12.492 3.14262 9.94747L4.50063 4.94747C4.97329 3.20722 6.54741 1.99994 8.34378 1.99994H14.0328C15.131 2.00207 16.0206 2.89668 16.0206 3.99994V14.9999H15.6827C15.3253 14.9999 14.9953 15.1922 14.818 15.5038L11.4079 21.4961Z"
@ -25,6 +26,7 @@ export default function ThumbDownIcon({ className = '', size = '1em', bold = fal
      fill="none"
      viewBox="0 0 24 24"
      className={className}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/ThumbUpIcon.tsx
+++ b/packages/client/src/svgs/ThumbUpIcon.tsx
@ -7,6 +7,7 @@ export default function ThumbUpIcon({ className = '', size = '1em', bold = false
      fill="none"
      viewBox="0 0 24 24"
      className={className}
+      aria-hidden="true"
    >
      <path
        d="M12.592 2.50386C12.8047 2.13014 13.2317 1.935 13.652 2.01942C15.5627 2.40314 16.7246 4.36079 16.1516 6.23085L15.303 9L17.0142 9C19.6409 9 21.5485 11.5079 20.8574 14.0525L19.4994 19.0525C19.0267 20.7927 17.4526 22 15.6562 22H9.96721C8.869 21.9979 7.97939 21.1033 7.97939 20V9H8.31734C8.67472 9 9.0047 8.80771 9.18201 8.49613L12.592 2.50386Z"
@ -25,6 +26,7 @@ export default function ThumbUpIcon({ className = '', size = '1em', bold = false
      fill="none"
      viewBox="0 0 24 24"
      className={className}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/TrashIcon.tsx
+++ b/packages/client/src/svgs/TrashIcon.tsx
@ -16,6 +16,7 @@ export default function TrashIcon({ className = '' }: TrashIconProps) {
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/UserIcon.tsx
+++ b/packages/client/src/svgs/UserIcon.tsx
@ -10,6 +10,7 @@ export default function UserIcon() {
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
+      aria-hidden="true"
    >
      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" />
      <circle cx="12" cy="7" r="4" />
--- a/packages/client/src/svgs/VectorIcon.tsx
+++ b/packages/client/src/svgs/VectorIcon.tsx
@ -7,7 +7,7 @@ export default function VectorIcon({ className }: { className?: string }) {
      fill="currentColor"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
-      aria-label=""
+      aria-hidden="true"
    >
      <path d="M7.45996 14.375C7.45996 13.3616 6.63844 12.54 5.625 12.54C4.61156 12.54 3.79004 13.3616 3.79004 14.375C3.79004 15.3884 4.61156 16.21 5.625 16.21C6.63844 16.21 7.45996 15.3884 7.45996 14.375ZM16.21 14.375C16.21 13.3616 15.3884 12.54 14.375 12.54C13.3616 12.54 12.54 13.3616 12.54 14.375C12.54 15.3884 13.3616 16.21 14.375 16.21C15.3884 16.21 16.21 15.3884 16.21 14.375ZM7.45996 5.625C7.45996 4.61156 6.63844 3.79004 5.625 3.79004C4.61156 3.79004 3.79004 4.61156 3.79004 5.625C3.79004 6.63844 4.61156 7.45996 5.625 7.45996C6.63844 7.45996 7.45996 6.63844 7.45996 5.625ZM16.21 5.625C16.21 4.61156 15.3884 3.79004 14.375 3.79004C13.3616 3.79004 12.54 4.61156 12.54 5.625C12.54 6.63844 13.3616 7.45996 14.375 7.45996C15.3884 7.45996 16.21 6.63844 16.21 5.625ZM17.54 14.375C17.54 16.123 16.123 17.54 14.375 17.54C12.627 17.54 11.21 16.123 11.21 14.375C11.21 12.627 12.627 11.21 14.375 11.21C16.123 11.21 17.54 12.627 17.54 14.375ZM8.79004 5.625C8.79004 7.37298 7.37298 8.79004 5.625 8.79004C3.87702 8.79004 2.45996 7.37298 2.45996 5.625C2.45996 3.87702 3.87702 2.45996 5.625 2.45996C7.37298 2.45996 8.79004 3.87702 8.79004 5.625ZM17.54 5.625C17.54 7.37298 16.123 8.79004 14.375 8.79004C13.7416 8.79004 13.153 8.60173 12.6582 8.28125L8.28125 12.6582C8.60173 13.153 8.79004 13.7416 8.79004 14.375C8.79004 16.123 7.37298 17.54 5.625 17.54C3.87702 17.54 2.45996 16.123 2.45996 14.375C2.45996 12.627 3.87702 11.21 5.625 11.21C6.25794 11.21 6.84623 11.3977 7.34082 11.7178L11.7178 7.34082C11.3977 6.84623 11.21 6.25794 11.21 5.625C11.21 3.87702 12.627 2.45996 14.375 2.45996C16.123 2.45996 17.54 3.87702 17.54 5.625Z" />
    </svg>
--- a/packages/client/src/svgs/VolumeIcon.tsx
+++ b/packages/client/src/svgs/VolumeIcon.tsx
@ -9,6 +9,7 @@ export default function VolumeIcon({ className = '', size = '1em' }) {
      height={size}
      width={size}
      className={cn(className)}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"
--- a/packages/client/src/svgs/VolumeMuteIcon.tsx
+++ b/packages/client/src/svgs/VolumeMuteIcon.tsx
@ -9,6 +9,7 @@ export default function VolumeMuteIcon({ className = '', size = '1em' }) {
      height={size}
      width={size}
      className={cn(className)}
+      aria-hidden="true"
    >
      <path
        fillRule="evenodd"