feat: EasyMDE-Editor für Persona und Session-Kontext

- profile-page.js: #profilePersona textarea → EasyMDE mit Toolbar und Dark-Theme
- session-page.js: #sessionContext textarea → EasyMDE mit Toolbar und Dark-Theme
- form.css: Override-Styles für EasyMDE in Formularen (height: auto, border-radius)
- base.css: ul margin-left für korrekte Listen-Einrückung
- Beide Editoren: sauberes Cleanup via toTextArea() in destroy()
- Nutzt bestehende fe-mde-wrap Styles aus file-explorer.css

wwwroot/js/pages/profile-page.js

@@ -1,5 +1,7 @@
 // ── Profile Page ──
 
+var _profileMde = null;
+
 registerPage('profile', {
   async init() {
     var profile = await apiGetProfile();
@@ -11,6 +13,21 @@ registerPage('profile', {
     var saveBtn = document.getElementById('profileSaveBtn');
     var messageDiv = document.getElementById('profileMessage');
 
+    // EasyMDE für Persona
+    _profileMde = new EasyMDE({
+      element: personaInput,
+      initialValue: profile.persona || '',
+      toolbar: ['bold', 'italic', 'heading', '|', 'unordered-list', 'ordered-list', '|', 'link', 'code', '|', 'preview'],
+      status: false,
+      spellChecker: false,
+      autoDownloadFontAwesome: false,
+      minHeight: '150px',
+      placeholder: 'Beschreibe dich selbst – Name, Rolle, Präferenzen, Kommunikationsstil...',
+      previewClass: ['editor-preview', 'markdown']
+    });
+    _profileMde.codemirror.setOption('theme', 'default');
+    _profileMde.codemirror.getWrapperElement().closest('.EasyMDEContainer').classList.add('fe-mde-wrap');
+
     var currentPwInput = document.getElementById('profileCurrentPassword');
     var newPwInput = document.getElementById('profileNewPassword');
     var confirmPwInput = document.getElementById('profileConfirmPassword');
@@ -22,7 +39,6 @@ registerPage('profile', {
     // Felder befüllen
     usernameInput.value = profile.username || '';
     displayNameInput.value = profile.displayName || '';
-    personaInput.value = profile.persona || '';
 
     // Profil speichern
     saveBtn.addEventListener('click', async function() {
@@ -33,7 +49,7 @@ registerPage('profile', {
       try {
         var updated = await apiUpdateProfile({
           displayName: displayNameInput.value.trim(),
-          persona: personaInput.value.trim()
+          persona: _profileMde.value().trim()
         });
 
         // currentUser aktualisieren
@@ -108,5 +124,10 @@ registerPage('profile', {
       navigateTo('login');
     });
   },
-  destroy() {}
+  destroy() {
+    if (_profileMde) {
+      _profileMde.toTextArea();
+      _profileMde = null;
+    }
+  }
 });

wwwroot/js/pages/session-page.js

@@ -2,6 +2,7 @@
 
 let _sessionImageData = null;
 let _sessionPasteHandler = null;
+let _sessionContextMde = null;
 
 registerPage('session', {
   async init(params) {
@@ -36,7 +37,6 @@ registerPage('session', {
       titleEl.textContent = session.name || 'Unbenannt';
       nameEl.value = session.name || '';
       descEl.value = session.description || '';
-      contextEl.value = session.context || '';
       workspaceEl.value = session.workspace || '';
       _sessionImageData = session.image || null;
       deleteBtn.hidden = false;
@@ -52,6 +52,21 @@ registerPage('session', {
       deleteBtn.hidden = true;
     }
 
+    // EasyMDE für Kontext
+    _sessionContextMde = new EasyMDE({
+      element: contextEl,
+      initialValue: (session && session.context) || '',
+      toolbar: ['bold', 'italic', 'heading', '|', 'unordered-list', 'ordered-list', '|', 'link', 'code', '|', 'preview'],
+      status: false,
+      spellChecker: false,
+      autoDownloadFontAwesome: false,
+      minHeight: '120px',
+      placeholder: 'Zusätzlicher Kontext für den System-Prompt (optional)',
+      previewClass: ['editor-preview', 'markdown']
+    });
+    _sessionContextMde.codemirror.setOption('theme', 'default');
+    _sessionContextMde.codemirror.getWrapperElement().closest('.EasyMDEContainer').classList.add('fe-mde-wrap');
+
     // Befehl hinzufügen
     addCommandBtn.addEventListener('click', () => createCommandRow(commandsList));
 
@@ -131,7 +146,7 @@ registerPage('session', {
         description: descEl.value.trim(),
         image: _sessionImageData,
         agentId: agentSelect.value || null,
-        context: contextEl.value || null,
+        context: _sessionContextMde.value().trim() || null,
         workspace: workspaceEl.value.trim() || null,
         customCommands: commands
       };
@@ -166,6 +181,10 @@ registerPage('session', {
     });
   },
   destroy() {
+    if (_sessionContextMde) {
+      _sessionContextMde.toTextArea();
+      _sessionContextMde = null;
+    }
     if (_sessionPasteHandler) {
       document.removeEventListener('paste', _sessionPasteHandler);
       _sessionPasteHandler = null;