19 lines
1.9 KiB
JavaScript
19 lines
1.9 KiB
JavaScript
/* Server-backed model management. Legacy browser drafts remain untouched. */
|
|
const Studio=(()=>{
|
|
let section='discover',category='';
|
|
const labels={chat:'Sprachmodelle / Chat',image:'Bildgenerierung',audio:'Audio',video:'Video'};
|
|
function render(page,force=false,modelId=null){
|
|
if(!force&&document.querySelector('#studio')?.dataset.page===page)return;
|
|
if(category!==page){category=page;section='discover';}
|
|
if(modelId)section='profiles';
|
|
const body=page==='runtime'?RuntimeUI.html():`<div class="kicker">ATHENA / MODELLVERWALTUNG</div><h1>${labels[page]}</h1><p>Modelle entdecken, herunterladen und mit gespeicherten Profilen konfigurieren.</p><div class="studio-tabs" role="tablist" aria-label="Modellverwaltung">${[['discover','Entdecken'],['library','Bibliothek'],['downloads','Downloads'],['profiles','Profile'],['running','Laufend']].map(([id,label])=>`<button role="tab" aria-selected="${section===id}" class="${section===id?'chosen':'secondary'}" data-section="${id}">${label}</button>`).join('')}</div><div role="tabpanel">${section==='profiles'?ProfilesUI.html():section==='running'?'<section class="card"><h2>Keine von Deck gestarteten Modelle</h2><p>Profile werden auf Athena gespeichert. Bild-, Audio- und Video-Worker sind noch nicht eingerichtet. Fehlende Komponenten stehen beim jeweiligen Profil.</p><a class="link" href="#runtime">llama.cpp-Builds verwalten →</a></section>':CatalogUI.html(section==='library',section==='downloads')}</div>`;
|
|
document.querySelector('#view').innerHTML=`<div id="studio" data-page="${page}">${body}</div>`;
|
|
if(page==='runtime'){RuntimeUI.bind();return;}
|
|
if(section==='profiles')ProfilesUI.bind(page,modelId);
|
|
else if(section!=='running')CatalogUI.bind(page,section==='library',section==='downloads');
|
|
document.querySelectorAll('[data-section]').forEach(b=>b.onclick=()=>{section=b.dataset.section;render(page,true);});
|
|
}
|
|
function openProfile(page,modelId){render(page,true,modelId);}
|
|
return {render,openProfile};
|
|
})();
|