Lars/mitai-jinkendo
1
0
Fork 0
Code Issues 23 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Flexibles KI Prompt System #48

Merged
Lars merged 56 commits from develop into main 2026-03-26 14:49:48 +01:00
Conversation 0 Commits 56 Files Changed 25 +21 -12
2 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7a8a5aee98 - Show all commits

26
frontend/src/components/PromptEditModal.jsx
View File

@ -181,46 +181,52 @@ export default function PromptEditModal({ prompt, onSave, onClose }) {
</div>
{/* Form Fields */}
<div style={{display:'grid', gap:16, marginBottom:24}}>
<div style={{display:'grid', gap:20, marginBottom:24}}>
<div>
<label className="form-label">Titel *</label>
<label className="form-label" style={{display:'block', marginBottom:6}}>Titel *</label>
<input
className="form-input"
value={name}
onChange={e => setName(e.target.value)}
placeholder="z.B. Protein-Analyse"
style={{width:'100%', textAlign:'left'}}
/>
</div>
{!prompt?.id && (
<div>
<label className="form-label">Slug * (eindeutig, keine Leerzeichen)</label>
<label className="form-label" style={{display:'block', marginBottom:6}}>
Slug * (eindeutig, keine Leerzeichen)
</label>
<input
className="form-input"
value={slug}
onChange={e => setSlug(e.target.value)}
placeholder="z.B. protein_analyse"
style={{width:'100%', textAlign:'left'}}
/>
</div>
)}
<div>
<label className="form-label">Beschreibung</label>
<label className="form-label" style={{display:'block', marginBottom:6}}>Beschreibung</label>
<textarea
className="form-input"
value={description}
onChange={e => setDescription(e.target.value)}
rows={2}
placeholder="Wofür ist dieser Prompt? (für Admin sichtbar)"
style={{width:'100%', textAlign:'left', resize:'vertical'}}
/>
</div>
<div>
<label className="form-label">Kategorie</label>
<label className="form-label" style={{display:'block', marginBottom:6}}>Kategorie</label>
<select
className="form-select"
value={category}
onChange={e => setCategory(e.target.value)}
style={{width:'100%'}}
>
{categories.map(cat => (
<option key={cat.id} value={cat.id}>{cat.label}</option>
@ -229,14 +235,14 @@ export default function PromptEditModal({ prompt, onSave, onClose }) {
</div>
<div>
<label className="form-label">Template *</label>
<label className="form-label" style={{display:'block', marginBottom:6}}>Template *</label>
<textarea
className="form-input"
value={template}
onChange={e => setTemplate(e.target.value)}
rows={15}
placeholder="Du bist ein Ernährungsexperte. Analysiere folgende Daten: {{nutrition_summary}}"
style={{fontFamily:'monospace', fontSize:12}}
style={{width:'100%', textAlign:'left', fontFamily:'monospace', fontSize:12, resize:'vertical'}}
/>
<div style={{fontSize:11, color:'var(--text3)', marginTop:4}}>
Nutze Platzhalter wie {`{{weight_aktuell}}`}, {`{{protein_avg}}`}, etc.
@ -326,7 +332,8 @@ export default function PromptEditModal({ prompt, onSave, onClose }) {
<strong>Original:</strong>
<pre style={{
marginTop:4, padding:12, background:'var(--surface2)',
borderRadius:8, fontSize:11, maxHeight:200, overflow:'auto'
borderRadius:8, fontSize:11, maxHeight:200, overflow:'auto',
whiteSpace:'pre-wrap', wordBreak:'break-word'
}}>
{template}
</pre>
@ -335,7 +342,8 @@ export default function PromptEditModal({ prompt, onSave, onClose }) {
<strong>Optimiert:</strong>
<pre style={{
marginTop:4, padding:12, background:'#d4edda',
borderRadius:8, fontSize:11, maxHeight:200, overflow:'auto'
borderRadius:8, fontSize:11, maxHeight:200, overflow:'auto',
whiteSpace:'pre-wrap', wordBreak:'break-word'
}}>
{optimization.optimized_prompt}
</pre>

7
frontend/src/components/PromptGenerator.jsx
View File

@ -79,7 +79,7 @@ export default function PromptGenerator({ onGenerated, onClose }) {
{/* Step 1: Goal */}
<div style={{marginBottom:24}}>
<label className="form-label">
<label className="form-label" style={{display:'block', marginBottom:6}}>
1️⃣ Was möchtest du analysieren?
</label>
<textarea
@ -88,6 +88,7 @@ export default function PromptGenerator({ onGenerated, onClose }) {
onChange={e => setGoal(e.target.value)}
rows={3}
placeholder="Beispiel: Ich möchte wissen ob meine Proteinzufuhr ausreichend ist für Muskelaufbau und wie ich sie optimieren kann."
style={{width:'100%', textAlign:'left', resize:'vertical'}}
/>
</div>
@ -145,7 +146,7 @@ export default function PromptGenerator({ onGenerated, onClose }) {
{/* Step 3: Desired Format */}
<div style={{marginBottom:24}}>
<label className="form-label">
<label className="form-label" style={{display:'block', marginBottom:6}}>
3️⃣ Gewünschtes Antwort-Format (optional)
</label>
<textarea
@ -154,7 +155,7 @@ export default function PromptGenerator({ onGenerated, onClose }) {
onChange={e => setExampleOutput(e.target.value)}
rows={4}
placeholder={'Beispiel:\n## Analyse\n[Bewertung]\n\n## Empfehlungen\n- Punkt 1\n- Punkt 2'}
style={{fontFamily:'monospace', fontSize:12}}
style={{width:'100%', textAlign:'left', fontFamily:'monospace', fontSize:12, resize:'vertical'}}
/>
</div>