feat: Label-Umbruch bei 32 statt 40 Zeichen (D64-Nachtrag 3)

Lange Titel zogen das Diagramm zu breit. Ein Parameter in wrapLabel(),
der 32ch-Rückhalt im CSS und SPEC §9 ziehen mit; Balance-Regel und
Erste-Zeile-Verankerung unverändert.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/tests/wrap.test.js

@@ -1,4 +1,5 @@
-// Umbruch langer Labels (SPEC §9/D64): höchstens ~40 Zeichen je Zeile und
+// Umbruch langer Labels (SPEC §9/D64, verengt auf 32 per Nachtrag 3):
+// höchstens ~32 Zeichen je Zeile und
 // gleichmäßig verteilt — nicht gierig (volle Zeile plus einsames Wort).
 import { describe, it, expect } from 'vitest';
 import { wrapLabel, renderTreeHtml } from '../src/render.js';
@@ -7,13 +8,13 @@ import { parse } from '../src/parser.js';
 const t = key => key;
 
 describe('wrapLabel: balanciert statt gierig', () => {
-  it('bis 40 Zeichen bleibt es eine Zeile, unverändert', () => {
-    const s = 'Ein gewöhnlicher Knotentitel (39 Zeich.)';
-    expect(s.length).toBe(40);
+  it('bis 32 Zeichen bleibt es eine Zeile, unverändert', () => {
+    const s = 'Ein gewöhnlicher Knotentitel, 32';
+    expect(s.length).toBe(32);
     expect(wrapLabel(s)).toEqual([s]);
   });
 
-  it('44 Zeichen werden zwei etwa gleiche Zeilen — nicht 40 plus Rest', () => {
+  it('44 Zeichen werden zwei etwa gleiche Zeilen — nicht 32 plus Rest', () => {
     const s = 'Update the agents version of the spec please';
     expect(s.length).toBe(44);
     const lines = wrapLabel(s);
@@ -29,19 +30,19 @@ describe('wrapLabel: balanciert statt gierig', () => {
     expect(wrapLabel(s).join(' ')).toBe(s);
   });
 
-  it('keine Zeile über 40 Zeichen, solange die Wörter es hergeben', () => {
+  it('keine Zeile über 32 Zeichen, solange die Wörter es hergeben', () => {
     const s = 'A dependency needs its target id and nobody remembers a hundred and eighty of them by heart';
-    for(const l of wrapLabel(s)) expect(l.length).toBeLessThanOrEqual(40);
+    for(const l of wrapLabel(s)) expect(l.length).toBeLessThanOrEqual(32);
   });
 
-  it('rund 100 Zeichen ergeben drei gleichmäßige Zeilen', () => {
+  it('rund 100 Zeichen ergeben vier gleichmäßige Zeilen', () => {
     const s = 'The list at the caret offers the document ids filtered by what is typed with the node title as ctx';
     expect(s.length).toBe(98);
     const lines = wrapLabel(s);
-    expect(lines.length).toBe(3);
+    expect(lines.length).toBe(4);
     for(const l of lines){
-      expect(l.length).toBeGreaterThanOrEqual(25);
-      expect(l.length).toBeLessThanOrEqual(40);
+      expect(l.length).toBeGreaterThanOrEqual(17);
+      expect(l.length).toBeLessThanOrEqual(32);
     }
   });