ui : use the cog for every models manager trigger

Assisted-by: pi:llama.cpp/DeepSeek-V4.1-Flash
This commit is contained in:
Aleksander Grygier
2026-09-28 12:10:12 +02:00
parent 6112cafe4e
commit dacaae98f2
4 changed files with 8 additions and 22 deletions
@@ -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"
@@ -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
@@ -101,7 +101,7 @@
/>
<div class="flex shrink-0 items-center gap-1">
<ModelRowActions {isFav} {isLoaded} {option} />
<ModelRowActions {isFav} {option} />
<ModelLoadControl
{canLoad}
+2 -2
View File
@@ -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'
},
{