From dacaae98f2fb1a7ad0a42c3d501efbd338f7ca63 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Wed, 23 Sep 2026 07:26:42 +0200
Subject: [PATCH] ui : use the cog for every models manager trigger

Assisted-by: pi:llama.cpp/DeepSeek-V4.1-Flash
---
 .../app/models/ModelRowActions.svelte         | 20 +++----------------
 .../ModelsSelectorDownloadItem.svelte         |  4 ++--
 .../ModelsSelectorOption.svelte               |  2 +-
 tools/ui/src/lib/constants/ui.constants.ts    |  4 ++--
 4 files changed, 8 insertions(+), 22 deletions(-)

diff --git a/tools/ui/src/lib/components/app/models/ModelRowActions.svelte b/tools/ui/src/lib/components/app/models/ModelRowActions.svelte
index 9c2f948283..42c2e659a6 100644
--- a/tools/ui/src/lib/components/app/models/ModelRowActions.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelRowActions.svelte
@@ -1,20 +1,17 @@
 <script lang="ts">
-	import { Boxes, Heart, HeartOff, Info } from '@lucide/svelte';
+	import { Cog, Heart, HeartOff } from '@lucide/svelte';
 	import { ActionIcon } from '$lib/components/app';
 	import { modelsStore, uiStore } from '$lib/stores';
 	import type { ModelOption } from '$lib/types/models';
 
 	interface Props {
 		isFav: boolean;
-		isLoaded: boolean;
-		/** Renders the info action for a loaded model, when the caller can show it. */
-		onInfo?: (model: string) => void;
 		option: ModelOption;
 		/** Selector rows reveal the actions on hover, table rows keep them visible. */
 		revealOnHover?: boolean;
 	}
 
-	let { isFav, isLoaded, onInfo, option, revealOnHover = true }: Props = $props();
+	let { isFav, option, revealOnHover = true }: Props = $props();
 </script>
 
 <div
@@ -28,20 +25,9 @@
 	onkeydown={(event) => event.stopPropagation()}
 	role="presentation"
 >
-	{#if isLoaded && onInfo}
-		<ActionIcon
-			class="h-5 w-5 hover:text-foreground"
-			icon={Info}
-			iconSize="h-4 w-4"
-			onclick={() => onInfo?.(option.model)}
-			tooltip="Model information"
-			tooltipAsTitle
-		/>
-	{/if}
-
 	<ActionIcon
 		class="h-5 w-5 hover:text-foreground"
-		icon={Boxes}
+		icon={Cog}
 		iconSize="h-4 w-4"
 		onclick={() => uiStore.openModelsManager(option.id)}
 		tooltip="Manage model"
diff --git a/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorDownloadItem.svelte b/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorDownloadItem.svelte
index 72e0b7dedc..98c40ffe5a 100644
--- a/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorDownloadItem.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorDownloadItem.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import ModelsDiscoverAvatar from '../discover/ModelsDiscoverAvatar.svelte';
 	import ModelsDiscoverDownloadProgressBar from '../discover/ModelsDiscoverDownloadProgressBar.svelte';
-	import { Boxes, Loader2, Pause, Play, X } from '@lucide/svelte';
+	import { Cog, Loader2, Pause, Play, X } from '@lucide/svelte';
 	import { ModelId } from '$lib/components/app';
 	import { HuggingFaceService, ModelsService } from '$lib/services';
 	import { modelsStore, uiStore } from '$lib/stores';
@@ -114,7 +114,7 @@
 		onclick={() => uiStore.openModelsManager(entry.repoWithTag)}
 		type="button"
 	>
-		<Boxes class="h-4 w-4" />
+		<Cog class="h-4 w-4" />
 	</button>
 
 	<button
diff --git a/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorOption.svelte b/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorOption.svelte
index c7828875a1..19bdd0a23f 100644
--- a/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorOption.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorOption.svelte
@@ -101,7 +101,7 @@
 	/>
 
 	<div class="flex shrink-0 items-center gap-1">
-		<ModelRowActions {isFav} {isLoaded} {option} />
+		<ModelRowActions {isFav} {option} />
 
 		<ModelLoadControl
 			{canLoad}
diff --git a/tools/ui/src/lib/constants/ui.constants.ts b/tools/ui/src/lib/constants/ui.constants.ts
index a952a566dc..1cbd4c78a1 100644
--- a/tools/ui/src/lib/constants/ui.constants.ts
+++ b/tools/ui/src/lib/constants/ui.constants.ts
@@ -1,4 +1,4 @@
-import { Boxes, Package, PackageSearch, Search, Settings, SquarePen } from '@lucide/svelte';
+import { Cog, Package, PackageSearch, Search, Settings, SquarePen } from '@lucide/svelte';
 import { SidebarAction, ToolSource } from '$lib/enums';
 import type { DesktopIconStripItem } from '$lib/types';
 
@@ -85,7 +85,7 @@ export const SIDEBAR_ACTIONS_ITEMS: DesktopIconStripItem[] = [
 	},
 	{
 		action: SidebarAction.MANAGE_MODELS,
-		icon: Boxes,
+		icon: Cog,
 		tooltip: 'Manage models'
 	},
 	{