Buckets:
| <script lang="ts"> | |
| import ModelId from './ModelId.svelte'; | |
| import { ActionIconCopyToClipboard, BadgeInfo } from '$lib/components/app'; | |
| import * as Tooltip from '$lib/components/ui/tooltip'; | |
| import { MODEL_ICON } from '$lib/constants'; | |
| import { modelsStore, serverStore } from '$lib/stores'; | |
| interface Props { | |
| class?: string; | |
| model?: string; | |
| onclick?: () => void; | |
| showCopyIcon?: boolean; | |
| showTooltip?: boolean; | |
| } | |
| let { | |
| class: className = '', | |
| model: modelProp, | |
| onclick, | |
| showCopyIcon = false, | |
| showTooltip = false | |
| }: Props = $props(); | |
| let model = $derived(modelProp || modelsStore.singleModelName); | |
| let isModelMode = $derived(serverStore.isModelMode); | |
| let shouldShow = $derived(model && (modelProp !== undefined || isModelMode)); | |
| </script> | |
| {#snippet badgeContent(triggerProps?: Record<string, unknown>)} | |
| <BadgeInfo {...triggerProps ?? {}} class={className} {onclick}> | |
| {#snippet icon()} | |
| <MODEL_ICON class="h-3 w-3" /> | |
| {/snippet} | |
| {#if model} | |
| <ModelId modelId={model} /> | |
| {/if} | |
| {#if showCopyIcon} | |
| <ActionIconCopyToClipboard ariaLabel="Copy model name" text={model || ''} /> | |
| {/if} | |
| </BadgeInfo> | |
| {/snippet} | |
| {#if shouldShow} | |
| {#if showTooltip} | |
| <Tooltip.Root> | |
| <Tooltip.Trigger> | |
| <!-- prevent another nested button element --> | |
| {#snippet child({ props })} | |
| {@render badgeContent(props)} | |
| {/snippet} | |
| </Tooltip.Trigger> | |
| <Tooltip.Content> | |
| {onclick ? 'Click for model details' : model} | |
| </Tooltip.Content> | |
| </Tooltip.Root> | |
| {:else} | |
| {@render badgeContent()} | |
| {/if} | |
| {/if} | |
Xet Storage Details
- Size:
- 1.55 kB
- Xet hash:
- c60727089946bc7a557690629cf20e809a32f391ec84ff86778c583d8e2faa31
·
Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.