{#if ms.loading && ms.options.length === 0 && ms.isRouter}

Loading models…

{:else if ms.options.length === 0 && ms.isRouter} {#if currentModel} {:else}

No models available.

{/if} {:else} {@const selectedOption = ms.getDisplayOption()} {@const triggerModel = selectedOption?.model} {@const triggerStatus = triggerModel ? modelsStore.routerModels.find((m) => m.id === triggerModel)?.status?.value : undefined} {@const triggerLoading = !!triggerModel && (triggerStatus === ServerModelStatus.LOADING || modelsStore.status.isOperationInProgress(triggerModel))} {@const triggerLoadPercent = triggerLoading ? Math.round(modelLoadFraction(modelsStore.status.getLoadProgress(triggerModel)) * 100) : 0} {#if ms.isRouter} {#snippet child({ props })} {#if selectedOption} {:else} Select model {/if} {#if reasoning.isReasoningActive} {/if} {#if ms.updating || ms.isLoadingModel} {:else} {/if} {#if triggerLoading} {/if} {/snippet} {#if selectedOption}

{selectedOption.model}

{/if} event.preventDefault()} > {#if selectedOption} {:else} No model {/if} ms.setSearchTerm(v)} onSearchKeyDown={handleSearchKeyDown} placeholder="Search models..." searchValue={ms.searchTerm} >

{#if !ms.isCurrentModelInCache && currentModel} {/if} {#if ms.filteredOptions.length === 0}

No models found.

{/if} {#snippet modelOption(item: ModelItem, hideOrgName: boolean)} {@const { option } = item} {@const isSelected = currentModel === option.model || ms.activeId === option.id} {@const isHighlighted = option.id === highlightedId} {@const isFav = ms.isFavorite(option.model)} { if (event.key === KeyboardKey.ENTER || event.key === KeyboardKey.SPACE) { event.preventDefault(); void handleModelKeyAction(option.id, event.altKey); } }} onMouseEnter={() => (highlightedId = option.id)} onSelect={ms.handleSelect} {option} /> {/snippet}

{:else} {#snippet child({ props })} {/snippet} {#if selectedOption}

{selectedOption.model}

{/if} {/if} {/if}