Panel: Clobber-Schutz, Content-Editor, Archiv-Reveal/Guard, Rechtschreib-Sprache

- register_mcp_server schreibt .claude.json nur bei fehlendem/abweichendem
  Eintrag (claudes Live-State nicht unnötig ueberschreiben).
- Content-Editor im Panel (Rohtext-Textarea): Cmd/Ctrl+Enter speichert via
  panel_set, Esc verwirft; eingehende Updates werden waehrend der Bearbeitung
  gepuffert (Button "geaendert"), Speichern gewinnt.
- Archivieren zeigt die Datei danach im Dateimanager (reveal_path_cmd, cfg pro
  OS). Breadth-Guard: Archiv-Ordner darf kein Home-Vorfahre sein, muss absolut
  sein; expand_home loest bare ~ auf.
- Rechtschreibpruefung: Default in settings.json (spellcheckLang "de"), pro
  Text per Selector ueberschreibbar.

src/panel-view.ts

@@ -58,11 +58,20 @@ export function initPanelView(opts: {
   modeBtn: HTMLElement;
   titleEl?: HTMLElement;
   editBtn?: HTMLElement;
-  /// Wird mit dem neuen Rohtext aufgerufen, wenn der Titel geändert wurde.
+  editContentBtn?: HTMLElement;
+  langSelect?: HTMLSelectElement;
+  /// Standard-Sprache der Rechtschreibprüfung (aus den App-Settings).
+  defaultLang?: string;
+  /// Wird mit dem neuen Rohtext aufgerufen, wenn Titel oder Inhalt geändert
+  /// wurden.
   onCommit?: (text: string) => void;
 }): PanelView {
   let rawText = "";
   let rendered = true;
+  // Content-Edit-Zustand: während des Editierens werden eingehende Updates
+  // gepuffert statt angewandt.
+  let editing = false;
+  let pending: string | null = null;
 
   function draw() {
     if (rendered) {
@@ -83,12 +92,7 @@ export function initPanelView(opts: {
   opts.copyBtn.addEventListener("click", async () => {
     await navigator.clipboard.writeText(rawText);
     opts.copyBtn.classList.add("copied");
-    const label = opts.copyBtn.textContent;
-    opts.copyBtn.textContent = "Kopiert";
-    setTimeout(() => {
-      opts.copyBtn.classList.remove("copied");
-      opts.copyBtn.textContent = label;
-    }, 1200);
+    setTimeout(() => opts.copyBtn.classList.remove("copied"), 1200);
   });
 
   // Titel-Edit: Edit-Button macht den Titel editierbar, Enter/Blur schreibt die
@@ -124,14 +128,92 @@ export function initPanelView(opts: {
     titleEl.addEventListener("blur", commit);
   }
 
+  // Content-Edit: Button schaltet den Inhalt auf eine Rohtext-Textarea. Speichern
+  // (Button erneut oder Cmd/Ctrl+Enter) schreibt zurück, Escape verwirft.
+  // Eingehende Updates während des Editierens werden gepuffert.
+  if (opts.editContentBtn && opts.onCommit) {
+    const editBtn = opts.editContentBtn;
+    const editor = document.createElement("textarea");
+    editor.className = "panel-editor";
+    editor.spellcheck = true;
+    editor.hidden = true;
+    opts.content.after(editor);
+
+    // Sprache der Rechtschreibprüfung: Default aus den Settings, per Selector
+    // pro Text überschreibbar.
+    let lang = opts.defaultLang || "de";
+    const sel = opts.langSelect;
+    if (sel) {
+      if ([...sel.options].some((o) => o.value === lang)) sel.value = lang;
+      else lang = sel.value;
+      sel.addEventListener("change", () => {
+        lang = sel.value;
+        editor.lang = lang;
+        // Neuprüfung erzwingen.
+        editor.spellcheck = false;
+        editor.spellcheck = true;
+        if (!editor.hidden) editor.focus();
+      });
+    }
+    editor.lang = lang;
+
+    const leave = () => {
+      editing = false;
+      editor.hidden = true;
+      opts.content.hidden = false;
+      editBtn.classList.remove("active", "changed");
+    };
+    const enter = () => {
+      editing = true;
+      pending = null;
+      editor.value = rawText;
+      opts.content.hidden = true;
+      editor.hidden = false;
+      editBtn.classList.add("active");
+      editor.focus();
+    };
+    const save = () => {
+      const v = editor.value;
+      leave();
+      opts.onCommit!(v); // schreibt Datei -> panel-update -> set() rendert
+    };
+    const cancel = () => {
+      const p = pending;
+      leave();
+      if (p !== null) applyText(p);
+      else draw();
+    };
+    editBtn.addEventListener("click", () => (editing ? save() : enter()));
+    editor.addEventListener("keydown", (e) => {
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        save();
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        cancel();
+      }
+    });
+  }
+
+  function applyText(text: string) {
+    rawText = text;
+    if (titleEl && titleEl.getAttribute("contenteditable") !== "true") {
+      titleEl.textContent = firstLine(text);
+    }
+    draw();
+  }
+
   draw();
   return {
     set(text: string) {
-      rawText = text;
-      if (titleEl && titleEl.getAttribute("contenteditable") !== "true") {
-        titleEl.textContent = firstLine(text);
+      // Während einer Inhalts-Bearbeitung nicht überschreiben — puffern und den
+      // Edit-Button als „geändert" markieren.
+      if (editing) {
+        pending = text;
+        opts.editContentBtn?.classList.add("changed");
+        return;
       }
-      draw();
+      applyText(text);
     },
     raw: () => rawText,
   };