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

No models available.

{: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} ms.handleOpenChange(true)} style="max-width: min(calc(100cqw - 9rem), 20rem)" type="button" > {#if !selectedOption} Select model {:else} {/if} {#if ms.updating || ms.isLoadingModel} {:else} {/if} {#if triggerLoading} {/if} Select Model Choose a model to use for the conversation

ms.setSearchTerm(v)} placeholder="Search models..." value={ms.searchTerm} />

{#if !ms.isCurrentModelInCache && currentModel} {selectedOption?.name || currentModel} (not available)

{/if} {#if ms.filteredOptions.length === 0}

No models found.

{/if}

{:else} ms.handleOpenChange(true)} style="max-width: min(calc(100cqw - 6.5rem), 32rem)" > {#if ms.updating} {/if} {/if} {/if}