WENIGER SUCHEN. BESSER PROMPTEN.
Deine besten Worte.
Sammeln, verfeinern und genau dann wiederfinden, wenn du sie brauchst.
⌕⌘ K
${esc(p.description||p.body.slice(0,180))}
`; + card.addEventListener('click',async e=>{try{ + const button=e.target.closest('button');if(!button){if(view==='trash')return;await openEditor(p);return;} + if(button.classList.contains('star')){const result=await api('/prompts/'+p.id,{method:'PUT',body:JSON.stringify({...p,favorite:!p.favorite,note:'Favorit geändert'})});if(result.warning)toast(result.warning);await load();} + else if(button.dataset.action==='copy')await copy(p.body); + else if(button.dataset.action==='duplicate'){await openEditor({...p,id:null,title:p.title+' (Kopie)',version:null});} + else {await api('/prompts/'+p.id+'/trash?deleted='+(view!=='trash'),{method:'POST'});toast(view==='trash'?'Prompt wiederhergestellt.':'In den Papierkorb verschoben.');await load();} + }catch(err){toast(err.message);}}); + card.addEventListener('keydown',e=>{if(e.target===card&&(e.key==='Enter'||e.key===' ')){e.preventDefault();if(view!=='trash')openEditor(p).catch(err=>toast(err.message));}});$('cards').append(card); + }); +} +async function copy(text){if(navigator.clipboard&&window.isSecureContext){await navigator.clipboard.writeText(text);}else{const t=document.createElement('textarea');t.value=text;(document.querySelector('dialog[open]')||document.body).append(t);t.select();const ok=document.execCommand('copy');t.remove();if(!ok)throw new Error('Kopieren nicht möglich. Bitte den Text manuell auswählen.');}toast('In die Zwischenablage kopiert.');} +function fillPrompt(p){$('p-title').value=p.title||'';$('p-description').value=p.description||'';$('p-body').value=p.body||'';$('p-category').value=p.category||'';$('p-tags').value=(p.tags||[]).join(', ');$('p-favorite').checked=!!p.favorite;updateChars();} +function updateChars(){$('char-count').textContent=$('p-body').value.length.toLocaleString('de')+' Zeichen';} +async function openEditor(p=null){current=p;editorGeneration++;dirty=false;organization=null;$('organize-result').classList.add('hidden');fillPrompt(p||{});$('p-note').value='';$('ai-result').classList.add('hidden');$('ai-draft').value='';$('editor-heading').textContent=p?.id?'Prompt bearbeiten':'Neuer Prompt';$('current-version').textContent=p?.id?'Aktuell: v'+p.version:'Entwurf';$('history').innerHTML='Deine erste Version beginnt hier.
';$('editor').showModal();if(p?.id){const history=await api('/prompts/'+p.id+'/versions');$('history').replaceChildren();history.forEach(v=>{const b=document.createElement('button');b.type='button';b.className='version-button';b.innerHTML=`Version ${v.version} · ${esc(v.note)}${esc(date(v.created))} ↗ ansehen`;b.onclick=()=>{revision=v;$('revision-title').textContent='Version '+v.version+' · '+v.data.title;$('revision-description').textContent=v.data.description;$('revision-body').textContent=v.data.body;$('revision').showModal();};$('history').append(b);});}} +async function saveSettings(){const data={};['base_url','chat_model','embedding_url','embedding_model'].forEach(k=>data[k]=$('s-'+k).value.trim());for(const [key,clear]of [['api_key','clear-api-key'],['embedding_key','clear-embedding-key']]){data[key]=$(clear).checked?'':$('s-'+key).value||null;}const result=await api('/settings',{method:'PUT',body:JSON.stringify(data)});$('s-api_key').value='';$('s-embedding_key').value='';$('clear-api-key').checked=false;$('clear-embedding-key').checked=false;setKeyHints(result);$('index-status').textContent=`${result.indexed} von ${result.total} Prompts indexiert`;return result;} +function setKeyHints(s){$('s-api_key').placeholder=s.api_key_set?'Schlüssel gespeichert · leer lassen zum Beibehalten':'Optional, wenn dein Endpoint keinen Key braucht';$('s-embedding_key').placeholder=s.embedding_key_set?'Schlüssel gespeichert · leer lassen zum Beibehalten':'Optional für den separaten Endpoint';} +async function openSettings(){const s=await api('/settings');['base_url','chat_model','embedding_url','embedding_model'].forEach(k=>$('s-'+k).value=s[k]||'');$('s-api_key').value='';$('s-embedding_key').value='';setKeyHints(s);$('index-status').textContent=`${s.indexed} von ${s.total} Prompts indexiert`;$('mcp-url').value=location.origin+'/mcp/';$('mcp-config').classList.add('hidden');$('mcp-config').textContent='';$('settings').showModal();} +async function scan(embedding){await saveSettings();const {models}=await api('/models?embedding='+embedding);const list=$(embedding?'embedding-models':'chat-models');list.replaceChildren(...models.map(id=>{const o=document.createElement('option');o.value=id;return o;}));toast(models.length+' Modelle gefunden. Im Modellfeld auswählen.');$(embedding?'s-embedding_model':'s-chat_model').focus();} +async function indexAll(rebuild){await saveSettings();$('index-fill').disabled=true;$('index-rebuild').disabled=true;try{let result;do{result=await api('/index?rebuild='+rebuild,{method:'POST'});rebuild=false;$('index-status').textContent=`${result.indexed} von ${result.total} Prompts indexiert`;}while(result.remaining>0);toast('Bedeutungsindex ist aktuell.');}finally{$('index-fill').disabled=false;$('index-rebuild').disabled=false;}} +$('login-form').onsubmit=async e=>{e.preventDefault();$('login-error').textContent='';try{await api('/login',{method:'POST',body:JSON.stringify({token:$('login-token').value})});$('login-token').value='';$('login').classList.add('hidden');$('shell').classList.remove('hidden');await load();}catch(err){$('login-error').textContent=err.message;}}; +document.querySelectorAll('[data-close]').forEach(b=>b.onclick=()=>{if(b.dataset.close==='editor'&&dirty&&!confirm('Ungespeicherte Änderungen verwerfen?'))return;$(b.dataset.close).close();}); +$('editor').addEventListener('cancel',e=>{if(dirty&&!confirm('Ungespeicherte Änderungen verwerfen?'))e.preventDefault();}); +$('editor-form').addEventListener('input',()=>{dirty=true;}); +bind('editor-form','submit',async e=>{e.preventDefault();await busy($('save-prompt'),async()=>{const data={title:$('p-title').value,description:$('p-description').value,body:$('p-body').value,category:$('p-category').value,tags:$('p-tags').value.split(',').map(t=>t.trim()).filter(Boolean),favorite:$('p-favorite').checked,version:current?.version,note:$('p-note').value||'Gespeichert'};const result=await api('/prompts'+(current?.id?'/'+current.id:''),{method:current?.id?'PUT':'POST',body:JSON.stringify(data)});dirty=false;$('editor').close();toast(result.warning||'Prompt als Version '+result.prompt.version+' gespeichert.');await load();});}); +for(const id of ['new-prompt','empty-new'])bind(id,'click',()=>openEditor()); +bind('settings-open','click',openSettings); +bind('logout','click',async()=>{await api('/logout',{method:'POST'});location.reload();}); +bind('p-body','input',updateChars);bind('copy-body','click',()=>copy($('p-body').value)); +bind('improve','click',()=>busy($('improve'),async()=>{if(!$('p-body').value.trim())throw new Error('Schreibe zuerst einen Prompt.');const generation=editorGeneration;const result=await api('/improve',{method:'POST',body:JSON.stringify({body:$('p-body').value,instruction:$('ai-instruction').value})});if(generation!==editorGeneration||!$('editor').open)return;$('ai-draft').value=result.body;$('ai-result').classList.remove('hidden');})); +bind('accept-ai','click',()=>{$('p-body').value=$('ai-draft').value;dirty=true;$('p-note').value='KI-Vorschlag übernommen';updateChars();$('ai-result').classList.add('hidden');toast('Vorschlag im Editor. Zum Übernehmen noch speichern.');}); +bind('restore-version','click',()=>{fillPrompt(revision.data);$('p-note').value='Wiederhergestellt aus Version '+revision.version;dirty=true;$('revision').close();toast('Version im Editor. Speichern legt eine neue Version an.');}); +bind('settings-form','submit',async e=>{e.preventDefault();await busy(e.submitter,async()=>{await saveSettings();toast('Einstellungen gespeichert.');});}); +bind('scan-chat','click',()=>busy($('scan-chat'),()=>scan(false)));bind('scan-embedding','click',()=>busy($('scan-embedding'),()=>scan(true))); +bind('index-fill','click',()=>indexAll(false));bind('index-rebuild','click',()=>indexAll(true)); +bind('mcp-reveal','click',async()=>{const data=await api('/mcp');$('mcp-config').textContent=JSON.stringify({url:location.origin+data.path,transport:'streamable-http',headers:{Authorization:'Bearer '+data.token}},null,2);$('mcp-config').classList.remove('hidden');}); +bind('import-button','click',()=>$('import-file').click());bind('import-file','change',async()=>{const file=$('import-file').files[0];if(!file)return;try{if(file.size>20000000)throw new Error('Maximal 20 MB pro Archiv.');const result=await api('/import',{method:'POST',body:await file.text()});toast(result.imported+' Prompts importiert. Bitte Bedeutungsindex ergänzen.');await load();await openSettingsRefresh();}finally{$('import-file').value='';}}); +async function openSettingsRefresh(){const s=await api('/settings');$('index-status').textContent=`${s.indexed} von ${s.total} Prompts indexiert`;} +document.querySelectorAll('[data-view]').forEach(b=>b.onclick=()=>{view=b.dataset.view;category='';syncView();load().catch(e=>toast(e.message));}); +let debounce;bind('search','input',()=>{clearTimeout(debounce);debounce=setTimeout(()=>load().catch(e=>toast(e.message)),450);});bind('search-mode','change',load);bind('sort','change',render); +document.addEventListener('keydown',e=>{if((e.metaKey||e.ctrlKey)&&e.key==='k'){e.preventDefault();$('search').focus();}if((e.metaKey||e.ctrlKey)&&e.key==='s'&&$('editor').open){e.preventDefault();$('editor-form').requestSubmit();}}); +window.addEventListener('beforeunload',e=>{if(dirty&&$('editor').open){e.preventDefault();e.returnValue='';}}); +(async()=>{try{await load();$('shell').classList.remove('hidden');}catch(e){$('login').classList.remove('hidden');if(!e.message.includes('anmelden'))toast(e.message);}})(); + +bind('organize','click',()=>busy($('organize'),async()=>{if(!$('p-body').value.trim())throw new Error('Schreibe zuerst einen Prompt.');const generation=editorGeneration;const suggestion=await api('/organize',{method:'POST',body:JSON.stringify({body:$('p-body').value})});if(generation!==editorGeneration||!$('editor').open)return;organization=suggestion;$('organize-preview').textContent=organization.category+' · '+organization.tags.join(', ')+' — '+organization.description;$('organize-result').classList.remove('hidden');})); +bind('accept-organize','click',()=>{if(!organization)return;$('p-category').value=organization.category;$('p-tags').value=organization.tags.join(', ');$('p-description').value=organization.description;dirty=true;$('organize-result').classList.add('hidden');toast('Einordnung im Entwurf übernommen. Zum Behalten speichern.');}); diff --git a/atelier/static/index.html b/atelier/static/index.html new file mode 100644 index 0000000..2f0db45 --- /dev/null +++ b/atelier/static/index.html @@ -0,0 +1,13 @@ + +