diff --git a/tools/ui/src/lib/components/app/models/discover/ModelsDiscoverDetails/ModelsDiscoverDetailsDownloadOptions/ModelsDiscoverDetailsDownloadOptionsQuantDownloadButton.svelte b/tools/ui/src/lib/components/app/models/discover/ModelsDiscoverDetails/ModelsDiscoverDetailsDownloadOptions/ModelsDiscoverDetailsDownloadOptionsQuantDownloadButton.svelte index 1b376489f3..b564af7d67 100644 --- a/tools/ui/src/lib/components/app/models/discover/ModelsDiscoverDetails/ModelsDiscoverDetailsDownloadOptions/ModelsDiscoverDetailsDownloadOptionsQuantDownloadButton.svelte +++ b/tools/ui/src/lib/components/app/models/discover/ModelsDiscoverDetails/ModelsDiscoverDetailsDownloadOptions/ModelsDiscoverDetailsDownloadOptionsQuantDownloadButton.svelte @@ -23,6 +23,11 @@ let { entry, file, onRequestCancel, onRequestDelete }: Props = $props(); + // Sidecar kind (mtp, mmproj, ...) tag shown on every chip state; one source so + // the idle, in-flight and downloaded variants stay identical. + const SIDECAR_BADGE_CLASS = + 'rounded-md bg-primary px-1 py-0.5 text-[10px] font-semibold tracking-wide text-primary-foreground uppercase'; + /** Queue the download; a failed attempt leaves partial files, drop them first. */ async function startDownload() { try { @@ -68,9 +73,7 @@ type="button" > {#if meta?.sidecar} - + {meta.sidecar} {/if} @@ -122,9 +125,7 @@ type="button" > {#if meta?.sidecar} - + {meta.sidecar} {/if} @@ -219,9 +220,7 @@ {/if} {#if meta?.sidecar} - + {meta.sidecar} {/if}