mirror of
https://github.com/ggml-org/llama.cpp.git
synced 2026-09-29 17:37:39 -05:00
ui : use the cog for every models manager trigger
Assisted-by: pi:llama.cpp/DeepSeek-V4.1-Flash
This commit is contained in:
@@ -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"
|
||||
|
||||
+2
-2
@@ -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}
|
||||
|
||||
@@ -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'
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user