From d45e69117130b4c0653bcca3f1d30bba660b9792 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Thu, 28 May 2026 13:27:07 +0200
Subject: [PATCH] feat(stellungnahme): Notizfeld pro Argument + editierbare
 Einleitung/Abschluss
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Notizfeld an jedem Argument (expanded) → erscheint im Output als "Anmerkung:"
- Einleitung und Abschluss in Step 5 via <details> editierbar
- Beide mit Zurücksetzen-Button auf Default
- Alles in localStorage persistiert

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../blocks/StellingnahmeGeneratorBlock.svelte | 102 ++++++++++++++++--
 1 file changed, 92 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte b/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
index 2e497bd..adfe0ae 100644
--- a/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
+++ b/src/lib/components/blocks/StellingnahmeGeneratorBlock.svelte
@@ -105,13 +105,15 @@
         absenderName,
         absenderAnschrift,
         absenderOrt,
+        argNotes,
+        openingOverride,
+        closingOverride,
       }));
     } catch {}
   }
 
   $effect(() => {
-    // track all persisted fields reactively
-    void [selectedSlugs, persoenlicheEingabe, absenderName, absenderAnschrift, absenderOrt];
+    void [selectedSlugs, persoenlicheEingabe, absenderName, absenderAnschrift, absenderOrt, argNotes, openingOverride, closingOverride];
     if (mounted) saveState();
   });
 
@@ -138,6 +140,22 @@
   let absenderOrt = $state("");
   let showOutput = $state(false);
 
+  // Per-argument notes (appear in output after bullet points)
+  let argNotes = $state<Record<string, string>>({});
+  function setArgNote(slug: string, value: string) {
+    argNotes = { ...argNotes, [slug]: value };
+  }
+
+  // Editable opening/closing — null = use reactive default
+  const defaultOpening = $derived(
+    `ich erhebe Einwendung gegen die Ausweisung des Windenergie-Vorranggebiets ${gebietsBez} im 2. Entwurf des Regionalplans Südwestthüringen.`,
+  );
+  const defaultClosing = "Ich fordere die Regionalplanung auf, das Vorranggebiet aus dem Regionalplan zu streichen oder zumindest einer erneuten, umfassenden Überprüfung zu unterziehen.";
+  let openingOverride = $state<string | null>(null);
+  let closingOverride = $state<string | null>(null);
+  const effectiveOpening = $derived(openingOverride ?? defaultOpening);
+  const effectiveClosing = $derived(closingOverride ?? defaultClosing);
+
 
   function toggleSlug(slug: string) {
     const next = new Set(selectedSlugs);
@@ -221,7 +239,7 @@ Karl-Liebknecht-Straße 4
 Stichpunkte müssen vor dem Einreichen in eigene, ausformulierte
 Sätze überführt werden. Text individuell anpassen.
 ${"=".repeat(64)}`;
-    let body = `ich erhebe Einwendung gegen die Ausweisung des Windenergie-Vorranggebiets ${gebietsBez} im 2. Entwurf des Regionalplans Südwestthüringen.\n\n`;
+    let body = `${effectiveOpening}\n\n`;
     for (const f of selectedFragments) {
       if (f.title) body += `${f.title}\n\n`;
       if (f.bulletPoints?.length) {
@@ -230,10 +248,12 @@ ${"=".repeat(64)}`;
       } else if (f.text) {
         body += `${stripMd(f.text)}\n\n`;
       }
+      const note = argNotes[f._slug]?.trim();
+      if (note) body += `Anmerkung: ${note}\n\n`;
     }
     if (persoenlicheEingabe.trim())
       body += `Persönliche Betroffenheit\n\n${persoenlicheEingabe.trim()}\n\n`;
-    body += `Ich fordere die Regionalplanung auf, das Vorranggebiet aus dem Regionalplan zu streichen oder zumindest einer erneuten, umfassenden Überprüfung zu unterziehen.\n\n${closing}`;
+    body += `${effectiveClosing}\n\n${closing}`;
 
     return [disclaimer, "", sender, "", heute, "", "An:", RECIPIENT, "", "Betreff: " + betreff.split("\n")[0], betreff.split("\n")[1] ?? "", "", "Sehr geehrte Damen und Herren,", "", body.trimEnd()]
       .join("\n")
@@ -276,6 +296,9 @@ ${"=".repeat(64)}`;
     selectedSlugs = new Set();
     expandedItems = new Set();
     expandedGroups = new Set();
+    argNotes = {};
+    openingOverride = null;
+    closingOverride = null;
     persoenlicheEingabe = "";
     absenderName = "";
     absenderAnschrift = "";
@@ -385,6 +408,9 @@ ${"=".repeat(64)}`;
         if (typeof s.absenderName === "string") absenderName = s.absenderName;
         if (typeof s.absenderAnschrift === "string") absenderAnschrift = s.absenderAnschrift;
         if (typeof s.absenderOrt === "string") absenderOrt = s.absenderOrt;
+        if (s.argNotes && typeof s.argNotes === "object") argNotes = s.argNotes;
+        if (typeof s.openingOverride === "string") openingOverride = s.openingOverride;
+        if (typeof s.closingOverride === "string") closingOverride = s.closingOverride;
         if ((s.selectedSlugs?.length ?? 0) > 0 || s.absenderName || s.persoenlicheEingabe) {
           hadSavedState = true;
         }
@@ -637,9 +663,18 @@ ${"=".repeat(64)}`;
                   </div>
                 </div>
               </div>
-              {#if k.text && expandedItems.has(k._slug)}
-                <div class="border-t border-stein-100 px-3 pb-3 pt-2">
-                  <div class="prose prose-sm prose-stein max-w-none text-sm text-stein-700">{@html md(k.text)}</div>
+              {#if expandedItems.has(k._slug)}
+                <div class="border-t border-stein-100 px-3 pb-3 pt-2 space-y-2">
+                  {#if k.text}
+                    <div class="prose prose-sm prose-stein max-w-none text-sm text-stein-700">{@html md(k.text)}</div>
+                  {/if}
+                  <textarea
+                    class="w-full rounded border border-stein-200 px-2 py-1.5 text-xs text-stein-700 placeholder:text-stein-400 focus:border-wald-400 focus:outline-none focus:ring-1 focus:ring-wald-200 resize-none"
+                    rows="2"
+                    placeholder="Persönliche Notiz zu diesem Punkt (erscheint im Dokument) …"
+                    value={argNotes[k._slug] ?? ""}
+                    oninput={(e) => setArgNote(k._slug, (e.target as HTMLTextAreaElement).value)}
+                  ></textarea>
                 </div>
               {/if}
             </div>
@@ -729,9 +764,18 @@ ${"=".repeat(64)}`;
                           </div>
                         </div>
                       </div>
-                      {#if f.text && expandedItems.has(f._slug)}
-                        <div class="border-t border-stein-100 px-3 pb-3 pt-2">
-                          <div class="prose prose-sm prose-stein max-w-none text-sm text-stein-700">{@html md(f.text)}</div>
+                      {#if expandedItems.has(f._slug)}
+                        <div class="border-t border-stein-100 px-3 pb-3 pt-2 space-y-2">
+                          {#if f.text}
+                            <div class="prose prose-sm prose-stein max-w-none text-sm text-stein-700">{@html md(f.text)}</div>
+                          {/if}
+                          <textarea
+                            class="w-full rounded border border-stein-200 px-2 py-1.5 text-xs text-stein-700 placeholder:text-stein-400 focus:border-wald-400 focus:outline-none focus:ring-1 focus:ring-wald-200 resize-none"
+                            rows="2"
+                            placeholder="Persönliche Notiz zu diesem Punkt (erscheint im Dokument) …"
+                            value={argNotes[f._slug] ?? ""}
+                            oninput={(e) => setArgNote(f._slug, (e.target as HTMLTextAreaElement).value)}
+                          ></textarea>
                         </div>
                       {/if}
                     </div>
@@ -810,6 +854,44 @@ ${"=".repeat(64)}`;
         <div class="whitespace-pre">{RECIPIENT}</div>
       </div>
 
+      <!-- Einleitung & Abschluss anpassen -->
+      <div class="mb-4 space-y-2">
+        <details class="rounded-lg border border-stein-200 overflow-hidden">
+          <summary class="flex cursor-pointer items-center justify-between bg-stein-50 px-4 py-2.5 text-sm font-medium text-stein-700 hover:bg-stein-100 list-none">
+            <span>Einleitung anpassen</span>
+            <Icon icon="mdi:chevron-down" class="size-4 text-stein-400" />
+          </summary>
+          <div class="border-t border-stein-100 px-4 py-3">
+            <textarea
+              class="w-full rounded border border-stein-200 px-3 py-2 text-sm text-stein-800 focus:border-wald-400 focus:outline-none focus:ring-1 focus:ring-wald-200 resize-y"
+              rows="3"
+              value={effectiveOpening}
+              oninput={(e) => (openingOverride = (e.target as HTMLTextAreaElement).value)}
+            ></textarea>
+            {#if openingOverride !== null}
+              <button class="mt-1 text-xs text-stein-400 hover:text-stein-600" onclick={() => (openingOverride = null)}>Zurücksetzen</button>
+            {/if}
+          </div>
+        </details>
+        <details class="rounded-lg border border-stein-200 overflow-hidden">
+          <summary class="flex cursor-pointer items-center justify-between bg-stein-50 px-4 py-2.5 text-sm font-medium text-stein-700 hover:bg-stein-100 list-none">
+            <span>Abschluss anpassen</span>
+            <Icon icon="mdi:chevron-down" class="size-4 text-stein-400" />
+          </summary>
+          <div class="border-t border-stein-100 px-4 py-3">
+            <textarea
+              class="w-full rounded border border-stein-200 px-3 py-2 text-sm text-stein-800 focus:border-wald-400 focus:outline-none focus:ring-1 focus:ring-wald-200 resize-y"
+              rows="3"
+              value={effectiveClosing}
+              oninput={(e) => (closingOverride = (e.target as HTMLTextAreaElement).value)}
+            ></textarea>
+            {#if closingOverride !== null}
+              <button class="mt-1 text-xs text-stein-400 hover:text-stein-600" onclick={() => (closingOverride = null)}>Zurücksetzen</button>
+            {/if}
+          </div>
+        </details>
+      </div>
+
       <div class="mb-2 flex gap-3">
         <button
           class="rounded-lg bg-wald-700 px-6 py-2.5 font-semibold text-white transition hover:bg-wald-800 disabled:opacity-40"