{$i18n.t("Models")}

{filteredModels.length}

{#if $user?.role === "admin"} { if (importFiles.length > 0) { const reader = new FileReader(); reader.onload = async (event) => { modelsImportInProgress = true; try { const models = JSON.parse( String(event.target.result), ); const res = await importModels( localStorage.token, models, ); if (res) { toast.success( $i18n.t( "Models imported successfully", ), ); await init(); } else { toast.error( $i18n.t( "Failed to import models", ), ); } } catch (e) { toast.error( e?.detail ?? $i18n.t( "Invalid JSON file", ), ); console.error(e); } modelsImportInProgress = false; }; reader.readAsText(importFiles[0]); } }} /> {/if}

{#if searchValue}

{/if}

{#if filteredModels.length > 0} {#each filteredModels.slice((currentPage - 1) * perPage, currentPage * perPage) as model, modelIdx (`${model.id}-${modelIdx}`)}

{#if shiftKey} {:else} { exportModelHandler(model); }} hideHandler={() => { hideModelHandler(model); }} pinModelHandler={() => { pinModelHandler(model.id); }} copyLinkHandler={() => { copyLinkHandler(model); }} cloneHandler={() => { cloneHandler(model); }} onClose={() => {}} >

{ toggleModelHandler(model); }} />

{/if}

{/each} {:else}

{$i18n.t("No models found")}

{$i18n.t( "Try adjusting your search or filter to find what you are looking for.", )}

{/if}

{#if filteredModels.length > perPage} {/if}