From 9df790a9f9c02910179f276ec55a6d452175fbde Mon Sep 17 00:00:00 2001
From: Sine Jespersen <sinejespersen@gmail.com>
Date: Wed, 6 Aug 2025 12:29:28 +0200
Subject: [PATCH] make buttons DropdownMenuItems to make them accessible by
 keyboard, add handling of highContrastMode

---
 .../chat/ModelSelector/ModelItemMenu.svelte      | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/chat/ModelSelector/ModelItemMenu.svelte b/src/lib/components/chat/ModelSelector/ModelItemMenu.svelte
index df5e0fb3ca..f74444a382 100644
--- a/src/lib/components/chat/ModelSelector/ModelItemMenu.svelte
+++ b/src/lib/components/chat/ModelSelector/ModelItemMenu.svelte
@@ -32,7 +32,12 @@
 	typeahead={false}
 >
 	<DropdownMenu.Trigger>
-		<Tooltip content={$i18n.t('More')} className=" group-hover/item:opacity-100  opacity-0">
+		<Tooltip
+			content={$i18n.t('More')}
+			className={($settings?.highContrastMode ?? false)
+				? ''
+				: 'group-hover/item:opacity-100 opacity-0'}
+		>
 			<slot />
 		</Tooltip>
 	</DropdownMenu.Trigger>
@@ -45,8 +50,9 @@
 		align="end"
 		transition={flyAndScale}
 	>
-		<button
+		<DropdownMenu.Item
 			type="button"
+			aria-pressed={($settings?.pinnedModels ?? []).includes(model?.id)}
 			class="flex rounded-md py-1.5 px-3 w-full hover:bg-gray-50 dark:hover:bg-gray-800 transition items-center gap-2"
 			on:click={(e) => {
 				e.stopPropagation();
@@ -69,9 +75,9 @@
 					{$i18n.t('Keep in Sidebar')}
 				{/if}
 			</div>
-		</button>
+		</DropdownMenu.Item>
 
-		<button
+		<DropdownMenu.Item
 			type="button"
 			class="flex rounded-md py-1.5 px-3 w-full hover:bg-gray-50 dark:hover:bg-gray-800 transition items-center gap-2"
 			on:click={(e) => {
@@ -85,6 +91,6 @@
 			<Link />
 
 			<div class="flex items-center">{$i18n.t('Copy Link')}</div>
-		</button>
+		</DropdownMenu.Item>
 	</DropdownMenu.Content>
 </DropdownMenu.Root>