From 89e04684d808e7e19a021e99b098dfc96a3fb7c8 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Tue, 20 Oct 2026 13:28:41 -0400
Subject: [PATCH] fix: valves, show files and terminal buttons in the chat
 input menus get names for screen readers (#32613)

---
 .../chat/MessageInput/InputMenu/Knowledge.svelte   |  1 +
 .../chat/MessageInput/IntegrationsMenu.svelte      |  3 +++
 .../chat/MessageInput/TerminalMenu.svelte          | 14 ++++++++++++--
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/MessageInput/InputMenu/Knowledge.svelte b/src/lib/components/chat/MessageInput/InputMenu/Knowledge.svelte
index 1a1bd28b3e..dfa8b92ea5 100644
--- a/src/lib/components/chat/MessageInput/InputMenu/Knowledge.svelte
+++ b/src/lib/components/chat/MessageInput/InputMenu/Knowledge.svelte
@@ -243,6 +243,7 @@
 
 						<Tooltip content={$i18n.t('Show Files')} placement="top">
 							<button
+								aria-label={$i18n.t('Show Files')}
 								type="button"
 								class=" ml-2 opacity-50 hover:opacity-100 transition"
 								on:click={() => {
diff --git a/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte b/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
index e8b66fbb55..8e3a017f28 100644
--- a/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
+++ b/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
@@ -417,6 +417,7 @@
 										<div class=" shrink-0">
 											<Tooltip content={$i18n.t('Valves')}>
 												<button
+													aria-label={$i18n.t('Valves')}
 													class="self-center w-fit text-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition rounded-full"
 													type="button"
 													on:click={(e) => {
@@ -598,6 +599,7 @@
 											<div class="shrink-0">
 												<Tooltip content={$i18n.t('Disconnect OAuth')}>
 													<button
+														aria-label={$i18n.t('Disconnect OAuth')}
 														class="self-center w-fit text-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition rounded-full"
 														type="button"
 														on:click={async (e) => {
@@ -631,6 +633,7 @@
 											<div class=" shrink-0">
 												<Tooltip content={$i18n.t('Valves')}>
 													<button
+														aria-label={$i18n.t('Valves')}
 														class="self-center w-fit text-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition rounded-full"
 														type="button"
 														on:click={(e) => {
diff --git a/src/lib/components/chat/MessageInput/TerminalMenu.svelte b/src/lib/components/chat/MessageInput/TerminalMenu.svelte
index 870fdc7924..eb4065b0aa 100644
--- a/src/lib/components/chat/MessageInput/TerminalMenu.svelte
+++ b/src/lib/components/chat/MessageInput/TerminalMenu.svelte
@@ -132,7 +132,13 @@
 <div class="flex items-center translate-x-0.5">
 	{#if disabled}
 		<Tooltip content={$i18n.t('Terminal')} placement="top">
-			<button type="button" disabled aria-disabled="true" class={triggerClass}>
+			<button
+				type="button"
+				disabled
+				aria-disabled="true"
+				aria-label={$selectedTerminalId && selectedLabel ? undefined : $i18n.t('Terminal')}
+				class={triggerClass}
+			>
 				<Cloud className="size-3.5" strokeWidth="2" />
 
 				{#if $selectedTerminalId && selectedLabel}
@@ -145,7 +151,11 @@
 	{:else}
 		<Dropdown bind:show align="start">
 			<Tooltip content={$i18n.t('Terminal')} placement="top">
-				<button type="button" class={triggerClass}>
+				<button
+					type="button"
+					aria-label={$selectedTerminalId && selectedLabel ? undefined : $i18n.t('Terminal')}
+					class={triggerClass}
+				>
 					<Cloud className="size-3.5" strokeWidth="2" />
 
 					{#if $selectedTerminalId && selectedLabel}