Build CasaDePrompt private prompt library with AI, versioning and MCP
This commit is contained in:
Mikei386
@@ -0,0 +1,88 @@
|
||||
'use strict';
|
||||
const $ = id => document.getElementById(id);
|
||||
let prompts = [], current = null, view = 'all', category = '', revision = null, searchSerial = 0, toastTimer, dirty = false, organization = null, editorGeneration = 0;
|
||||
const esc = text => String(text ?? '').replace(/[&<>"']/g, c => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));
|
||||
const date = value => new Intl.DateTimeFormat('de', {day:'2-digit',month:'short',year:'numeric'}).format(new Date(value));
|
||||
function toast(message) { $('toast').textContent = message; $('toast').classList.remove('hidden'); clearTimeout(toastTimer); toastTimer = setTimeout(()=>$('toast').classList.add('hidden'),6500); }
|
||||
async function api(path, options={}) {
|
||||
const response = await fetch('/api'+path,{...options,headers:{'Content-Type':'application/json',...options.headers}});
|
||||
let data; try { data=await response.json(); } catch { throw new Error('Unerwartete Serverantwort.'); }
|
||||
if (!response.ok) {
|
||||
if(response.status===401) { document.querySelectorAll('dialog[open]').forEach(d=>d.close()); $('shell').classList.add('hidden');$('login').classList.remove('hidden'); }
|
||||
throw new Error(typeof data.detail==='string' ? data.detail : 'Eingaben prüfen: Ein Feld ist ungültig oder zu lang.');
|
||||
}
|
||||
return data;
|
||||
}
|
||||
async function busy(button, operation) { const text=button.textContent;button.disabled=true;button.textContent='Einen Moment …';try{return await operation();}catch(e){toast(e.message);}finally{button.disabled=false;button.textContent=text;} }
|
||||
function bind(id,event,handler){$(id).addEventListener(event, async e=>{try{await handler(e);}catch(err){toast(err.message);}});}
|
||||
async function load() {
|
||||
const serial=++searchSerial;
|
||||
const result=await api('/prompts?'+new URLSearchParams({q:$('search').value,mode:$('search-mode').value,trash:view==='trash'}));
|
||||
if(serial!==searchSerial)return;
|
||||
prompts=result.items;
|
||||
$('search-warning').textContent=result.warning||'';$('search-warning').classList.toggle('hidden',!result.warning);
|
||||
$('search-status').textContent=({all:'Deine persönliche Sammlung',hybrid:'Text + Bedeutung · nach Relevanz',semantic:'Nach Ähnlichkeit · Relevanz prüfen',text:'Textsuche',trash:'Gelöschte Prompts'})[result.mode];
|
||||
render();
|
||||
if(!$('search').value && view!=='trash') renderCategories();
|
||||
}
|
||||
function renderCategories(){
|
||||
$('all-count').textContent=prompts.length;
|
||||
const categories=[...new Set(prompts.map(p=>p.category).filter(Boolean))].sort();
|
||||
$('categories').replaceChildren();$('category-list').replaceChildren();
|
||||
categories.forEach(name=>{const b=document.createElement('button');b.className='category-button'+(category===name?' active':'');b.innerHTML='<i class="category-dot"></i>'+esc(name);b.onclick=()=>{category=category===name?'':name;view='all';syncView();load().catch(e=>toast(e.message));};$('categories').append(b);const o=document.createElement('option');o.value=name;$('category-list').append(o);});
|
||||
}
|
||||
function syncView(){document.querySelectorAll('[data-view]').forEach(b=>b.classList.toggle('active',b.dataset.view===view&&!category));$('view-title').textContent=category||({all:'Deine besten Worte.',favorites:'Die bleiben hängen.',trash:'Noch nicht verloren.'})[view];$('view-subtitle').textContent=view==='trash'?'Hier kannst du gelöschte Prompts wiederherstellen.':'Sammeln, verfeinern und genau dann wiederfinden, wenn du sie brauchst.';}
|
||||
function render(){
|
||||
let items=prompts.filter(p=>(view!=='favorites'||p.favorite)&&(!category||p.category===category));
|
||||
if($('sort').value==='title')items.sort((a,b)=>a.title.localeCompare(b.title,'de'));else if(!$('search').value)items.sort((a,b)=>b.updated.localeCompare(a.updated));
|
||||
$('result-count').textContent=items.length+' Prompt'+(items.length===1?'':'s');$('cards').replaceChildren();
|
||||
$('empty').classList.toggle('hidden',items.length>0);
|
||||
if(!items.length){$('empty').querySelector('h2').textContent=$('search').value?'Hier passt noch nichts.':view==='trash'?'Alles an seinem Platz.':'Platz für deine nächste gute Idee.';$('empty').querySelector('p').textContent=$('search').value?'Versuche eine andere Beschreibung oder einen anderen Suchmodus.':view==='trash'?'Dein Papierkorb ist leer.':'Lege deinen ersten Prompt an. Du kannst ihn später mit deinem Modell verfeinern und nach Bedeutung finden.';$('empty-new').classList.toggle('hidden',view==='trash'||!!$('search').value);}
|
||||
items.forEach(p=>{
|
||||
const card=document.createElement('article');card.className='card';card.tabIndex=0;card.setAttribute('aria-label',p.title+' öffnen');
|
||||
card.innerHTML=`<div class="card-top"><span class="card-category"><i class="category-dot"></i>${esc(p.category||'Freie Gedanken')}</span><button class="star ${p.favorite?'on':''}" aria-label="Favorit umschalten">${p.favorite?'★':'☆'}</button></div><h3>${esc(p.title)}</h3><p>${esc(p.description||p.body.slice(0,180))}</p><div class="tags">${p.tags.slice(0,4).map(t=>`<span class="tag">${esc(t)}</span>`).join('')}</div><div class="card-footer"><span>v${p.version} · ${esc(date(p.updated))}</span><div class="card-actions"><button data-action="copy" title="Prompt kopieren">Kopieren</button><button data-action="duplicate" title="Duplizieren">⧉</button><button data-action="trash" title="${view==='trash'?'Wiederherstellen':'In Papierkorb'}">${view==='trash'?'↶':'⌫'}</button></div></div>`;
|
||||
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='<p class="muted">Deine erste Version beginnt hier.</p>';$('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=`<strong>Version ${v.version} · ${esc(v.note)}</strong><span>${esc(date(v.created))} ↗ ansehen</span>`;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.');});
|
||||
@@ -0,0 +1,13 @@
|
||||
<!doctype html>
|
||||
<html lang="de"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#121413"><title>CasaDePrompt</title><link rel="stylesheet" href="/static/style.css"><script defer src="/static/app.js"></script></head>
|
||||
<body>
|
||||
<div id="login" class="login hidden"><div class="login-card"><div class="brand-mark">c<span>✳</span></div><p class="eyebrow">DEIN RAUM FÜR GUTE GEDANKEN</p><h1>Willkommen<br>zu Hause.</h1><p class="muted">Deine Prompts. Deine Modelle. Dein Archiv.</p><form id="login-form"><label>Zugangsschlüssel<input id="login-token" type="password" autocomplete="current-password" required placeholder="Schlüssel aus /data/admin-token"></label><button class="primary">Casa öffnen <span>↗</span></button><p id="login-error" role="alert"></p></form><small>Privat auf deinem Server · Keine Cloud erforderlich</small></div></div>
|
||||
<div id="shell" class="shell hidden">
|
||||
<aside class="sidebar"><a class="brand" href="/">c<span>✳</span><strong>CasaDe<br>Prompt<span class="brand-dot">.</span></strong></a><div class="workspace"><i class="status-dot"></i> Persönliches Archiv <span>LOCAL</span></div><p class="nav-label">BIBLIOTHEK</p><nav><button data-view="all" class="nav active"><span>▦</span> Alle Prompts <b id="all-count">0</b></button><button data-view="favorites" class="nav"><span>☆</span> Favoriten</button><button data-view="trash" class="nav"><span>⌫</span> Papierkorb</button></nav><div class="category-heading"><p class="nav-label">KATEGORIEN</p><span>↙</span></div><div id="categories"></div><div class="sidebar-bottom"><div class="local-note"><span>✧</span><strong>Gute Ideen bleiben.</strong><p>Ein Zuhause für die Prompts,<br>die wirklich funktionieren.</p></div><button id="settings-open" class="nav"><span>⚙</span> Einstellungen</button><button id="logout" class="nav subtle"><span>↪</span> Abmelden</button><div class="foot-brand">CASA DE PROMPT <span>v0.1</span></div></div></aside>
|
||||
<main><header class="topbar"><span>Workspace <span class="slash">/</span> <b>Bibliothek</b></span><span class="private-pill"><i class="status-dot"></i> Privat & lokal</span></header><section class="library"><div class="page-heading"><div><p class="eyebrow">WENIGER SUCHEN. BESSER PROMPTEN.</p><h1 id="view-title">Deine besten Worte<span>.</span></h1><p class="muted" id="view-subtitle">Sammeln, verfeinern und genau dann wiederfinden, wenn du sie brauchst.</p></div><button id="new-prompt" class="primary">＋ Neuer Prompt</button></div><div class="search-row"><div class="search-box"><span>⌕</span><input id="search" placeholder="Was möchtest du erreichen?" aria-label="Prompts durchsuchen"><kbd>⌘ K</kbd></div><select id="search-mode" aria-label="Suchmodus"><option value="auto">✧ Intelligente Suche</option value="semantic">Nach Bedeutung</option><option value="text">Nach Wörtern</option></select></div><div class="library-meta"><div><b id="result-count">0 Prompts</b><span id="search-status">Deine persönliche Sammlung</span></div><select id="sort" aria-label="Sortieren"><option value="recent">Zuletzt bearbeitet</option><option value="title">Alphabetisch</option></select></div><div id="search-warning" class="notice hidden"></div><div id="cards" class="cards"></div><div id="empty" class="empty hidden"><div>✳</div><h2>Platz für deine nächste gute Idee.</h2><p>Lege deinen ersten Prompt an. Du kannst ihn später<br>mit deinem Modell verfeinern und nach Bedeutung finden.</p><button id="empty-new" class="primary">＋ Ersten Prompt anlegen</button></div><footer class="library-footer"><span>Ein guter Prompt ist zu wertvoll, um verloren zu gehen.</span><span>MADE FOR YOUR MIND ↗</span></footer></section></main>
|
||||
</div>
|
||||
<dialog id="editor"><form id="editor-form"><header class="dialog-header"><div><p class="eyebrow">PROMPT STUDIO</p><h2 id="editor-heading">Neuer Prompt</h2></div><button type="button" data-close="editor" class="icon" aria-label="Schließen">×</button></header><div class="editor-grid"><section><label>Titel<input id="p-title" required maxlength="200" placeholder="Gib deinem Prompt einen Namen"></label><label>Kurzbeschreibung<input id="p-description" maxlength="2000" placeholder="Wobei hilft dir dieser Prompt?"></label><div class="two-fields"><label>Kategorie<input id="p-category" maxlength="100" list="category-list" placeholder="z. B. Kommunikation"><datalist id="category-list"></datalist></label><label>Tags<input id="p-tags" placeholder="Kunde, E-Mail, Absage"></label></div><div class="body-label"><label for="p-body">Prompt</label><span id="char-count">0 Zeichen</span></div><textarea id="p-body" required maxlength="60000" placeholder="Beschreibe die Aufgabe, den Kontext und das gewünschte Ergebnis. Nutze {{Platzhalter}} für variable Inhalte."></textarea><div class="editor-options"><label class="check"><input type="checkbox" id="p-favorite"> Als Favorit markieren</label><button type="button" id="copy-body" class="text-button">Kopieren ↗</button></div><label>Versionsnotiz<input id="p-note" maxlength="300" placeholder="Was hat sich geändert?"></label></section><aside class="studio-panel"><div class="ai-heading"><span>✧</span><h3>Ein bisschen Feinschliff.</h3></div><p class="muted">Dein Modell macht einen Vorschlag. Du entscheidest, was bleibt.</p><label>Dein Wunsch<textarea id="ai-instruction">Formuliere klarer, präziser und hilfreicher. Bewahre die Absicht und alle Platzhalter.</textarea></label><button type="button" id="improve" class="secondary full">✧ Mit KI verfeinern</button><div id="ai-result" class="hidden"><p class="eyebrow">VORSCHLAG · NOCH NICHT GESPEICHERT</p><textarea id="ai-draft" aria-label="KI-Vorschlag"></textarea><button type="button" id="accept-ai" class="secondary full">Vorschlag übernehmen ↓</button></div><button type="button" id="organize" class="text-button full">⌘ Kategorie & Tags vorschlagen</button><div id="organize-result" class="hidden"><p id="organize-preview" class="muted"></p><button type="button" id="accept-organize" class="secondary full">Einordnung übernehmen</button></div><div class="history-heading"><h3>Versionsverlauf</h3><span id="current-version">Entwurf</span></div><div id="history" class="history"><p class="muted">Deine erste Version beginnt hier.</p></div></aside></div><footer class="dialog-footer"><span id="save-state">Änderungen werden als neue Version gespeichert.</span><div><button type="button" data-close="editor" class="secondary">Abbrechen</button><button class="primary" id="save-prompt">Prompt speichern ↗</button></div></footer></form></dialog>
|
||||
<dialog id="settings"><header class="dialog-header"><div><p class="eyebrow">DEIN HAUS, DEINE REGELN</p><h2>Einstellungen</h2></div><button data-close="settings" class="icon" aria-label="Schließen">×</button></header><div class="settings-content"><section><h3>01 / Deine Modelle</h3><p class="muted">OpenAI-kompatibel, auch im lokalen Netz. Die Basis-URL enthält üblicherweise <code>/v1</code>.</p><form id="settings-form"><label>API-Basis-URL<input id="s-base_url" type="url" placeholder="http://192.168.1.20:1234/v1"></label><label>API-Key<input id="s-api_key" type="password" autocomplete="new-password" placeholder="Leer lassen, um vorhandenen Schlüssel zu behalten"></label><label class="check"><input id="clear-api-key" type="checkbox"> Gespeicherten API-Key entfernen</label><div class="model-row"><label>Chatmodell<input id="s-chat_model" list="chat-models" placeholder="Modell scannen oder ID eingeben"><datalist id="chat-models"></datalist></label><button type="button" id="scan-chat" class="secondary">Modelle scannen</button></div><details><summary>Separater Endpoint für Embeddings (optional)</summary><label>Embedding-Basis-URL<input id="s-embedding_url" type="url" placeholder="Leer = gleicher Endpoint wie Chatmodell"></label><label>Embedding-API-Key<input id="s-embedding_key" type="password" autocomplete="new-password" placeholder="Leer = gespeicherten Schlüssel behalten"></label><label class="check"><input id="clear-embedding-key" type="checkbox"> Embedding-Key entfernen</label></details><div class="model-row"><label>Embedding-Modell<input id="s-embedding_model" list="embedding-models" placeholder="Für Suche nach Bedeutung"><datalist id="embedding-models"></datalist></label><button type="button" id="scan-embedding" class="secondary">Modelle scannen</button></div><p class="hint">Ein Chatmodell verbessert Texte. Ein Embedding-Modell macht sie nach Bedeutung auffindbar. Die Modellliste sagt nicht automatisch, welcher Typ ein Modell ist.</p><button class="primary">Einstellungen speichern</button></form></section><section><h3>02 / Suche nach Bedeutung</h3><p class="muted">Neue und bearbeitete Prompts werden beim Speichern indexiert. Nach einem Modellwechsel bitte den Index ergänzen.</p><p id="index-status" class="index-status"></p><div class="button-row"><button id="index-fill" class="secondary">Index ergänzen</button><button id="index-rebuild" class="text-button">Komplett neu aufbauen</button></div><p class="hint">Hierbei werden Prompt-Inhalte an deinen eingestellten Embedding-Endpoint gesendet.</p></section><section><h3>03 / MCP für deine Assistenten</h3><p class="muted">Ein Assistent wie OpenClaw kann Prompts über MCP suchen und lesen. Transport: Streamable HTTP. Keine Schreibrechte.</p><label>Server-URL<input id="mcp-url" readonly></label><button id="mcp-reveal" class="secondary">Verbindungsdaten anzeigen</button><pre id="mcp-config" class="hidden"></pre><p class="hint">Der MCP-Schlüssel gewährt Lesezugriff auf dein Archiv. Nur an deine eigenen Clients weitergeben.</p></section><section><h3>04 / Dein Archiv bleibt deins</h3><p class="muted">JSON-Export inklusive aller Versionen. Ein Import legt neue Kopien an und überschreibt nichts. API-Keys sind nicht enthalten.</p><div class="button-row"><a class="secondary" href="/api/export" download>Archiv exportieren ↗</a><button id="import-button" class="secondary">Archiv importieren</button><input type="file" id="import-file" accept="application/json,.json" hidden></div></section></div></dialog>
|
||||
<dialog id="revision"><header class="dialog-header"><h2 id="revision-title">Version</h2><button data-close="revision" class="icon" aria-label="Schließen">×</button></header><div class="revision-content"><p id="revision-description"></p><pre id="revision-body"></pre></div><footer class="dialog-footer"><span>Das Original bleibt im Verlauf erhalten.</span><button id="restore-version" class="primary">Als Entwurf übernehmen</button></footer></dialog>
|
||||
<div id="toast" role="status" class="toast hidden"></div>
|
||||
</body></html>
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user