hmgr 0.0.3 → 0.0.5

package/dist/gui/renderer/renderer.js

@@ -0,0 +1,2611 @@
+// hmgr-GUI, Renderer. Kein Bundler, kein Framework: DOM direkt gebaut, Daten über window.hmgr (IPC).
+(function () {
+  'use strict';
+
+  /* ---------------- Kleinkram ---------------- */
+
+  function $(id) { return document.getElementById(id); }
+  function e(tag, klasse, text) {
+    var el = document.createElement(tag);
+    if (klasse) el.className = klasse;
+    if (text != null) el.textContent = text;
+    return el;
+  }
+
+  // Home-Verzeichnis, einmal beim Laden über hmgr:home geholt (siehe ladeHome unten). Nur für die
+  // Anzeige: fließt nie in einen IPC-Aufruf oder einen zielKey zurück.
+  var HOME = '';
+  /** Kürzt einen absoluten Pfad auf ~, wenn er mit dem Home-Verzeichnis beginnt (Grenze am „/"). */
+  function pfadKurz(p) {
+    if (!HOME || typeof p !== 'string') return p;
+    if (p === HOME) return '~';
+    if (p.indexOf(HOME + '/') === 0) return '~' + p.slice(HOME.length);
+    return p;
+  }
+
+  function melde(text) {
+    $('meldungtext').textContent = text;
+    $('meldung').hidden = false;
+  }
+  $('meldungzu').addEventListener('click', function () { $('meldung').hidden = true; });
+
+  /**
+   * Hinweiszeile im Erfolgsdialog (E26, F32). Jeder Aufruf, der d-erfolg füllt, ruft das auf, auch
+   * mit leerer Liste: sonst stünde der Hinweis des vorigen Laufs noch da. Doppelte Hinweise stehen
+   * einmal, ein Lauf über mehrere Skills sagt dieselbe Sache sonst N-mal.
+   */
+  function setzeErfolgHinweise(hinweise) {
+    var einmalig = [];
+    (hinweise || []).forEach(function (h) {
+      if (h && einmalig.indexOf(h) < 0) einmalig.push(h);
+    });
+    $('de-hinweis').textContent = einmalig.join('\n');
+    $('de-hinweis').hidden = einmalig.length === 0;
+  }
+
+  /** Ruft einen window.hmgr-Kanal auf, meldet einen Fehler in der Leiste statt in der Konsole. */
+  async function rufe(fn) {
+    var ergebnis = await fn();
+    if (!ergebnis.ok) {
+      melde(ergebnis.fehler);
+      throw new Error(ergebnis.fehler);
+    }
+    return ergebnis.daten;
+  }
+
+  /* ---------------- Dialoge ---------------- */
+
+  var fokusStapel = [];
+  function zeige(dlg) {
+    fokusStapel.push(document.activeElement);
+    dlg.returnValue = '';
+    dlg.showModal();
+  }
+  document.querySelectorAll('dialog').forEach(function (dlg) {
+    dlg.addEventListener('close', function () {
+      var ziel = fokusStapel.pop();
+      if (ziel && ziel.focus && ziel.isConnected) ziel.focus();
+    });
+  });
+  function nachDialog(dlg, fn) {
+    dlg.addEventListener('close', function () { fn(dlg.returnValue); });
+  }
+  // Enter im einzigen Textfeld meint Bestätigen. Ohne das drückt die implizite Formular-Absendung
+  // den ersten Submit-Knopf, und der ist in den Dialogen „Abbrechen".
+  function enterBestaetigt(feld, knopf) {
+    feld.addEventListener('keydown', function (ev) {
+      if (ev.key !== 'Enter') return;
+      ev.preventDefault();
+      knopf.click();
+    });
+  }
+
+  /* ---------------- Harness-Zeichen ---------------- */
+
+  // Originalzeichen der Harnesses: Claude-Stern (Anthropics Claude-Symbol, Pfad aus simple-icons,
+  // identisch mit dem offiziellen Logo-SVG; Füllpfad, kein Strich), Agent-Skills-Hexagon (Favicon
+  // von agentskills.io, dem Standard hinter ~/.agents). Beide einfarbig über currentColor.
+  var HARNESS_ZEICHEN = {
+    'claude-code': { viewBox: '0 0 24 24', inhalt: '<path d="m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"/>' },
+    agents: { viewBox: '0 0 32 32', inhalt: '<path d="M16 0.5L29.4234 8.25V23.75L16 31.5L2.57661 23.75V8.25L16 0.5Z"/>' },
+  };
+  // Hermes hat kein reduzierbares Vektorzeichen (das Original ist eine Manga-Illustration); hier
+  // das 32px-Favicon aus Tims lokaler Hermes-Installation, weißer Grund inklusive.
+  var HARNESS_BILD = {
+    hermes: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAKSUlEQVR4AYxXCXBNWRr+zn0v+yL2RpOtBT2tRULb1yiji+5B2UONaqbH0pIY+9aoooZuhLKvZeyjGU0mtoSyTQvVmCSSEEIwQSSRhOxvm+8/74momqmZW/e8e+655/zr9y/PmDdvXsrp06drzp8/b/l/xrlz5yyJiYmW48ePWw4dPmw5cuSvlhMnTljOnDnzwfmk/0FPeM6ePTvFaNeunREVFWXq37+/+T+PKHO/fv3MvXv3Nkd0jDCHtW5tdnP3MKenp5t379pl/uGH1eZNmzaZz5w5a66srDJHRnYy9+3bz9wvqj/pRXHI0zX0mmvev79JeBu8wEvJ0zAZMAznUErB4XCgsLAAlBYLFy7EjBkzsGbtWuT96xlGjRyFpUuXIjT0E9y8eRNbtmzGuLFjMHLkCCQm/h0V5RUgCRc9EzRt5aRtMpxPpRQMvLsUJw4O3sLYYrHg7NmzGDt2LCZMmIB18fE4fOQwNm/ejGnTpmHiNxNRWVmJrVu3YPr06RDByysqcPHiRUyeNEkL9+bNG1KTm4R5y0xGnSkMpRQlVQ5VZ7WwsBCrV63SjK9cuQJNiNaQw0opVFdXI/WfqYiJicGtX29h7ty5iI6Ohslk4haFUjI+ePAgDhw4AFGEi//1rrWA8Hc47MjPz8eiRYuwfsMGVFBDPz8/mM1mraFQcXd3R1hYGLp164Zly5bj0uVLdFMhZs6cSXeEwtfXB16eXggPD4e3tzeIFdhsNjn6wVCut1oB5N1qtSEpKQm5jx/B398fvXr2QOPGjdG+fXt06tQJISEhaNWqFWJiYzUeQkKCkZmZiYyMDP1t/Pjx+Pp3X6Nrt66YMmUKPv30N9i4cSMFLBLydQbx5XqrFcBBE+fl5SEiIgKxcTMxbNhwfPvtH7Fy5UrExcVh4aKFWLFiBbZv347hw4ejrOwtfj9xIq5fv04cbEV5eRmGDhuG4tfFMNFia9aswfr18UhJScGdO7ch9IF3eou9nfNaAcrKyvDzzychPi8tLaXfS7Ft2zY94uPjERsTi/nz54N5A9OnTsO+v+xDzsOH1K4Q165doyApIBcUMGrupqcjjePO7dsoKS5GQkICampqwA2olQEiBFArwMuXL/HTT0exevVqzJr1Jw2gywSg+Fj8KFq9ePECt27dwqmEU7hKplarFXa7Q4Nyx44dGgdWixXFZBpQrx6ec38No+nixQvIzc2Fvpx89VTx1xDTcKgnT54g614WXr16RSC+0hI77DbYbXYOG3x9fFCPRO12u0a2hRrxHEk4YONaamqqxoKgXvZIWMq8uroKeXkvdK7g5g9ukaXWAiUlJaiqrEJVVZXeZBgmNGveXEeAg6FXWlKKDh066GhQSkExmUApvVdML6FbVFSEBw8eaIuUlZfD08OTilhQTZqSrMRicsB1CvKszQMSbm5ubqRFufjFMBQ+YZaLZnx3ZgQ0aNgQffr0Ra9evdCjRw8MGjQI7T/7DHJGiFYzN4jGYhmxgDD19fOFjW6y2qw6WsrKymWry/saEai1QFjrMAQGBcLH2wdmkxuGDR2q88G6detwYP9+fPXVEJw9ewbBwcFYy3S8d+9eHD16FIGBQVBKacs0aNAAzVu00FYT0Pn6+oIftVLPnz9HSUmxnqPOZWhxqPHHLT/GgvkLEREZgTZtwrRfBXBeXt4Ibd0aAwcOJODsKCktQcr1FPgxT7QgM09PD01OLBEZGYnu3bujfkB9iLkFG4Id2SDAlDCXOchPP/lj6BdaXQiMGjUSe3bv1rH/9NkzyBBDGcoAKxekIE2dMhXjosfBne4SLaUekA5q6ILk5CQcO3YMhUWFXHKgiCldXEcD4e3bt7h79662QN20b3Bn7W1iLg8JDUWTJk3gR/N99910eHiIhg7Ur18fQ4YMwYABA9CQeJBDAjrRTKKBOpA4xWVC0+9ceMN84uHpyRphpoA1uHHjBuzyXQ67xgcCyJpSCoLo4OAQ1PPzZ2RUcvmdzRQUraG4IkxycnK0ZnzVt9QMGUrJDmhmlayQbmY32FhnfmUOKWcG1ZtdPy4BnAdcayhgLnBzd9NVTRkG7MwHTppUi6CRX0H6XdYA+QbXcVmTwiPCGTzn7ubOFF0Ow2RwiwOPHz1CVtZ9WkooOLkZzsf7BVpIZ7BMEr969Sp27dqlS68AyrnX+Sshl6F9qiAY8fLygp1aCnNyg9nNDV7eXpDwFNe6u3tAhLty5bJ+Qi4FuARQ8qqHaCRofcg8L8Ds0qULmjRtwm/v9/CFmlUg9/FjTh346KNmYMvGufMWkJkMg7436azpYLr28fGFhLAoJUlK76TeWgCr1YKCggJtmuqaakjMCg6SLyRr9DdnRjScPtDn5KeiohwFRLlo3LdvH3RkFVUOp5CkC8GCRIlobXPY+G5Cj549Ibgpfv0aYiWllFhAITU1TTcOdC/K3pZpASSOE04lsD9I1ulZTCmdkQzxdQXBVc50K4zc2aSkpFyHYTgFMAyDcwOyR/ZKgVJKIZypXCqthHcxy7aDDLUFbt++hXv37mkfPmP8S9UDLyEwZ85sxMbGIi4uDuMnjMekSd/ofC8CWmg5YWYyTBjO/sGbBYvHtOklP4j2YqGaGgskHL2ZZdk5o5DWTkqmYqw9rIZS3ay67q9bF48lS5Zo/0rbpZTCY/p5N5PTzp07kZiQCOkZpGXLz39JKyp4Ms4FJ5IPRCgRQJ7CVObO4YA/W7v09DRioka7+v79+7ps0wIKAfUDIMln1ao/I+NuBiawtRLUN2rUSJtStBBTislEK+mWRdhQJi1x2Zy5c3QfIVpTKs0ANK+TOaCUgoDw1MmTungppZB97z4rpRUG5/RNOCSvT2SLFRMbg8ysDLxicxrKaiiMUefyZLiFtWmD6HHRWL58OSI7RRIjlaiorAA5QS6lFKfvh6ylpaUilz2HFKzs7GydY/z9fUELAG3btsFU9vr5ZLphwwakpaXrlGtnAnLIaddQSiGQTensWbOQkZnBjFkEqYq9e/eB1P4WzZuhaZOmOm0HBQXp/iGE1dNkMun/EKJM23btcJKWGDJkMAICApwCCJC6fPEF9uzZg8WLF2vQNWXs5zzKQQuGoFJKiyCuyM3NxZOnT1kx29CE1fqPSCT7heXLlqEP+wUBbHLyBSQnJesGdhaF/S0rqaeXJ8SldrboXdnSiwUNQzkFAC+lFCScBg8ezI5XQvEFFsxfoLXhZ8ApA0Fk1RXzNhvOLEaOAHDsmDHIZic0YsQIHS2ff94eQcFBupWXTjkiMpLWCEdgYCBGjx6Npd9/Dy8fb4BEGQUOiGnejWbNmtG3y7Bv337dA2Y/yIZcIpyEWVhYa4SHh/M/4Ej8YfJknVYPHTqkmX056EuthOwXa8kQcEezq4roGI54RpnMpbckUjVfIysrC5cuX8blOuPa1X/gxIm/YRX/nlmqLToSOnfqjEhmOx9KHhUVxVAtx48/rsGFCxfYxOajVcuW+OX6L046l97TE7qSW7p27YZidkRXWV9kTYaA8d8AAAD//0ETEQ4AAAAGSURBVAMAkxZvMbKHjbQAAAAASUVORK5CYII=',
+  };
+  /** Anzeigename je Harness-Slug (Slugs bleiben in Daten, Schlüsseln und IPC). */
+  var HARNESS_NAME = { 'claude-code': 'Claude Code', hermes: 'Hermes', agents: 'Agents' };
+  function harnessName(h) { return HARNESS_NAME[h] || h; }
+  function harnessZeichen(h) {
+    if (HARNESS_BILD[h]) {
+      var img = document.createElement('img');
+      img.src = HARNESS_BILD[h];
+      img.className = 'hsymbol';
+      img.alt = '';
+      img.setAttribute('aria-hidden', 'true');
+      return img;
+    }
+    var z = HARNESS_ZEICHEN[h];
+    var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', z ? z.viewBox : '0 0 16 16');
+    svg.setAttribute('fill', 'currentColor');
+    svg.setAttribute('class', 'hsymbol');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.innerHTML = z ? z.inhalt : '';
+    return svg;
+  }
+  function beschriftet(el, h) {
+    el.insertBefore(harnessZeichen(h), el.firstChild);
+    return el;
+  }
+
+  /** Kleine Harness-Zeichen einer Zeile (E53), ein Zeichen je genannten Harness, mit
+      Sammel-aria-label statt einzelner Beschriftung je Icon. */
+  function harnesseZeichenSammel(harnesse) {
+    var wrap = e('span', 'zeilenzeichen');
+    wrap.setAttribute('role', 'img');
+    wrap.setAttribute('aria-label', harnesse.map(harnessName).join(', '));
+    harnesse.forEach(function (h) { wrap.appendChild(harnessZeichen(h)); });
+    return wrap;
+  }
+
+  /** Ordner-Symbol vom „Verzeichnis hinzufügen"-Knopf, hier für den karten-weiten
+      „Skills hinzufügen"-Knopf im Chip „Alle" (E53 Pkt. 4). */
+  function ordnerZeichen() {
+    var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 16 16');
+    svg.setAttribute('fill', 'none');
+    svg.setAttribute('stroke', 'currentColor');
+    svg.setAttribute('stroke-width', '1.5');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.innerHTML = '<path d="M1.2 13.2V4.1h3.9l1.3 1.8h5.2v7.3z"/><path d="M13.2 1.9v4.6M10.9 4.2h4.6"/>';
+    return svg;
+  }
+
+  /* ---------------- Ort- und Grund-Texte ---------------- */
+
+  function ortName(ort) {
+    if (ort.art === 'home') return 'Home';
+    if (ort.art === 'profil') return 'Profil „' + ort.name + '“';
+    return 'Arbeitsverzeichnis ' + pfadKurz(ort.pfad);
+  }
+  function zielTitel(z) { return harnessName(z.ziel.harness) + ' · ' + ortName(z.ziel.ort); }
+  function zielKey(ziel) {
+    var o = ziel.ort;
+    var ort = o.art === 'home' ? 'home' : o.art === 'profil' ? 'profil:' + o.name : 'dir:' + o.pfad;
+    return ziel.harness + '/' + ort;
+  }
+  function quelleKurz(quelle) { return quelle.art === 'git' ? quelle.url : quelle.pfad; }
+  /**
+   * Adresse einer Quelle als Text, egal woher sie kommt: aus dem Ist-Zustand trägt sie `url` bzw.
+   * `pfad`, aus `hmgr:quellen` (Einstellungen) nur das schon fertige Feld `text`. Beides ist
+   * dasselbe (`quelleAlsText`), aber nur so findet auch die Einstellungen-Liste ihr Icon.
+   */
+  function quelleAdresse(quelle) { return quelle.text != null ? quelle.text : quelleKurz(quelle); }
+  /** Letztes nicht leeres Segment eines Pfads oder einer URL, ohne abschließende Schrägstriche. */
+  function letztesSegment(text) {
+    var bereinigt = text.replace(/\/+$/, '');
+    var segmente = bereinigt.split('/').filter(function (s) { return s.length > 0; });
+    return segmente.length > 0 ? segmente[segmente.length - 1] : bereinigt;
+  }
+  /**
+   * Anzeigename einer Quelle (E59): der gespeicherte Name (Feld `quelle.name`, kommt über IPC mit,
+   * wo der Main-Prozess ihn nicht schon direkt liefert), sonst abgeleitet wie im Kern
+   * (`quelleName`/`quelleNameAbleiten` in modell.ts, dort führend): letztes Pfadsegment der URL
+   * ohne `.git`-Suffix, bei einer lokalen Quelle der Ordnername. Kleine Kopie, weil der
+   * Renderer-Prozess den Kern nicht importieren kann (kein Node-Zugriff, contextIsolation).
+   */
+  function quelleAnzeigename(quelle) {
+    if (quelle.name) return quelle.name;
+    if (quelle.art === 'lokal') return letztesSegment(quelle.pfad);
+    var ohneSchraeg = quelle.url.replace(/\/+$/, '');
+    var ohneGit = ohneSchraeg.endsWith('.git') ? ohneSchraeg.slice(0, -4) : ohneSchraeg;
+    return letztesSegment(ohneGit);
+  }
+  /** Ein `<span>` mit dem Anzeigenamen der Quelle, die volle Adresse als title-Tooltip (E59). */
+  function quelleSpan(klasse, quelle, rest, praefix) {
+    var el = e('span', klasse, (praefix || '') + quelleAnzeigename(quelle) + (rest || ''));
+    el.title = quelleKurz(quelle);
+    return el;
+  }
+  /* ---------------- Quellen: Icon und Sprung nach draussen (E60) ---------------- */
+
+  /** Das kleine Pfeilsymbol hinter einem Quellennamen: „das geht nach draussen". */
+  function externSvg() {
+    var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 12 12');
+    svg.setAttribute('class', 'extern');
+    svg.setAttribute('fill', 'none');
+    svg.setAttribute('stroke', 'currentColor');
+    svg.setAttribute('stroke-width', '1.6');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.innerHTML = '<path d="M3.6 8.4 8.4 3.6"/><path d="M4.9 3.6h3.5v3.5"/>';
+    return svg;
+  }
+
+  /** Generisches Ordner-/Repo-Symbol (E60 F35): lokale Quellen und jeder Icon-Fehlschlag. */
+  function repoSvgGenerisch() {
+    var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 20 20');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.innerHTML = '<rect width="20" height="20" rx="5" fill="#FFFFFF"/>'
+      + '<path d="M4.2 14.3V5.4h4.1l1.3 1.8h6.2v7.1z" fill="none" stroke="#4E5B66" stroke-width="1.5" stroke-linejoin="round"/>';
+    return svg;
+  }
+
+  /** Icon-Cache im Renderer, Schlüssel wie quelleKurz: dataURL nach Erfolg, null nach Fehlschlag
+      oder bei einer lokalen Quelle, sonst ein noch laufendes Promise. Verhindert doppelte
+      IPC-Aufrufe für dieselbe Quelle, wenn sie in mehreren Zeilen auftaucht. */
+  var ICON_CACHE = {};
+  function ladeIcon(quelleText) {
+    var vorhanden = ICON_CACHE[quelleText];
+    if (vorhanden !== undefined) return vorhanden instanceof Promise ? vorhanden : Promise.resolve(vorhanden);
+    var p = window.hmgr.icon(quelleText).then(function (ergebnis) {
+      var url = ergebnis && ergebnis.ok ? ergebnis.daten : null;
+      ICON_CACHE[quelleText] = url;
+      return url;
+    }).catch(function () {
+      ICON_CACHE[quelleText] = null;
+      return null;
+    });
+    ICON_CACHE[quelleText] = p;
+    return p;
+  }
+
+  /** Das 20px-Icon einer Quelle (E60): erst generisch, tauscht asynchron, sobald geladen. Blockiert
+      nie den Aufbau der Liste. Lokale Quellen fragen gar nicht erst ab. */
+  function repoIcon(quelle) {
+    var span = e('span', 'repo');
+    span.appendChild(repoSvgGenerisch());
+    if (quelle.art === 'lokal') return span;
+    ladeIcon(quelleAdresse(quelle)).then(function (url) {
+      if (!url || !span.isConnected) return;
+      span.textContent = '';
+      var img = document.createElement('img');
+      img.src = url;
+      img.alt = '';
+      img.width = 20;
+      img.height = 20;
+      img.setAttribute('aria-hidden', 'true');
+      span.appendChild(img);
+    });
+    return span;
+  }
+
+  /**
+   * Eine Quelle, angeschrieben mit ihrem Namen und anklickbar (E60): keine Unterstreichung, das
+   * kleine Pfeilsymbol dahinter trägt das Signalorange. Klick öffnet über den Main-Prozess die
+   * Repo-Seite im Browser oder den Ordner im Finder (`window.hmgr.quelleOeffnen`), still im
+   * Fehlerfall statt in der Meldungsleiste, ein Öffnen-Fehlschlag soll die Ansicht nicht stören.
+   */
+  function quelleLinkElement(quelle) {
+    var lokal = quelle.art === 'lokal';
+    var el = document.createElement(lokal ? 'button' : 'a');
+    if (lokal) el.type = 'button'; else el.href = '#';
+    el.className = 'qlink';
+    el.title = quelleAdresse(quelle);
+    el.setAttribute('aria-label', quelleAnzeigename(quelle) + ' ' + (lokal ? 'im Finder öffnen' : 'im Browser öffnen'));
+    el.appendChild(document.createTextNode(quelleAnzeigename(quelle)));
+    el.appendChild(externSvg());
+    el.addEventListener('click', function (ev) {
+      ev.preventDefault();
+      window.hmgr.quelleOeffnen(quelleAdresse(quelle)).catch(function () {});
+    });
+    return el;
+  }
+
+  /* ---------------- Zustand (im Renderer gehalten) ---------------- */
+
+  var ZIELE = [];
+  var SKILLS = [];
+  var MARKETPLACES = [];
+  var QUELLEN = [];
+  var HARNESSE_ALLE = [];
+  var AKTIVE_HARNESSE = [];
+  var HARNESSE_NICHT_INSTALLIERT = [];
+  var quellenFilter = 'alle';
+  var zielFilter = 'alle';
+  // Standard-Ref je Quelle (E60), aus dem Katalog abgeleitet (SKILLS trägt ihn schon je Skill): ein
+  // Ref an einem Link erscheint nur, wenn er davon abweicht (`@v2.1`). Schlüssel wie quelleKurz.
+  var STANDARD_REF = {};
+
+  function harnessAktiv(h) { return AKTIVE_HARNESSE.indexOf(h) > -1; }
+
+  // Ignorierte fremde Einträge zählen hier nicht mit (E43): Ignorieren blendet die Warnung aus,
+  // sonst bliebe das Ziel im Filter „braucht Aufmerksamkeit" stehen.
+  function zielBraucht(z) {
+    var ignoriert = z.ignoriert || [];
+    return z.eintraege.some(function (ei) {
+      if (ei.art === 'fremd') return ignoriert.indexOf(ei.name) === -1;
+      return ei.art === 'link-ohne-quelle';
+    });
+  }
+
+  // E45: ein Ziel eines inaktiven Harness verschwindet, sobald dort nichts liegt, weder eigene noch
+  // fremde Einträge noch eine harness-eigene Registrierung. Ein aktiver Harness zeigt sein Ziel immer.
+  function zielSichtbar(z) {
+    if (harnessAktiv(z.ziel.harness)) return true;
+    return z.eintraege.length > 0 || z.istRegistriert;
+  }
+
+  // Von Hand aufgeklappte Ziele bleiben über Neuaufbauten der Liste offen (E45), Schlüssel wie
+  // zielKey. Verzeichnis-Karten (E49) nutzen stattdessen verzKey (reiner Pfad, kollidiert nicht mit
+  // zielKey, der immer mit "harness/" beginnt). Nicht persistiert, nur für die Dauer der Sitzung.
+  var ZIEL_OFFEN = {};
+  function verzKey(pfad) { return 'dir:' + pfad; }
+
+  // Aktiver Harness-Chip je Verzeichnis-Karte (E53), gleicher Schlüssel wie ZIEL_OFFEN
+  // (verzKey(pfad)); fehlt der Eintrag oder zeigt er auf einen nicht mehr beteiligten Harness,
+  // gilt „alle". Nicht persistiert, nur für die Dauer der Sitzung.
+  var VERZ_CHIP = {};
+
+  // Aufgeklappte Skill-Details im Katalog (F10), Schlüssel Quelle + Pfad: der Index in SKILLS
+  // verschiebt sich, wenn ladeAlles Quellen oder Skills anders sortiert oder eine wegfällt.
+  // Nicht persistiert, nur für die Dauer der Sitzung.
+  var SKILL_OFFEN = {};
+  function skillKey(skill) { return skill.quelleSchluessel + '|' + skill.pfad; }
+  // Ein Chip-Klick baut die ganze Liste neu und zerstört dabei den geklickten Knopf. Damit die
+  // Tastatur-Bedienung nicht am Seitenanfang landet, merkt sich der Klick, welcher Chip nach dem
+  // Neuaufbau den Fokus bekommt.
+  var CHIP_FOKUS = null;
+  /** Schlüssel der Karte, in der ein Ziel steckt: Arbeitsverzeichnisse sind gebündelt (E49). */
+  function kartenKey(ziel) {
+    return ziel.ort.art === 'arbeitsverzeichnis' ? verzKey(ziel.ort.pfad) : zielKey(ziel);
+  }
+
+  // Laufende Nummer für die ids der Körper: aus dem Schlüssel abgeleitete ids kollidieren, sobald
+  // sich zwei Verzeichnisse nur in Zeichen unterscheiden, die eine id nicht tragen kann.
+  var zielKoerperNr = 0;
+
+  /* ---------------- Laden ---------------- */
+
+  /** Home-Verzeichnis einmal beim Start holen (nur für pfadKurz, siehe oben). */
+  async function ladeHome() {
+    HOME = await rufe(function () { return window.hmgr.home(); });
+  }
+
+  async function ladeAlles() {
+    var version = await rufe(function () { return window.hmgr.version(); });
+    $('version').textContent = version;
+
+    var ergebnisse = await Promise.all([
+      rufe(function () { return window.hmgr.istZustand(); }),
+      rufe(function () { return window.hmgr.skills(); }),
+      rufe(function () { return window.hmgr.marketplaces(); }),
+      rufe(function () { return window.hmgr.quellen(); }),
+      rufe(function () { return window.hmgr.harnessTypen(); }),
+      rufe(function () { return window.hmgr.aktiveHarnesses(); }),
+      rufe(function () { return window.hmgr.nichtVorhandeneHarnesses(); }),
+    ]);
+    ZIELE = ergebnisse[0];
+    SKILLS = ergebnisse[1];
+    // Eine alphabetische Liste über alle Quellen; wer nach Quelle sucht, hat die Filter-Chips.
+    SKILLS.sort(function (a, b) { return a.name.localeCompare(b.name, 'de') || a.quelleText.localeCompare(b.quelleText, 'de'); });
+    MARKETPLACES = ergebnisse[2];
+    QUELLEN = ergebnisse[3];
+    HARNESSE_ALLE = ergebnisse[4];
+    AKTIVE_HARNESSE = ergebnisse[5];
+    HARNESSE_NICHT_INSTALLIERT = ergebnisse[6];
+    STANDARD_REF = {};
+    SKILLS.forEach(function (s) { if (STANDARD_REF[s.quelleText] === undefined) STANDARD_REF[s.quelleText] = s.ref; });
+
+    baueZiele();
+    baueSkills();
+    baueQuellenfilter();
+    baueMarketplaces();
+    baueEinstellungen();
+    aktualisiereKopf();
+  }
+
+  /** Karten, wie die Zielliste sie zeigt: je Agent-Ziel eine, je Arbeitsverzeichnis eine gebündelte
+      (E49). Grundlage für "N von M Karten gezeigt" und den Zähler am Achtung-Chip. */
+  function zielKarten() {
+    var sichtbar = ZIELE.filter(zielSichtbar);
+    var agents = sichtbar.filter(function (z) { return z.ziel.ort.art !== 'arbeitsverzeichnis'; });
+    var gruppen = {};
+    sichtbar.forEach(function (z) {
+      if (z.ziel.ort.art !== 'arbeitsverzeichnis') return;
+      var pfad = z.ziel.ort.pfad;
+      (gruppen[pfad] = gruppen[pfad] || []).push(z);
+    });
+    var verzeichnisse = Object.keys(gruppen).map(function (pfad) { return { pfad: pfad, teile: gruppen[pfad] }; });
+    return { agents: agents, verzeichnisse: verzeichnisse };
+  }
+
+  // Kopfzahl und Nav-Zahl tragen beide das Wort "Ziele" und stehen gleichzeitig im Bild, also zählen
+  // beide im Kern-Sinn: jedes Harness+Ort-Paar einzeln, unabhängig von der Bündelung. Karten zählt
+  // nur, was sie auch so nennt: "N von M Karten gezeigt" und der Achtung-Chip (E49).
+  function aktualisiereKopf() {
+    var sichtbar = ZIELE.filter(zielSichtbar);
+    var linkZahl = 0, fremdZahl = 0;
+    sichtbar.forEach(function (z) {
+      var ignoriert = z.ignoriert || [];
+      z.eintraege.forEach(function (ei) {
+        if (ei.art === 'fremd') { if (ignoriert.indexOf(ei.name) === -1) fremdZahl++; }
+        else linkZahl++;
+      });
+    });
+    $('kopfzahlen').textContent = zahlwort(sichtbar.length, 'Ziel', 'Ziele') + ' · ' +
+      zahlwort(linkZahl, 'Link', 'Links') + ' · ' +
+      zahlwort(fremdZahl, 'nicht von hmgr verwalteter Eintrag', 'nicht von hmgr verwaltete Einträge');
+    $('navzahlziele').textContent = sichtbar.length;
+    $('navzahlskills').textContent = SKILLS.length;
+    var pluginZahl = MARKETPLACES.reduce(function (n, m) { return n + m.plugins.length; }, 0);
+    $('navzahlplugins').textContent = pluginZahl;
+
+    var karten = zielKarten();
+    // Betroffene Karten für den Chip-Zähler: eine Verzeichnis-Karte zählt, wenn mindestens ein
+    // Abschnitt (Harness) darin zielBraucht ist.
+    var betroffen = karten.agents.filter(zielBraucht).length
+      + karten.verzeichnisse.filter(function (g) { return g.teile.some(zielBraucht); }).length;
+    var achtungChip = document.querySelector('#ansicht-ziele .chip[data-zielfilter="achtung"]');
+    if (achtungChip) achtungChip.textContent = 'Benötigt Aufmerksamkeit (' + betroffen + ')';
+  }
+
+  /* ---------------- Navigation ---------------- */
+
+  var ANSICHTEN = ['ziele', 'katalog', 'update', 'plugins'];
+  function zeigeAnsicht(name) {
+    document.querySelectorAll('.plakette').forEach(function (a) {
+      if (a.dataset.ansicht === name) a.setAttribute('aria-current', 'page');
+      else a.removeAttribute('aria-current');
+    });
+    ANSICHTEN.forEach(function (x) { $('ansicht-' + x).hidden = x !== name; });
+    // Der Bericht ist jetzt sichtbar, die Ankündigung „mit Neuem" hat ihren Dienst getan.
+    if (name === 'update' && standZeit !== null) standRuhig();
+    window.scrollTo(0, 0);
+  }
+  document.querySelectorAll('[data-ansicht]').forEach(function (k) {
+    k.addEventListener('click', function () { zeigeAnsicht(k.dataset.ansicht); });
+  });
+
+  /* ================= ZIELE ================= */
+
+  /** Hinweiszeile, wenn ein inaktiver Harness noch Links oder eine eigene Registrierung an diesem
+      Ziel hat (E38 R7): Säubern-Weg direkt in der Karte. Von linkTeil und alleTeil geteilt. */
+  function ruheZeile(z, hatEigene) {
+    var rz = e('div', 'ruhezeile');
+    var rsvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    rsvg.setAttribute('viewBox', '0 0 16 16');
+    rsvg.setAttribute('stroke-width', '1.6');
+    rsvg.setAttribute('aria-hidden', 'true');
+    rsvg.innerHTML = '<circle cx="8" cy="8" r="6.5"/><path d="M8 4.5v4M8 10.5v.5"/>';
+    rz.appendChild(rsvg);
+    rz.appendChild(e('p', null, harnessName(z.ziel.harness) + ' ist inaktiv. '
+      + (hatEigene ? 'hmgr pflegt diese Links nicht mehr.' : 'Ein harness-eigener Eintrag verweist noch auf dieses Ziel.')));
+    var rk = e('button', 'knopf leise klein', 'Säubern');
+    rk.type = 'button';
+    rk.setAttribute('aria-label', harnessName(z.ziel.harness) + ' säubern');
+    rk.addEventListener('click', function () { frageSaeubern(z.ziel.harness); });
+    rz.appendChild(rk);
+    return rz;
+  }
+
+  /** Eine Zeile im Fremdkasten für einen fremden Eintrag x an einem Ziel z. Mit mitZeichen=true
+      steht davor das kleine Harness-Zeichen seines Fundorts (E53 Pkt. 5, „Alle"-Ansicht). Gibt
+      neben dem li auch zurück, ob eine Quelle erkannt wurde (für den Erklärtext). */
+  function fremdZeile(x, z, mitZeichen) {
+    var prognosen = z.uebernahme || {};
+    var prognose = prognosen[x.name];
+    var erkannt = prognose && prognose.art === 'erkannt';
+    var li = e('li');
+    var kopf = e('span', 'fremdkopf');
+    // Nur die „Alle"-Ansicht braucht die Zeile als Flex-Kasten neben dem Harness-Zeichen. Unter
+    // einem Harness-Chip bleibt es der schlichte Span von vorher: ein Flex-Kasten bricht lange
+    // Namen anders um als der Fließtext.
+    var namezeile = e('span', mitZeichen ? 'fremdname' : null);
+    if (mitZeichen) namezeile.appendChild(harnesseZeichenSammel([z.ziel.harness]));
+    namezeile.appendChild(document.createTextNode(x.name));
+    kopf.appendChild(namezeile);
+    if (erkannt) kopf.appendChild(quelleSpan('mono', prognose.quelle, ' @ ' + prognose.ref));
+    li.appendChild(kopf);
+    var knoepfe = e('span', 'fremdknoepfe');
+    if (erkannt) {
+      var ue = e('button', 'knopf leise klein', 'Übernehmen');
+      ue.type = 'button';
+      ue.setAttribute('aria-label', x.name + ' übernehmen');
+      ue.addEventListener('click', function () { oeffneUebernahme(z.ziel, x.name); });
+      knoepfe.appendChild(ue);
+    }
+    var ig = e('button', 'knopf leise klein', 'Ignorieren');
+    ig.type = 'button';
+    ig.setAttribute('aria-label', x.name + ' ignorieren');
+    ig.addEventListener('click', async function () {
+      await rufe(function () {
+        return window.hmgr.eintragIgnorieren({ harness: z.ziel.harness, ort: z.ziel.ort, name: x.name });
+      });
+      await ladeAlles();
+    });
+    knoepfe.appendChild(ig);
+    var lo = e('button', 'knopf leise klein', 'Löschen');
+    lo.type = 'button';
+    lo.setAttribute('aria-label', x.name + ' löschen');
+    lo.addEventListener('click', function () { frageLoeschen(x.name, z.ziel, z.verzeichnis); });
+    knoepfe.appendChild(lo);
+    li.appendChild(knoepfe);
+    // Ohne erkannte Quelle: Ursache und Handreichungen direkt im Kasten statt eines Vorschau-Dialogs (E43, E48).
+    if (!erkannt) {
+      var grundInfo = UEBERNAHME_GRUENDE[prognose ? prognose.grund : 'kein-link'];
+      if (grundInfo) {
+        var ursache = e('div', 'fremdursache');
+        ursache.appendChild(e('p', 'mono', grundInfo.ursache));
+        if (grundInfo.tipps && grundInfo.tipps.length > 0) {
+          var tippbox = e('div', 'tipps');
+          tippbox.appendChild(e('p', 'tippkopf', 'Außerhalb von hmgr:'));
+          var tul = e('ul', 'tippliste');
+          grundInfo.tipps.forEach(function (t) { tul.appendChild(e('li', null, '→ ' + t)); });
+          tippbox.appendChild(tul);
+          ursache.appendChild(tippbox);
+        }
+        li.appendChild(ursache);
+      }
+    }
+    return { li: li, erkannt: erkannt };
+  }
+
+  /** Fremdkasten über eine Liste von {x, z}-Paaren (ein Ziel bei linkTeil, mehrere bei alleTeil). */
+  function fremdKasten(paare, mitZeichen) {
+    var kasten = e('div', 'fremdkasten');
+    var text = e('div', 'fremdtext');
+    var p = e('p');
+    p.appendChild(e('strong', null, paare.length + (paare.length === 1
+      ? ' nicht von hmgr verwalteter Eintrag'
+      : ' nicht von hmgr verwaltete Einträge')));
+    text.appendChild(p);
+    var namen = e('ul', 'fremdnamen');
+    var einErkannt = false;
+    paare.forEach(function (paar) {
+      var r = fremdZeile(paar.x, paar.z, mitZeichen);
+      if (r.erkannt) einErkannt = true;
+      namen.appendChild(r.li);
+    });
+    text.appendChild(namen);
+    // Der Erklärtext nennt Übernehmen nur, wo der Knopf auch steht (E48).
+    text.appendChild(e('p', 'fremderklaerung',
+      (einErkannt ? 'Übernehmen zeigt zuerst eine Vorschau und macht daraus einen Link auf die Quelle. ' : '')
+      + (paare.length === 1
+        ? 'Ignorieren blendet ihn aus, er bleibt liegen. Löschen entfernt ihn endgültig von der Platte.'
+        : 'Ignorieren blendet einen Eintrag aus, er bleibt liegen. Löschen entfernt ihn endgültig von der Platte.')));
+    kasten.appendChild(text);
+    return kasten;
+  }
+
+  /** Zeile ignorierter fremder Einträge über eine Liste von {x, z}-Paaren, analog fremdKasten. */
+  function ignoriertZeile(paare, mitZeichen) {
+    var izeile = e('div', 'ignoriertzeile');
+    izeile.appendChild(e('span', 'ignoriertzahl', paare.length + ' ignoriert'));
+    paare.forEach(function (paar) {
+      var x = paar.x, z = paar.z;
+      var spanne = e('span', 'ignoriertname');
+      if (mitZeichen) spanne.appendChild(harnesseZeichenSammel([z.ziel.harness]));
+      spanne.appendChild(e('span', null, x.name));
+      var wb = e('button', 'knopf leise klein', 'Wieder beachten');
+      wb.type = 'button';
+      wb.setAttribute('aria-label', x.name + ' wieder beachten');
+      wb.addEventListener('click', async function () {
+        await rufe(function () {
+          return window.hmgr.eintragBeachten({ harness: z.ziel.harness, ort: z.ziel.ort, name: x.name });
+        });
+        await ladeAlles();
+      });
+      spanne.appendChild(wb);
+      izeile.appendChild(spanne);
+    });
+    return izeile;
+  }
+
+  /** Sichtbare Konfiguration eines Ziels mit der Fähigkeit „verwalteter Skill-Ordner": bei Hermes
+      der external_dirs-Ordner, zum Festlegen oder Entfernen (E56). Ob ein Ziel das kann, sagt der
+      Kern mit kannSkillOrdner; der Harness-Name ist hier kein Kriterium (E16). */
+  function konfigZeile(z) {
+    if (!z.kannSkillOrdner) return null;
+    var kz = e('div', 'konfigzeile');
+    if (z.verwalteterSkillOrdner) {
+      kz.appendChild(e('b', null, 'Liest Skills aus'));
+      kz.appendChild(e('span', 'mono', pfadKurz(z.verwalteterSkillOrdner)));
+      var weg = e('button', 'knopf leise klein', 'Entfernen …');
+      weg.type = 'button';
+      weg.setAttribute('aria-label', 'Skill-Ordner für ' + zielTitel(z) + ' entfernen');
+      weg.addEventListener('click', function () { frageSkillOrdnerEntfernen(z); });
+      kz.appendChild(weg);
+    } else {
+      kz.appendChild(e('span', 'konfigquelle', 'Kein Skill-Ordner verwaltet.'));
+      var fest = e('button', 'knopf leise klein', 'Skill-Ordner festlegen …');
+      fest.type = 'button';
+      fest.setAttribute('aria-label', 'Skill-Ordner für ' + zielTitel(z) + ' festlegen');
+      fest.addEventListener('click', function () { oeffneSkillOrdnerFestlegen(z); });
+      kz.appendChild(fest);
+    }
+    return kz;
+  }
+
+  function linkTeil(z) {
+    var teil = document.createDocumentFragment();
+    var eigene = z.eintraege.filter(function (ei) { return ei.art !== 'fremd'; });
+    var fremde = z.eintraege.filter(function (ei) { return ei.art === 'fremd'; });
+
+    // Harness abgeschaltet, Konfiguration liegt noch (E38, GRILL.md Entwurfskritik 4): der Weg,
+    // sie loszuwerden, steht hier oben in der Karte. Zählt auch ohne Links, wenn die harness-eigene
+    // Registrierung noch da ist (E38 R7), etwa Hermes' external_dirs-Eintrag ohne Links darunter.
+    if (!harnessAktiv(z.ziel.harness) && (eigene.length > 0 || z.istRegistriert)) {
+      teil.appendChild(ruheZeile(z, eigene.length > 0));
+    }
+
+    var kz = konfigZeile(z);
+    if (kz) teil.appendChild(kz);
+
+    if (fremde.length > 0) {
+      var ignoriertNamen = z.ignoriert || [];
+      var beachtete = fremde.filter(function (x) { return ignoriertNamen.indexOf(x.name) === -1; });
+      var ignorierte = fremde.filter(function (x) { return ignoriertNamen.indexOf(x.name) !== -1; });
+
+      if (beachtete.length > 0) {
+        teil.appendChild(fremdKasten(beachtete.map(function (x) { return { x: x, z: z }; }), false));
+      }
+      if (ignorierte.length > 0) {
+        teil.appendChild(ignoriertZeile(ignorierte.map(function (x) { return { x: x, z: z }; }), false));
+      }
+    }
+
+    if (eigene.length === 0) {
+      var leer = e('div', 'leerzeile');
+      leer.appendChild(e('p', 'ohne', 'Hier liegt noch nichts.'));
+      leer.appendChild(skillsKnopf(z));
+      teil.appendChild(leer);
+    } else {
+      // Fünf Spalten (E60): Icon, Skill, Beschreibung (die breiteste, sie beantwortet die Frage,
+      // wegen der die Tabelle gelesen wird), Quelle, Aktion.
+      var kopf = e('div', 'linkkopf');
+      kopf.appendChild(e('span'));
+      kopf.appendChild(e('span', 'etikett', 'Skill'));
+      kopf.appendChild(e('span', 'etikett', 'Beschreibung'));
+      kopf.appendChild(e('span', 'etikett', 'Quelle'));
+      kopf.appendChild(e('span'));
+      teil.appendChild(kopf);
+
+      var ul = e('ul', 'linkliste');
+      // Defekte Links (ohne Quelle) zuerst, sie brauchen Aufmerksamkeit (E45), sonst alphabetisch.
+      eigene
+        .slice()
+        .sort(function (a, b) {
+          var da = a.art === 'link-ohne-quelle', db = b.art === 'link-ohne-quelle';
+          if (da !== db) return da ? -1 : 1;
+          var na = a.art === 'link' ? a.link.name : a.name;
+          var nb = b.art === 'link' ? b.link.name : b.name;
+          return na.localeCompare(nb, 'de');
+        })
+        .forEach(function (ei) {
+          var name = ei.art === 'link' ? ei.link.name : ei.name;
+          var li = e('li');
+
+          if (ei.art === 'link') li.appendChild(repoIcon(ei.link.checkout.quelle));
+          else li.appendChild(repoIcon({ art: 'lokal', pfad: ei.checkoutPfad }));
+
+          li.appendChild(e('span', 'name', name));
+
+          // Die Beschreibung aus der SKILL.md (E39): die Frage, wegen der die Zeile gelesen wird,
+          // deshalb die breiteste Spalte. Ein Link ohne bekannte Quelle kennt seinen Skill nicht.
+          var beschreibung = ei.art === 'link' ? ei.link.skill.beschreibung : undefined;
+          if (beschreibung) {
+            var wasEl = e('span', 'was', beschreibung);
+            if (beschreibung.length > 88) wasEl.title = beschreibung;
+            li.appendChild(wasEl);
+          } else {
+            li.appendChild(e('span', 'was fehlt', 'keine Beschreibung in der SKILL.md'));
+          }
+
+          // Quelle: der Name, anklickbar, dahinter nur, was vom Normalfall abweicht — ein Ref, das
+          // vom Standard-Ref der Quelle abweicht, und der Grund „über Zeiger" (E57). „Manuell" (der
+          // Normalfall) entfällt ersatzlos, ein Plugin-Grund steht stattdessen in der Aktionsspalte.
+          var qz = e('span', 'quelle');
+          if (ei.art === 'link') {
+            var einschraenkung = z.einschraenkungen[name];
+            if (einschraenkung) qz.appendChild(document.createTextNode(einschraenkung + ' → '));
+            qz.appendChild(quelleLinkElement(ei.link.checkout.quelle));
+            var standardRef = STANDARD_REF[quelleKurz(ei.link.checkout.quelle)];
+            if (ei.link.checkout.ref && standardRef && ei.link.checkout.ref !== standardRef) {
+              qz.appendChild(e('span', 'ref', '@' + ei.link.checkout.ref));
+            }
+          } else {
+            qz.appendChild(e('span', 'mono', pfadKurz(ei.checkoutPfad)));
+          }
+          var grund = z.gruende[name];
+          if (grund && grund.art === 'zeiger') qz.appendChild(e('span', 'grundmarke', 'über Zeiger'));
+          li.appendChild(qz);
+
+          // Aus einem Plugin verlinkt: kein Entfernen-Knopf, das geht nur über das Plugin — der
+          // Grund erklärt hier zugleich, warum der Knopf fehlt.
+          if (grund && grund.art === 'plugin') {
+            li.appendChild(e('span', 'kein-weg', 'nur über Plugin „' + grund.plugin.split('@')[0] + '“'));
+          } else {
+            var weg = e('button', 'knopf leise klein', 'Entfernen');
+            weg.type = 'button';
+            weg.setAttribute('aria-label', 'Link auf ' + name + ' entfernen');
+            weg.addEventListener('click', function () { frageEntfernen(name, z.ziel); });
+            li.appendChild(weg);
+          }
+          ul.appendChild(li);
+        });
+      teil.appendChild(ul);
+
+      var fuss = e('div', 'zielfuss');
+      fuss.appendChild(skillsKnopf(z));
+      teil.appendChild(fuss);
+    }
+
+    return teil;
+  }
+
+  /** Knopf „Skills hinzufügen" im Körper einer Ziel-Karte (E47), Gegenrichtung zu starteVerlinken.
+      Reichweite ist immer dieser eine Harness, das Zeichen steht davor (E53 Pkt. 4, 7, 8). */
+  function skillsKnopf(z) {
+    var knopf = e('button', 'knopf leise klein mitsymbol', 'Skills hinzufügen');
+    knopf.type = 'button';
+    knopf.insertBefore(harnessZeichen(z.ziel.harness), knopf.firstChild);
+    knopf.setAttribute('aria-label', 'Skills zu ' + zielTitel(z) + ' hinzufügen (' + harnessName(z.ziel.harness) + ')');
+    knopf.addEventListener('click', function () { oeffneSkillsHinzufuegen(z); });
+    return knopf;
+  }
+
+  /** Knopf „Skills hinzufügen" für eine Verzeichnis-Karte im Chip „Alle" (E53 Pkt. 4): Reichweite
+      sind alle beteiligten Harnesses, das Ordner-Symbol steht davor. */
+  function alleSkillsKnopf(pfad, teile) {
+    var knopf = e('button', 'knopf leise klein mitsymbol', 'Skills hinzufügen');
+    knopf.type = 'button';
+    knopf.insertBefore(ordnerZeichen(), knopf.firstChild);
+    knopf.setAttribute('aria-label', 'Skills zu ' + pfadKurz(pfad) + ' hinzufügen (alle Harnesses)');
+    knopf.addEventListener('click', function () { oeffneSkillsHinzufuegenAlle(pfad, teile); });
+    return knopf;
+  }
+
+  function zielKarte(z) {
+    var karte = e('div', 'ziel');
+    var kopf = e('div', 'zielkopf');
+    kopf.setAttribute('role', 'button');
+    kopf.setAttribute('tabindex', '0');
+    var schluessel = zielKey(z.ziel);
+    var bodyId = 'zielkoerper-' + zielKoerperNr++;
+    // Der Filter „Benötigt Aufmerksamkeit" ist eine Absichtserklärung (E45): er zeigt nur betroffene
+    // Ziele und klappt sie auf, unabhängig vom gemerkten Zustand, der ihm nicht gehört.
+    var offen = zielFilter === 'achtung' || !!ZIEL_OFFEN[schluessel];
+    kopf.setAttribute('aria-controls', bodyId);
+    kopf.setAttribute('aria-expanded', offen ? 'true' : 'false');
+    kopf.appendChild(beschriftet(e('h3', null, zielTitel(z)), z.ziel.harness));
+    kopf.appendChild(e('span', 'mono', pfadKurz(z.verzeichnis)));
+    if (!harnessAktiv(z.ziel.harness)) kopf.appendChild(e('span', 'ruhend', 'Harness inaktiv'));
+    if (zielBraucht(z)) {
+      // Zeichen statt Text-Badge: trägt die Farbe selbst (Emoji-Darstellung), aria-label hält den
+      // Akkordeon-Knopf-Namen brauchbar (role="img", die Bedeutung steht nicht im Glyph selbst).
+      var warnspan = e('span', 'warnung', '⚠️');
+      warnspan.setAttribute('role', 'img');
+      warnspan.setAttribute('aria-label', 'braucht Aufmerksamkeit');
+      kopf.appendChild(warnspan);
+    }
+    var zahl = z.eintraege.filter(function (ei) { return ei.art !== 'fremd'; }).length;
+    kopf.appendChild(e('span', 'zahl', zahl + (zahl === 1 ? ' Link' : ' Links')));
+    var pfeil = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    pfeil.setAttribute('viewBox', '0 0 16 16');
+    pfeil.setAttribute('class', 'akkordeonpfeil');
+    pfeil.setAttribute('aria-hidden', 'true');
+    pfeil.innerHTML = '<path d="M4 6.5 8 10.5 12 6.5"/>';
+    kopf.appendChild(pfeil);
+    karte.appendChild(kopf);
+    var koerper = e('div', 'zielkoerper');
+    koerper.id = bodyId;
+    koerper.hidden = !offen;
+    koerper.appendChild(linkTeil(z));
+    karte.appendChild(koerper);
+
+    function schalte() {
+      offen = !offen;
+      ZIEL_OFFEN[schluessel] = offen;
+      kopf.setAttribute('aria-expanded', offen ? 'true' : 'false');
+      koerper.hidden = !offen;
+    }
+    // Ein Bedienelement in der Kopfzeile (E47 „Skills hinzufügen") schaltet nicht zusätzlich um.
+    function ausBedienelement(ev) {
+      return ev.target.closest('button, a, input, select, textarea') !== null;
+    }
+    kopf.addEventListener('click', function (ev) {
+      if (!ausBedienelement(ev)) schalte();
+    });
+    kopf.addEventListener('keydown', function (ev) {
+      if (ausBedienelement(ev)) return;
+      if (ev.key === 'Enter' || ev.key === ' ' || ev.key === 'Spacebar') {
+        ev.preventDefault();
+        schalte();
+      }
+    });
+
+    return karte;
+  }
+
+  /** Körper des Chips „Alle" einer Verzeichnis-Karte (E53 Pkt. 2, 4, 5): eine gemeinsame Liste
+      statt gestapelter Harness-Abschnitte. Eigene Links gebündelt (Schlüssel Name+Quelle), fremde
+      Einträge und die Inaktiv-Zeile je Harness mit dessen Zeichen am Fundort. */
+  function alleTeil(pfad, teile) {
+    var teil = document.createDocumentFragment();
+
+    teile.forEach(function (z) {
+      var eigeneZ = z.eintraege.filter(function (ei) { return ei.art !== 'fremd'; });
+      if (!harnessAktiv(z.ziel.harness) && (eigeneZ.length > 0 || z.istRegistriert)) {
+        teil.appendChild(ruheZeile(z, eigeneZ.length > 0));
+      }
+    });
+
+    var beachteteAlle = [], ignorierteAlle = [];
+    teile.forEach(function (z) {
+      var ignoriertNamen = z.ignoriert || [];
+      z.eintraege.filter(function (ei) { return ei.art === 'fremd'; }).forEach(function (x) {
+        var paar = { x: x, z: z };
+        if (ignoriertNamen.indexOf(x.name) === -1) beachteteAlle.push(paar);
+        else ignorierteAlle.push(paar);
+      });
+    });
+    if (beachteteAlle.length > 0) teil.appendChild(fremdKasten(beachteteAlle, true));
+    if (ignorierteAlle.length > 0) teil.appendChild(ignoriertZeile(ignorierteAlle, true));
+
+    // Eigene Links über alle Harnesses gebündelt: Schlüssel Name+Quelle, hängt ein Name je Harness
+    // aus verschiedener Quelle, gibt es je Quelle eine eigene Zeile (E53 Pkt. 2).
+    var zeilen = {};
+    var reihenfolge = [];
+    teile.forEach(function (z) {
+      z.eintraege.filter(function (ei) { return ei.art !== 'fremd'; }).forEach(function (ei) {
+        var defekt = ei.art === 'link-ohne-quelle';
+        var name = defekt ? ei.name : ei.link.name;
+        var quelleSchluessel = defekt ? ('defekt\u0000' + ei.checkoutPfad)
+          : (quelleKurz(ei.link.checkout.quelle) + '@' + ei.link.checkout.ref);
+        // NUL als Trenner, kein Leerzeichen: Skill-Namen dürfen Leerzeichen enthalten, Quellen-Namen
+        // seit E59 auch, ein lokaler Pfad ohnehin — „a b“ + „x“ und „a“ + „b x“ ergäben sonst
+        // denselben Schlüssel. Immer als Escape geschrieben, nie als rohes Byte im Quelltext.
+        var key = name + '\u0000' + quelleSchluessel;
+        if (!zeilen[key]) {
+          zeilen[key] = {
+            name: name,
+            defekt: defekt,
+            icon: defekt ? { art: 'lokal', pfad: ei.checkoutPfad } : ei.link.checkout.quelle,
+            checkoutPfad: defekt ? ei.checkoutPfad : null,
+            quelle: defekt ? null : ei.link.checkout.quelle,
+            ref: defekt ? null : ei.link.checkout.ref,
+            einschraenkung: defekt ? null : z.einschraenkungen[name],
+            beschreibung: defekt ? undefined : ei.link.skill.beschreibung,
+            teile: [],
+          };
+          reihenfolge.push(key);
+        }
+        zeilen[key].teile.push(z);
+      });
+    });
+
+    if (reihenfolge.length === 0) {
+      var leer = e('div', 'leerzeile');
+      leer.appendChild(e('p', 'ohne', 'Hier liegt noch nichts.'));
+      leer.appendChild(alleSkillsKnopf(pfad, teile));
+      teil.appendChild(leer);
+      return teil;
+    }
+
+    var kopf = e('div', 'linkkopf');
+    kopf.appendChild(e('span'));
+    kopf.appendChild(e('span', 'etikett', 'Skill'));
+    kopf.appendChild(e('span', 'etikett', 'Beschreibung'));
+    kopf.appendChild(e('span', 'etikett', 'Quelle'));
+    kopf.appendChild(e('span'));
+    teil.appendChild(kopf);
+
+    var ul = e('ul', 'linkliste');
+    reihenfolge
+      .slice()
+      .sort(function (ka, kb) {
+        var a = zeilen[ka], b = zeilen[kb];
+        if (a.defekt !== b.defekt) return a.defekt ? -1 : 1;
+        return a.name.localeCompare(b.name, 'de');
+      })
+      .forEach(function (key) {
+        var row = zeilen[key];
+        var harnesse = [];
+        row.teile.forEach(function (z) { if (harnesse.indexOf(z.ziel.harness) === -1) harnesse.push(z.ziel.harness); });
+        harnesse.sort(function (a, b) { return harnessName(a).localeCompare(harnessName(b), 'de'); });
+
+        var li = e('li');
+        li.appendChild(repoIcon(row.icon));
+
+        var nameSpan = e('span', 'name');
+        nameSpan.appendChild(harnesseZeichenSammel(harnesse));
+        nameSpan.appendChild(document.createTextNode(row.name));
+        li.appendChild(nameSpan);
+
+        if (row.beschreibung) {
+          var wasEl = e('span', 'was', row.beschreibung);
+          if (row.beschreibung.length > 88) wasEl.title = row.beschreibung;
+          li.appendChild(wasEl);
+        } else {
+          li.appendChild(e('span', 'was fehlt', 'keine Beschreibung in der SKILL.md'));
+        }
+
+        var qz = e('span', 'quelle');
+        if (row.defekt) {
+          qz.appendChild(e('span', 'mono', pfadKurz(row.checkoutPfad)));
+        } else {
+          if (row.einschraenkung) qz.appendChild(document.createTextNode(row.einschraenkung + ' → '));
+          qz.appendChild(quelleLinkElement(row.quelle));
+          var standardRef = STANDARD_REF[quelleKurz(row.quelle)];
+          if (row.ref && standardRef && row.ref !== standardRef) qz.appendChild(e('span', 'ref', '@' + row.ref));
+          // Unterscheiden sich die Gründe je Harness, zählt „über Zeiger", sobald einer davon so gilt.
+          var zeiger = row.teile.some(function (z) { var g = z.gruende[row.name]; return g && g.art === 'zeiger'; });
+          if (zeiger) qz.appendChild(e('span', 'grundmarke', 'über Zeiger'));
+        }
+        li.appendChild(qz);
+
+        var entfernbar = row.teile.filter(function (z) {
+          var g = z.gruende[row.name];
+          return !(g && g.art === 'plugin');
+        });
+        var pluginNamen = [];
+        row.teile.forEach(function (z) {
+          var g = z.gruende[row.name];
+          if (g && g.art === 'plugin' && pluginNamen.indexOf(g.plugin.split('@')[0]) === -1) {
+            pluginNamen.push(g.plugin.split('@')[0]);
+          }
+        });
+        var nichtEntfernbar = row.teile
+          .filter(function (z) { var g = z.gruende[row.name]; return !!(g && g.art === 'plugin'); })
+          .map(function (z) { return z.ziel.harness; });
+
+        if (entfernbar.length > 0) {
+          var weg = e('button', 'knopf leise klein', 'Entfernen');
+          weg.type = 'button';
+          // Die Reichweite gehört in die Beschriftung: unter „Alle" stehen zwei Zeilen gleichen
+          // Namens nebeneinander, sobald ein Skill je Harness aus verschiedener Quelle hängt.
+          weg.setAttribute('aria-label', 'Link auf ' + row.name + ' in '
+            + entfernbar.map(function (z) { return harnessName(z.ziel.harness); }).join(', ') + ' entfernen');
+          weg.addEventListener('click', function () { frageEntfernenAlle(row.name, pfad, entfernbar, nichtEntfernbar); });
+          li.appendChild(weg);
+        } else {
+          li.appendChild(e('span', 'kein-weg', 'nur über Plugin „' + pluginNamen.join('“, „') + '“'));
+        }
+        ul.appendChild(li);
+      });
+    teil.appendChild(ul);
+
+    var fuss = e('div', 'zielfuss');
+    fuss.appendChild(alleSkillsKnopf(pfad, teile));
+    teil.appendChild(fuss);
+
+    return teil;
+  }
+
+  /** Chip-Wahl einer Verzeichnis-Karte: merken, Liste neu bauen, Fokus zurück auf den Chip. */
+  function waehleChip(schluessel, wahl) {
+    VERZ_CHIP[schluessel] = wahl;
+    CHIP_FOKUS = { karte: schluessel, wahl: wahl };
+    baueZiele();
+  }
+
+  /** Eine Akkordeon-Karte je Arbeitsverzeichnis (E49), im Körper eine Chip-Leiste „Alle" + je
+      beteiligtem Harness ein Chip (E53): „Alle" zeigt die gebündelte Liste (alleTeil), ein
+      Harness-Chip exakt dessen Einzel-Logik (linkTeil). Der Offen-Zustand läuft über verzKey(pfad). */
+  function verzeichnisKarte(pfad, teile) {
+    var karte = e('div', 'ziel verzeichnis');
+    var kopf = e('div', 'zielkopf');
+    kopf.setAttribute('role', 'button');
+    kopf.setAttribute('tabindex', '0');
+    var schluessel = verzKey(pfad);
+    var bodyId = 'zielkoerper-' + zielKoerperNr++;
+    var offen = zielFilter === 'achtung' || !!ZIEL_OFFEN[schluessel];
+    kopf.setAttribute('aria-controls', bodyId);
+    kopf.setAttribute('aria-expanded', offen ? 'true' : 'false');
+    kopf.appendChild(e('h3', null, pfadKurz(pfad)));
+
+    // Harness-Zeichen aller beteiligten Harnesses statt eines einzelnen (kein Ziel hat hier nur
+    // einen Harness): klein, im Kopf, mit Sammel-aria-label statt einzelner Beschriftung je Icon.
+    var symbole = e('span', 'harnesssymbole');
+    var namen = teile.map(function (z) { return harnessName(z.ziel.harness); }).sort(function (a, b) { return a.localeCompare(b, 'de'); });
+    symbole.setAttribute('role', 'img');
+    symbole.setAttribute('aria-label', namen.join(', '));
+    teile
+      .slice()
+      .sort(function (a, b) { return harnessName(a.ziel.harness).localeCompare(harnessName(b.ziel.harness), 'de'); })
+      .forEach(function (z) { symbole.appendChild(harnessZeichen(z.ziel.harness)); });
+    kopf.appendChild(symbole);
+
+    if (teile.some(zielBraucht)) {
+      var warnspan = e('span', 'warnung', '⚠️');
+      warnspan.setAttribute('role', 'img');
+      warnspan.setAttribute('aria-label', 'braucht Aufmerksamkeit');
+      kopf.appendChild(warnspan);
+    }
+    var gesamtZahl = teile.reduce(function (n, z) {
+      return n + z.eintraege.filter(function (ei) { return ei.art !== 'fremd'; }).length;
+    }, 0);
+    kopf.appendChild(e('span', 'zahl', gesamtZahl + (gesamtZahl === 1 ? ' Link' : ' Links')));
+    var pfeil = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    pfeil.setAttribute('viewBox', '0 0 16 16');
+    pfeil.setAttribute('class', 'akkordeonpfeil');
+    pfeil.setAttribute('aria-hidden', 'true');
+    pfeil.innerHTML = '<path d="M4 6.5 8 10.5 12 6.5"/>';
+    kopf.appendChild(pfeil);
+    karte.appendChild(kopf);
+
+    var koerper = e('div', 'zielkoerper');
+    koerper.id = bodyId;
+    koerper.hidden = !offen;
+
+    // Chip-Leiste „Alle" + je beteiligtem Harness einer, Wahl je Karte über VERZ_CHIP (E53 Pkt. 1).
+    var harnesseBeteiligt = [];
+    teile.forEach(function (z) { if (harnesseBeteiligt.indexOf(z.ziel.harness) === -1) harnesseBeteiligt.push(z.ziel.harness); });
+    harnesseBeteiligt.sort(function (a, b) { return harnessName(a).localeCompare(harnessName(b), 'de'); });
+    var aktivChip = VERZ_CHIP[schluessel] || 'alle';
+    if (aktivChip !== 'alle' && harnesseBeteiligt.indexOf(aktivChip) === -1) aktivChip = 'alle';
+
+    var chipleiste = e('div', 'filter kartenchips');
+    chipleiste.setAttribute('role', 'group');
+    chipleiste.setAttribute('aria-label', 'Harness wählen');
+    var chipAlle = e('button', 'chip', 'Alle');
+    chipAlle.type = 'button';
+    chipAlle.dataset.chipkarte = schluessel;
+    chipAlle.dataset.chipwahl = 'alle';
+    chipAlle.setAttribute('aria-pressed', aktivChip === 'alle' ? 'true' : 'false');
+    chipAlle.addEventListener('click', function () { waehleChip(schluessel, 'alle'); });
+    chipleiste.appendChild(chipAlle);
+    harnesseBeteiligt.forEach(function (h) {
+      var chip = e('button', 'chip', harnessName(h));
+      chip.type = 'button';
+      chip.dataset.chipkarte = schluessel;
+      chip.dataset.chipwahl = h;
+      chip.insertBefore(harnessZeichen(h), chip.firstChild);
+      chip.setAttribute('aria-pressed', aktivChip === h ? 'true' : 'false');
+      chip.addEventListener('click', function () { waehleChip(schluessel, h); });
+      chipleiste.appendChild(chip);
+    });
+    if (aktivChip === 'alle') {
+      koerper.appendChild(chipleiste);
+      koerper.appendChild(alleTeil(pfad, teile));
+    } else {
+      var gewaehlt = teile.filter(function (z) { return z.ziel.harness === aktivChip; })[0];
+      // Welcher Ordner im Verzeichnis gelesen wird, stand vorher im Abschnittskopf (25cddf6) und
+      // gehört zum gewählten Harness, nicht zur Karte: er steht rechts in der Chip-Leiste, relativ
+      // zum Verzeichnis, mit der Inaktiv-Marke daneben.
+      if (gewaehlt) {
+        var unterhalb = gewaehlt.verzeichnis.indexOf(pfad + '/') === 0;
+        chipleiste.appendChild(e('span', 'kartenordner mono',
+          unterhalb ? gewaehlt.verzeichnis.slice(pfad.length + 1) : pfadKurz(gewaehlt.verzeichnis)));
+        if (!harnessAktiv(aktivChip)) chipleiste.appendChild(e('span', 'ruhend', 'Harness inaktiv'));
+      }
+      koerper.appendChild(chipleiste);
+      if (gewaehlt) koerper.appendChild(linkTeil(gewaehlt));
+    }
+
+    // Entfernen heißt nur vergessen (E52, E26): der Dialog versichert das, gelöscht wird nichts.
+    var fuss = e('div', 'zielfuss');
+    var weg = e('button', 'knopf leise klein', 'Entfernen …');
+    weg.type = 'button';
+    weg.setAttribute('aria-label', pfadKurz(pfad) + ' aus hmgr entfernen');
+    weg.addEventListener('click', function () { frageVergessen(pfad); });
+    fuss.appendChild(weg);
+    koerper.appendChild(fuss);
+    karte.appendChild(koerper);
+
+    function schalte() {
+      offen = !offen;
+      ZIEL_OFFEN[schluessel] = offen;
+      kopf.setAttribute('aria-expanded', offen ? 'true' : 'false');
+      koerper.hidden = !offen;
+    }
+    function ausBedienelement(ev) {
+      return ev.target.closest('button, a, input, select, textarea') !== null;
+    }
+    kopf.addEventListener('click', function (ev) {
+      if (!ausBedienelement(ev)) schalte();
+    });
+    kopf.addEventListener('keydown', function (ev) {
+      if (ausBedienelement(ev)) return;
+      if (ev.key === 'Enter' || ev.key === ' ' || ev.key === 'Spacebar') {
+        ev.preventDefault();
+        schalte();
+      }
+    });
+
+    return karte;
+  }
+
+  function baueZiele() {
+    var liste = $('zielliste');
+    liste.textContent = '';
+    var karten = zielKarten();
+
+    var agentsSichtbar = karten.agents
+      .filter(function (z) { return zielFilter === 'alle' || zielBraucht(z); })
+      .sort(function (a, b) { return zielTitel(a).localeCompare(zielTitel(b), 'de'); });
+    var verzeichnisseSichtbar = karten.verzeichnisse
+      .filter(function (g) { return zielFilter === 'alle' || g.teile.some(zielBraucht); })
+      .sort(function (a, b) { return pfadKurz(a.pfad).localeCompare(pfadKurz(b.pfad), 'de'); });
+
+    if (agentsSichtbar.length > 0) {
+      liste.appendChild(e('h2', 'gruppenkopf', 'Agents'));
+      agentsSichtbar.forEach(function (z) { liste.appendChild(zielKarte(z)); });
+    }
+    if (verzeichnisseSichtbar.length > 0) {
+      liste.appendChild(e('h2', 'gruppenkopf', 'Arbeitsverzeichnisse'));
+      verzeichnisseSichtbar.forEach(function (g) { liste.appendChild(verzeichnisKarte(g.pfad, g.teile)); });
+    }
+    var gezeigt = agentsSichtbar.length + verzeichnisseSichtbar.length;
+    var gesamt = karten.agents.length + karten.verzeichnisse.length;
+    if (gezeigt === 0)
+      liste.appendChild(e('p', 'leerhinweis', zielFilter === 'achtung'
+        ? 'Kein Ziel braucht gerade Aufmerksamkeit.'
+        : 'Noch keine Ziele. Füge unten ein Arbeitsverzeichnis hinzu oder verlinke einen Skill.'));
+
+    $('zielzahl').textContent = gezeigt + ' von ' + gesamt + ' Karten gezeigt';
+
+    if (CHIP_FOKUS !== null) {
+      var merker = CHIP_FOKUS;
+      CHIP_FOKUS = null;
+      Array.prototype.forEach.call(liste.querySelectorAll('.kartenchips .chip'), function (c) {
+        if (c.dataset.chipkarte === merker.karte && c.dataset.chipwahl === merker.wahl) c.focus();
+      });
+    }
+  }
+
+  document.querySelectorAll('#ansicht-ziele .chip').forEach(function (c) {
+    c.addEventListener('click', function () {
+      zielFilter = c.dataset.zielfilter;
+      // Filterwechsel leert den gemerkten Offen-Zustand (E45): „Alle" beginnt wieder eingeklappt.
+      // Ebenso die Chip-Wahl (E53): sonst zeigte eine Karte unter „Benötigt Aufmerksamkeit" einen
+      // Harness, in dem gar nichts zu sehen ist, während der Grund im Chip daneben steckt.
+      ZIEL_OFFEN = {};
+      VERZ_CHIP = {};
+      document.querySelectorAll('#ansicht-ziele .chip').forEach(function (a) {
+        a.setAttribute('aria-pressed', a === c ? 'true' : 'false');
+      });
+      baueZiele();
+    });
+  });
+
+  // entfernenKontext.eintraege: [{harness, ort}], immer eines bei frageEntfernen (Einzel-Ziel),
+  // mehrere bei frageEntfernenAlle (E53 Pkt. 2, „Alle"-Zeile über mehrere Harnesses).
+  var entfernenKontext = null;
+  function frageEntfernen(name, ziel) {
+    entfernenKontext = { name: name, eintraege: [{ harness: ziel.harness, ort: ziel.ort }] };
+    $('dx-titel').textContent = 'Link auf ' + name + ' entfernen?';
+    $('dx-text').textContent = 'Der Link in ' + zielTitel({ ziel: ziel }) + ' verschwindet. Der Checkout bleibt liegen, bis kein Link mehr darauf zeigt.';
+    zeige($('d-entfernen'));
+  }
+  /** Entfernen einer „Alle"-Zeile (E53 Pkt. 2): entfernbareZiele sind die Ziele (voller z.ziel), in
+      denen der Link weg soll, nichtEntfernbareHarnesse die, in denen er nur über ein Plugin hängt
+      und liegen bleibt. Der Dialog nennt beides. */
+  function frageEntfernenAlle(name, pfad, entfernbareZiele, nichtEntfernbareHarnesse) {
+    entfernenKontext = {
+      name: name,
+      eintraege: entfernbareZiele.map(function (z) { return { harness: z.ziel.harness, ort: z.ziel.ort }; }),
+    };
+    var namen = entfernbareZiele.map(function (z) { return harnessName(z.ziel.harness); });
+    $('dx-titel').textContent = 'Link auf ' + name + ' entfernen?';
+    var text = 'Der Link in ' + namen.join(', ') + ' (' + pfadKurz(pfad) + ') verschwindet.';
+    if (nichtEntfernbareHarnesse.length > 0) {
+      text += ' In ' + nichtEntfernbareHarnesse.map(harnessName).join(', ') + ' bleibt er bestehen (nur über das Plugin).';
+    }
+    text += ' Der Checkout bleibt liegen, bis kein Link mehr darauf zeigt.';
+    $('dx-text').textContent = text;
+    zeige($('d-entfernen'));
+  }
+  nachDialog($('d-entfernen'), async function (wert) {
+    if (wert !== 'ja' || entfernenKontext === null) return;
+    var kontext = entfernenKontext;
+    // Ein Fehlschlag in einem Harness hält die übrigen nicht auf: rufe hat ihn schon gemeldet, die
+    // Schleife läuft weiter, und die Liste wird danach in jedem Fall neu geladen. Sonst stünde nach
+    // einem Fehler die halb erledigte Arbeit unsichtbar in einer veralteten Liste.
+    var gescheitert = [];
+    var hinweiseWeg = [];
+    for (var i = 0; i < kontext.eintraege.length; i++) {
+      var eintrag = kontext.eintraege[i];
+      try {
+        var weg = await rufe(function () {
+          return window.hmgr.linkEntfernen({ skill: kontext.name, harness: eintrag.harness, ort: eintrag.ort });
+        });
+        if (weg && weg.hinweis && hinweiseWeg.indexOf(weg.hinweis) < 0) hinweiseWeg.push(weg.hinweis);
+      } catch (fehler) {
+        gescheitert.push(harnessName(eintrag.harness));
+      }
+    }
+    await ladeAlles();
+    if (gescheitert.length > 1) melde('Der Link auf ' + kontext.name + ' blieb in ' + gescheitert.join(', ') + ' liegen.');
+    // Zeiger-Hinweis (F32) nur, wenn nichts gescheitert ist: sonst stünde er über der Fehlermeldung,
+    // die rufe schon gesetzt hat.
+    else if (gescheitert.length === 0 && hinweiseWeg.length > 0) melde(hinweiseWeg.join('\n'));
+  });
+
+  var loeschenKontext = null;
+  var vergessenPfad = null;
+  function frageVergessen(pfad) {
+    vergessenPfad = pfad;
+    $('dg-text').textContent = pfadKurz(pfad) + ' wird dann nicht mehr von hmgr verwaltet. Das Verzeichnis und alles darin bleiben unverändert erhalten. Zum Wiederaufnehmen fügst du es einfach erneut hinzu.';
+    zeige($('d-vergessen'));
+  }
+  nachDialog($('d-vergessen'), async function (wert) {
+    if (wert !== 'ja' || vergessenPfad === null) return;
+    var pfad = vergessenPfad;
+    vergessenPfad = null;
+    await rufe(function () { return window.hmgr.arbeitsverzeichnisVergessen(pfad); });
+    await ladeAlles();
+    melde(pfadKurz(pfad) + ' aus hmgr entfernt, das Verzeichnis bleibt erhalten.');
+  });
+
+  function frageLoeschen(name, ziel, verzeichnis) {
+    loeschenKontext = { name: name, ziel: ziel };
+    $('dl-titel').textContent = '„' + name + '“ löschen?';
+    $('dl-text').textContent = 'hmgr löscht ' + pfadKurz(verzeichnis) + '/' + name
+      + ' unwiderruflich von der Platte, ein Ordner mit allem Inhalt oder ein Link. Das lässt sich nicht rückgängig machen.';
+    zeige($('d-loeschen'));
+  }
+  nachDialog($('d-loeschen'), async function (wert) {
+    if (wert !== 'ja' || loeschenKontext === null) return;
+    var kontext = loeschenKontext;
+    await rufe(function () {
+      return window.hmgr.eintragLoeschen({ harness: kontext.ziel.harness, ort: kontext.ziel.ort, name: kontext.name });
+    });
+    await ladeAlles();
+  });
+
+  var uebernahmeKontext = null;
+  // Lesbare Fassung der Kern-Gründe (UebernahmeGrund), warum ein Eintrag liegen bleibt: eine kurze
+  // Ursache, dazu Handreichungen (E43), die der Nutzer außerhalb von hmgr selbst erledigt.
+  var UEBERNAHME_GRUENDE = {
+    'kein-link': {
+      ursache: 'Von Hand installiert, hmgr kennt die Herkunft nicht.',
+      tipps: [
+        'In dein Skills-Repo übernehmen und von dort verlinken',
+        'Oder als Quelle aufnehmen, falls es ein Git-Repo dazu gibt',
+      ],
+    },
+    'keine-arbeitskopie': {
+      ursache: 'Der Link führt in keine Git-Arbeitskopie.',
+      tipps: ['Das Linkziel in ein Git-Repo bringen, dann erneut übernehmen'],
+    },
+    'keine-url': {
+      ursache: 'Die Arbeitskopie hat keine Remote-URL.',
+      tipps: ['Remote hinzufügen und pushen, dann erneut übernehmen'],
+    },
+    'kein-branch': {
+      ursache: 'Die Arbeitskopie steht auf keinem Branch.',
+      tipps: ['Branch auschecken, dann erneut übernehmen'],
+    },
+    'skill-unbekannt': {
+      ursache: 'Die Quelle führt unter diesem Pfad keinen Skill.',
+      tipps: ['Prüfen, ob der Skill im Repo verschoben oder entfernt wurde'],
+    },
+    'lokale-aenderungen': {
+      ursache: 'Der Ordner weicht von der Quelle ab.',
+      tipps: ['Änderungen committen und pushen, dann erneut übernehmen'],
+    },
+    'nicht-pruefbar': {
+      ursache: 'hmgr kann nicht prüfen, ob der Ordner der Quelle entspricht.',
+      tipps: ['Skill über die skills-CLI neu installieren, dann erneut prüfen'],
+    },
+  };
+  async function oeffneUebernahme(ziel, name) {
+    uebernahmeKontext = { ziel: ziel, name: name };
+    $('du-etikett').textContent = 'Probelauf, nichts wird verändert';
+    $('du-titel').textContent = '„' + name + '“ in ' + zielTitel({ ziel: ziel }) + ' übernehmen?';
+    var ergebnis = await rufe(function () {
+      return window.hmgr.uebernehmen({ harness: ziel.harness, ort: ziel.ort, name: name, probelauf: true });
+    });
+    var ul = $('du-liste');
+    ul.textContent = '';
+    ergebnis.eintraege.forEach(function (ei) {
+      var li = e('li');
+      if (ei.ergebnis === 'uebernommen') {
+        li.appendChild(e('span', 'ok', 'wird ersetzt'));
+        var s = e('span');
+        s.appendChild(e('b', null, ei.name));
+        s.appendChild(quelleSpan('mono', ei.quelle, ' @ ' + ei.ref + ' (' + ei.skill.pfad + ')'));
+        if (ei.ordnerErsetzt) s.appendChild(e('p', 'fremderklaerung', 'Der Ordner wird gelöscht und durch den Link ersetzt.'));
+        if (ei.gitignoriert && ei.gitignoriert.length > 0) {
+          var maxAnzeige = 5;
+          var angezeigt = ei.gitignoriert.slice(0, maxAnzeige).join(', ');
+          var weitere = ei.gitignoriert.length > maxAnzeige ? ', …' : '';
+          s.appendChild(e('p', 'fremderklaerung', zahlwort(ei.gitignoriert.length, 'gitignorierte Datei geht', 'gitignorierte Dateien gehen')
+            + ' beim Ersetzen verloren: ' + angezeigt + weitere));
+        }
+        li.appendChild(s);
+      } else {
+        li.appendChild(e('span', 'aus', 'bleibt liegen'));
+        var s2 = e('span');
+        s2.appendChild(e('b', null, ei.name));
+        var grundInfo = UEBERNAHME_GRUENDE[ei.grund];
+        s2.appendChild(e('span', 'mono', grundInfo ? grundInfo.ursache : ei.grund));
+        if (grundInfo && grundInfo.tipps && grundInfo.tipps.length > 0) {
+          var tippbox = e('div', 'tipps');
+          tippbox.appendChild(e('p', 'tippkopf', 'Außerhalb von hmgr:'));
+          var tul = e('ul', 'tippliste');
+          grundInfo.tipps.forEach(function (t) { tul.appendChild(e('li', null, '→ ' + t)); });
+          tippbox.appendChild(tul);
+          s2.appendChild(tippbox);
+        }
+        li.appendChild(s2);
+      }
+      ul.appendChild(li);
+    });
+    if (ergebnis.eintraege.length === 0) ul.appendChild(e('li', null, 'Nichts mehr zu übernehmen.'));
+    var ersetzt = ergebnis.eintraege.filter(function (ei) { return ei.ergebnis === 'uebernommen'; }).length;
+    var liegen = ergebnis.eintraege.length - ersetzt;
+    $('du-bilanz').textContent = ersetzt === 0
+      ? 'Nichts wird ersetzt.'
+      : (ersetzt === 1 ? '1 wird ersetzt' : ersetzt + ' werden ersetzt') + ', '
+        + (liegen === 0 ? 'nichts bleibt liegen' : liegen === 1 ? '1 bleibt liegen' : liegen + ' bleiben liegen');
+    // Ohne Übernehmbares gibt es nichts auszuführen: Knopf weg statt stumm deaktiviert.
+    $('du-los').hidden = ersetzt === 0;
+    zeige($('d-uebernahme'));
+  }
+  nachDialog($('d-uebernahme'), async function (wert) {
+    if (wert !== 'los' || uebernahmeKontext === null) return;
+    var ziel = uebernahmeKontext.ziel;
+    var name = uebernahmeKontext.name;
+    var ergebnis = await rufe(function () {
+      return window.hmgr.uebernehmen({ harness: ziel.harness, ort: ziel.ort, name: name, probelauf: false });
+    });
+    var uebernommen = ergebnis.eintraege.filter(function (ei) { return ei.ergebnis === 'uebernommen'; }).length;
+    var uebersprungen = ergebnis.eintraege.length - uebernommen;
+    $('de-titel').textContent = 'Übernommen';
+    $('de-text').textContent = uebernommen + ' übernommen, ' + uebersprungen + ' übersprungen.';
+    setzeErfolgHinweise([ergebnis.hinweis]);
+    var ul = $('de-liste');
+    ul.textContent = '';
+    ergebnis.eintraege.forEach(function (ei) {
+      var li = e('li');
+      li.appendChild(e('span', ei.ergebnis === 'uebernommen' ? 'ok' : 'aus', ei.ergebnis === 'uebernommen' ? 'Link' : 'Liegen gelassen'));
+      var s = e('span');
+      s.appendChild(e('b', null, ei.name));
+      li.appendChild(s);
+      ul.appendChild(li);
+    });
+    await ladeAlles();
+    setTimeout(function () { zeige($('d-erfolg')); }, 90);
+  });
+
+  $('verzneu').addEventListener('click', function () {
+    $('dv-pfad').value = '';
+    zeige($('d-verzeichnis'));
+  });
+  enterBestaetigt($('dv-pfad'), $('dv-los'));
+  $('dv-auswaehlen').addEventListener('click', async function () {
+    var pfad = await rufe(function () { return window.hmgr.verzeichnisWaehlen(); });
+    if (pfad) $('dv-pfad').value = pfad;
+  });
+  nachDialog($('d-verzeichnis'), async function (wert) {
+    if (wert !== 'los') return;
+    var pfad = $('dv-pfad').value.trim();
+    if (!pfad) return;
+    var ergebnis = await rufe(function () { return window.hmgr.arbeitsverzeichnisHinzufuegen(pfad); });
+    await ladeAlles();
+    $('de-titel').textContent = 'Arbeitsverzeichnis hinzugefügt';
+    $('de-text').textContent = ergebnis.hinweis || ('Zeiger: ' + (ergebnis.zeigerPfad || 'keiner'));
+    setzeErfolgHinweise([]);
+    $('de-liste').textContent = '';
+    setTimeout(function () { zeige($('d-erfolg')); }, 90);
+  });
+
+  /* ================= SKILLS ================= */
+
+  var QUELLFARBEN = ['', 'q2', 'q3'];
+  function quellenIndex(quelleText) {
+    var i = QUELLEN.findIndex(function (q) { return q.text === quelleText; });
+    return i < 0 ? 0 : i % 3;
+  }
+
+  function baueQuellenfilter() {
+    var box = $('quellenfilter');
+    box.textContent = '';
+    var alle = e('button', 'chip', 'Alle');
+    alle.type = 'button';
+    alle.dataset.filter = 'alle';
+    alle.setAttribute('aria-pressed', quellenFilter === 'alle' ? 'true' : 'false');
+    alle.addEventListener('click', function () { setzeQuellenfilter('alle'); });
+    box.appendChild(alle);
+
+    var gesehen = {};
+    SKILLS.forEach(function (s) {
+      if (gesehen[s.quelleSchluessel]) return;
+      gesehen[s.quelleSchluessel] = true;
+      var idx = quellenIndex(s.quelleText);
+      var chip = e('button', 'chip', s.quelleName);
+      chip.title = s.quelleText;
+      chip.type = 'button';
+      chip.dataset.filter = s.quelleSchluessel;
+      chip.setAttribute('aria-pressed', quellenFilter === s.quelleSchluessel ? 'true' : 'false');
+      var punkt = e('i');
+      punkt.style.background = 'var(--q' + (idx + 1) + ')';
+      chip.insertBefore(punkt, chip.firstChild);
+      chip.addEventListener('click', function () { setzeQuellenfilter(s.quelleSchluessel); });
+
+      // Quellen-Chip-Paar (E60): links filtert der Name, rechts öffnet das Pfeilsymbol die Quelle
+      // (Repo-Seite im Browser, lokale Arbeitskopie im Finder). Kein <a> im <button>, deshalb
+      // stehen sie nebeneinander in einer gemeinsamen Hülle.
+      var quelle = QUELLEN.filter(function (q) { return q.text === s.quelleText; })[0];
+      if (quelle) {
+        var gruppe = e('span', 'chipgruppe');
+        gruppe.appendChild(chip);
+        var lokal = quelle.art === 'lokal';
+        var oeffnen = document.createElement(lokal ? 'button' : 'a');
+        if (lokal) oeffnen.type = 'button'; else oeffnen.href = '#';
+        oeffnen.className = 'chipoeffnen';
+        oeffnen.title = quelle.text;
+        oeffnen.setAttribute('aria-label', s.quelleName + ' ' + (lokal ? 'im Finder öffnen' : 'im Browser öffnen'));
+        oeffnen.appendChild(externSvg());
+        oeffnen.addEventListener('click', function (ev) {
+          ev.preventDefault();
+          ev.stopPropagation();
+          window.hmgr.quelleOeffnen(quelle.text).catch(function () {});
+        });
+        gruppe.appendChild(oeffnen);
+        box.appendChild(gruppe);
+      } else {
+        box.appendChild(chip);
+      }
+    });
+  }
+
+  function setzeQuellenfilter(wert) {
+    quellenFilter = wert;
+    document.querySelectorAll('#quellenfilter .chip').forEach(function (c) {
+      c.setAttribute('aria-pressed', c.dataset.filter === wert ? 'true' : 'false');
+    });
+    filtereSkills();
+  }
+
+  /** Immer sichtbare Marken einer Skill-Zeile aus dem Frontmatter (E55), nur wenn zutreffend.
+      Hooks und vorab erlaubte Werkzeuge sind sicherheitsrelevant und deshalb warnend gefärbt (F11). */
+  function skillMarken(skill) {
+    var marken = [];
+    if (skill.nurPerBefehl) marken.push({ text: 'nur per /' + skill.name });
+    if (skill.nichtPerBefehl) marken.push({ text: 'nicht per /' + skill.name });
+    if (skill.registriertHooks) marken.push({ text: 'registriert Hooks', warnend: true });
+    if (skill.werkzeugeErlaubt) marken.push({ text: 'Werkzeuge vorab erlaubt', warnend: true });
+    return marken;
+  }
+
+  /** Die Marken eines Skills als fertige Box, für Katalog und Skills-hinzufügen-Dialog (F13).
+      Ohne Besonderheiten null, dann bleibt die Zeile unverändert. */
+  function skillMarkenBox(skill) {
+    var marken = skillMarken(skill);
+    if (marken.length === 0) return null;
+    var box = e('span', 'marken');
+    marken.forEach(function (m) { box.appendChild(e('span', 'merker leise' + (m.warnend ? ' warnend' : ''), m.text)); });
+    return box;
+  }
+
+  /** Zeilen des Aufklappbereichs einer Skill-Zeile aus dem Frontmatter (E55), nur wenn vorhanden. */
+  function skillDetails(skill) {
+    var zeilen = [];
+    if (skill.kompatibilitaet) zeilen.push({ label: 'Kompatibilität', text: skill.kompatibilitaet });
+    if (skill.modell) zeilen.push({ label: 'Modell', text: skill.modell });
+    if (skill.eigenerKontext) zeilen.push({ label: 'Kontext', text: 'läuft in eigenem Kontext' });
+    if (skill.argumentHinweis) zeilen.push({ label: 'Argumente', text: skill.argumentHinweis });
+    return zeilen;
+  }
+
+  function baueSkills() {
+    var liste = $('katalog');
+    liste.textContent = '';
+    SKILLS.forEach(function (skill, i) {
+      var li = e('li', 'zeile');
+      li.dataset.index = i;
+      var idx = quellenIndex(skill.quelleText);
+      li.style.borderLeftColor = 'var(--q' + (idx + 1) + ')';
+
+      var links = e('div');
+      var titel = e('h3');
+      var herkunftQuelle = QUELLEN.filter(function (q) { return q.text === skill.quelleText; })[0];
+      // Quellen-Icon vor dem Namen, wie in den Ziel-Tabellen (E60). Ohne bekannte Quelle generisch.
+      titel.appendChild(repoIcon(herkunftQuelle || { art: 'lokal', pfad: skill.quelleText }));
+      titel.appendChild(document.createTextNode(skill.name));
+      var markenBox = skillMarkenBox(skill);
+      if (markenBox) titel.appendChild(markenBox);
+      links.appendChild(titel);
+      links.appendChild(e('p', 'beschreibung', skill.beschreibung || ''));
+      // Herkunft: der Name der Quelle, anklickbar wie überall sonst (E60), die Adresse steht im
+      // title. Fehlt die Quelle in der Liste (Katalog und Quellen kämen auseinander), bleibt es
+      // beim reinen Text — angeschrieben ist die Zeile so oder so.
+      var herkunft = e('p', 'herkunft mono');
+      if (herkunftQuelle) {
+        herkunft.appendChild(quelleLinkElement(herkunftQuelle));
+        herkunft.appendChild(e('b', null, ' · Ref ' + skill.ref));
+      } else {
+        herkunft.title = skill.quelleText;
+        herkunft.appendChild(e('b', null, skill.quelleName + ' · Ref ' + skill.ref));
+      }
+      links.appendChild(herkunft);
+
+      var rechts = e('div', 'rechts');
+      var details = skillDetails(skill);
+      var umschalter = null;
+      var koerperId = 'skillkoerper-' + i;
+      // Der Aufklappzustand überlebt den Neuaufbau durch ladeAlles (F10), wie ZIEL_OFFEN.
+      var offen = !!SKILL_OFFEN[skillKey(skill)];
+      if (details.length > 0) {
+        umschalter = e('button', 'aufklappknopf');
+        umschalter.type = 'button';
+        umschalter.setAttribute('aria-expanded', offen ? 'true' : 'false');
+        umschalter.setAttribute('aria-controls', koerperId);
+        umschalter.setAttribute('aria-label', 'Details zu ' + skill.name + ' ein- oder ausklappen');
+        var pfeil = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        pfeil.setAttribute('viewBox', '0 0 16 16');
+        pfeil.setAttribute('class', 'akkordeonpfeil dunkel');
+        pfeil.setAttribute('aria-hidden', 'true');
+        pfeil.innerHTML = '<path d="M4 6.5 8 10.5 12 6.5"/>';
+        umschalter.appendChild(pfeil);
+        rechts.appendChild(umschalter);
+      }
+      var knopf = e('button', 'knopf leise', 'Verlinken');
+      knopf.type = 'button';
+      knopf.addEventListener('click', function () { starteVerlinken(i); });
+      rechts.appendChild(knopf);
+
+      li.appendChild(links);
+      li.appendChild(rechts);
+
+      if (details.length > 0 && umschalter) {
+        var koerper = e('div', 'skillkoerper');
+        koerper.id = koerperId;
+        koerper.hidden = !offen;
+        details.forEach(function (d) {
+          var zeile = e('p', 'skilldetail');
+          zeile.appendChild(e('b', null, d.label + ': '));
+          zeile.appendChild(document.createTextNode(d.text));
+          koerper.appendChild(zeile);
+        });
+        li.appendChild(koerper);
+        umschalter.addEventListener('click', function () {
+          var war = umschalter.getAttribute('aria-expanded') === 'true';
+          umschalter.setAttribute('aria-expanded', war ? 'false' : 'true');
+          koerper.hidden = war;
+          SKILL_OFFEN[skillKey(skill)] = !war;
+        });
+      }
+
+      liste.appendChild(li);
+    });
+    filtereSkills();
+  }
+
+  function filtereSkills() {
+    var suche = $('suchfeld').value.trim().toLowerCase();
+    var sichtbar = 0;
+    document.querySelectorAll('#katalog .zeile').forEach(function (li) {
+      var skill = SKILLS[+li.dataset.index];
+      var passtSuche = !suche || skill.name.toLowerCase().indexOf(suche) > -1 || skill.pfad.toLowerCase().indexOf(suche) > -1;
+      var passtFilter = quellenFilter === 'alle' || skill.quelleSchluessel === quellenFilter;
+      var an = passtSuche && passtFilter;
+      li.hidden = !an;
+      if (an) sichtbar++;
+    });
+    $('katalogzahl').textContent = sichtbar + ' von ' + SKILLS.length + ' Skills gezeigt';
+  }
+  $('suchfeld').addEventListener('input', filtereSkills);
+
+  var laufendeSkill = null;
+  function starteVerlinken(index) {
+    laufendeSkill = index;
+    var skill = SKILLS[index];
+    $('dz-skill').textContent = skill.name;
+    var box = $('dz-ziele');
+    box.textContent = '';
+    ZIELE.forEach(function (z) {
+      var schon = z.eintraege.some(function (ei) {
+        var n = ei.art === 'link' ? ei.link.name : ei.name;
+        return n === skill.name;
+      });
+      var label = e('label', 'wahlzeile');
+      var input = document.createElement('input');
+      input.type = 'checkbox';
+      input.value = String(ZIELE.indexOf(z));
+      input.disabled = schon;
+      label.appendChild(input);
+      var txt = e('span');
+      txt.appendChild(beschriftet(e('b', null, zielTitel(z)), z.ziel.harness));
+      txt.appendChild(e('span', 'mono', pfadKurz(z.verzeichnis)));
+      if (schon) txt.appendChild(e('span', 'notiz', 'Hängt hier schon.'));
+      label.appendChild(txt);
+      box.appendChild(label);
+    });
+    zeige($('d-ziel'));
+  }
+
+  $('d-ziel').addEventListener('submit', function (ev) {
+    if (ev.submitter && ev.submitter.value === 'los') {
+      var gewaehlt = Array.from($('dz-ziele').querySelectorAll('input:checked'));
+      if (gewaehlt.length === 0) ev.preventDefault();
+    }
+  });
+
+  nachDialog($('d-ziel'), async function (wert) {
+    if (wert !== 'los' || laufendeSkill === null) return;
+    var skill = SKILLS[laufendeSkill];
+    var indizes = Array.from($('dz-ziele').querySelectorAll('input:checked')).map(function (i) { return +i.value; });
+    var ergebnisZeilen = [];
+    var hinweise = [];
+    for (var n = 0; n < indizes.length; n++) {
+      var z = ZIELE[indizes[n]];
+      try {
+        var gelegt = await rufe(function () {
+          return window.hmgr.linkLegen({ skill: skill.name, harness: z.ziel.harness, ort: z.ziel.ort, quelle: skill.quelleText });
+        });
+        hinweise.push(gelegt.hinweis);
+        ergebnisZeilen.push({ ok: true, ziel: z });
+      } catch (fehler) {
+        ergebnisZeilen.push({ ok: false, ziel: z, fehler: fehler.message });
+      }
+    }
+    await ladeAlles();
+    $('de-titel').textContent = 'Verlinkt';
+    var erfolge = ergebnisZeilen.filter(function (r) { return r.ok; }).length;
+    $('de-text').textContent = skill.name + ' hängt jetzt in ' + erfolge + (erfolge === 1 ? ' Ziel.' : ' Zielen.');
+    setzeErfolgHinweise(hinweise);
+    var ul = $('de-liste');
+    ul.textContent = '';
+    ergebnisZeilen.forEach(function (r) {
+      var li = e('li');
+      li.appendChild(e('span', r.ok ? 'ok' : 'aus', r.ok ? 'Link' : 'Fehler'));
+      var s = e('span');
+      s.appendChild(beschriftet(e('b', null, zielTitel(r.ziel)), r.ziel.ziel.harness));
+      s.appendChild(e('span', 'mono', r.ok ? pfadKurz(r.ziel.verzeichnis) + '/' + skill.name : r.fehler));
+      li.appendChild(s);
+      ul.appendChild(li);
+    });
+    setTimeout(function () { zeige($('d-erfolg')); }, 90);
+  });
+
+  /* E47: Gegenrichtung zu starteVerlinken/d-ziel. Mehrfachauswahl über den ganzen Katalog, schon
+     hier hängende Skills (gleicher Name, egal welche Art) sind ausgegraut. E53 erweitert das um
+     einen zweiten Modus für den Chip „Alle" einer Verzeichnis-Karte: modus „alle" grauet einen
+     Skill nur aus, wenn er in ALLEN beteiligten Harnesses hängt, und verlinkt je Harness, wo er fehlt. */
+  var skillsKontext = null;
+  function dskBilanzAktualisieren() {
+    var n = $('dsk-liste').querySelectorAll('input:checked').length;
+    $('dsk-bilanz').textContent = zahlwort(n, 'ausgewählt', 'ausgewählt');
+  }
+  function filtereDskListe() {
+    var suche = $('dsk-suche').value.trim().toLowerCase();
+    document.querySelectorAll('#dsk-liste .wahlzeile').forEach(function (label) {
+      var skill = SKILLS[+label.dataset.index];
+      label.hidden = !!suche && skill.name.toLowerCase().indexOf(suche) === -1;
+    });
+  }
+  $('dsk-suche').addEventListener('input', filtereDskListe);
+
+  function oeffneSkillsHinzufuegen(z) {
+    skillsKontext = { modus: 'einzeln', z: z };
+    $('dsk-ziel').textContent = zielTitel(z);
+    $('dsk-suche').value = '';
+    var box = $('dsk-liste');
+    box.textContent = '';
+    var vorhandeneNamen = z.eintraege.map(function (ei) { return ei.art === 'link' ? ei.link.name : ei.name; });
+    SKILLS.forEach(function (skill, i) {
+      var schon = vorhandeneNamen.indexOf(skill.name) > -1;
+      var label = e('label', 'wahlzeile quellfarbe');
+      label.dataset.index = i;
+      var idx = quellenIndex(skill.quelleText);
+      label.style.borderLeftColor = 'var(--q' + (idx + 1) + ')';
+      var input = document.createElement('input');
+      input.type = 'checkbox';
+      input.value = String(i);
+      input.disabled = schon;
+      input.addEventListener('change', dskBilanzAktualisieren);
+      label.appendChild(input);
+      var txt = e('span');
+      txt.appendChild(e('b', null, skill.name));
+      // Dieselben Marken wie im Katalog (F13): hier fällt die Entscheidung, was installiert wird.
+      var marken = skillMarkenBox(skill);
+      if (marken) txt.appendChild(marken);
+      var quelleSpanEl = e('span', 'mono', skill.quelleName + ' · Ref ' + skill.ref);
+      quelleSpanEl.title = skill.quelleText;
+      txt.appendChild(quelleSpanEl);
+      if (schon) txt.appendChild(e('span', 'notiz', 'Hängt hier schon.'));
+      label.appendChild(txt);
+      box.appendChild(label);
+    });
+    dskBilanzAktualisieren();
+    zeige($('d-skills'));
+    $('dsk-suche').focus();
+  }
+
+  /** Skills-hinzufügen-Dialog für den Chip „Alle" (E53 Pkt. 4): ausgegraut nur, wenn ein Skill in
+      allen beteiligten Harnesses schon hängt. */
+  function oeffneSkillsHinzufuegenAlle(pfad, teile) {
+    skillsKontext = { modus: 'alle', pfad: pfad, teile: teile };
+    $('dsk-ziel').textContent = pfadKurz(pfad) + ' (alle Harnesses)';
+    $('dsk-suche').value = '';
+    var box = $('dsk-liste');
+    box.textContent = '';
+    var vorhandeneJeHarness = teile.map(function (z) {
+      return z.eintraege.map(function (ei) { return ei.art === 'link' ? ei.link.name : ei.name; });
+    });
+    SKILLS.forEach(function (skill, i) {
+      var fehltIn = teile.filter(function (z, n) { return vorhandeneJeHarness[n].indexOf(skill.name) === -1; });
+      var ueberall = fehltIn.length === 0;
+      var label = e('label', 'wahlzeile quellfarbe');
+      label.dataset.index = i;
+      var idx = quellenIndex(skill.quelleText);
+      label.style.borderLeftColor = 'var(--q' + (idx + 1) + ')';
+      var input = document.createElement('input');
+      input.type = 'checkbox';
+      input.value = String(i);
+      input.disabled = ueberall;
+      input.addEventListener('change', dskBilanzAktualisieren);
+      label.appendChild(input);
+      var txt = e('span');
+      txt.appendChild(e('b', null, skill.name));
+      // Dieselben Marken wie im Katalog (F13): hier fällt die Entscheidung, was installiert wird.
+      var marken = skillMarkenBox(skill);
+      if (marken) txt.appendChild(marken);
+      var quelleSpanEl = e('span', 'mono', skill.quelleName + ' · Ref ' + skill.ref);
+      quelleSpanEl.title = skill.quelleText;
+      txt.appendChild(quelleSpanEl);
+      if (ueberall) txt.appendChild(e('span', 'notiz', 'Hängt schon überall.'));
+      else if (fehltIn.length < teile.length) {
+        txt.appendChild(e('span', 'notiz', 'Hängt schon in ' + (teile.length - fehltIn.length) + ' von ' + teile.length + ' Harnesses.'));
+      }
+      label.appendChild(txt);
+      box.appendChild(label);
+    });
+    dskBilanzAktualisieren();
+    zeige($('d-skills'));
+    $('dsk-suche').focus();
+  }
+
+  $('d-skills').addEventListener('submit', function (ev) {
+    if (ev.submitter && ev.submitter.value === 'los') {
+      var gewaehlt = Array.from($('dsk-liste').querySelectorAll('input:checked'));
+      if (gewaehlt.length === 0) ev.preventDefault();
+    }
+  });
+
+  nachDialog($('d-skills'), async function (wert) {
+    if (wert !== 'los' || skillsKontext === null) return;
+    var kontext = skillsKontext;
+    var indizes = Array.from($('dsk-liste').querySelectorAll('input:checked')).map(function (i) { return +i.value; });
+
+    if (kontext.modus === 'einzeln') {
+      var z = kontext.z;
+      var ergebnisZeilen = [];
+      // Zwei Skills gleichen Namens aus verschiedenen Quellen stehen beide im Katalog (E32), am Ziel
+      // gilt der Name aber nur einmal (E12), und der Kern ersetzte den eben gelegten Link stumm.
+      // Der zweite gehört daher als Fehler in die Bilanz, sonst meldet der Dialog Links, die es nicht gibt.
+      var vergeben = [];
+      var hinweiseZiel = [];
+      for (var n = 0; n < indizes.length; n++) {
+        var skill = SKILLS[indizes[n]];
+        if (vergeben.indexOf(skill.name) > -1) {
+          ergebnisZeilen.push({
+            ok: false,
+            skill: skill,
+            fehler: 'Ein Skill dieses Namens ist gerade verlinkt worden, hier gibt es den Namen nur einmal.',
+          });
+          continue;
+        }
+        try {
+          var gelegtZiel = await rufe(function () {
+            return window.hmgr.linkLegen({ skill: skill.name, harness: z.ziel.harness, ort: z.ziel.ort, quelle: skill.quelleText });
+          });
+          hinweiseZiel.push(gelegtZiel.hinweis);
+          vergeben.push(skill.name);
+          ergebnisZeilen.push({ ok: true, skill: skill });
+        } catch (fehler) {
+          ergebnisZeilen.push({ ok: false, skill: skill, fehler: fehler.message });
+        }
+      }
+      // Nach dem Verlinken bleibt die Karte offen, in der das Ziel steckt: bei einem
+      // Arbeitsverzeichnis ist das die gebündelte Verzeichnis-Karte, nicht das Ziel allein (E49).
+      ZIEL_OFFEN[kartenKey(z.ziel)] = true;
+      await ladeAlles();
+      var erfolge = ergebnisZeilen.filter(function (r) { return r.ok; }).length;
+      $('de-titel').textContent = 'Verlinkt';
+      $('de-text').textContent = zahlwort(erfolge, 'Skill hängt', 'Skills hängen') + ' jetzt in ' + zielTitel(z) + '.';
+      setzeErfolgHinweise(hinweiseZiel);
+      var ul = $('de-liste');
+      ul.textContent = '';
+      ergebnisZeilen.forEach(function (r) {
+        var li = e('li');
+        li.appendChild(e('span', r.ok ? 'ok' : 'aus', r.ok ? 'Link' : 'Fehler'));
+        var s = e('span');
+        s.appendChild(e('b', null, r.skill.name));
+        if (!r.ok) s.appendChild(e('span', 'mono', r.fehler));
+        li.appendChild(s);
+        ul.appendChild(li);
+      });
+      setTimeout(function () { zeige($('d-erfolg')); }, 90);
+      return;
+    }
+
+    // modus „alle" (E53 Pkt. 4): je gewähltem Skill in jedem Harness verlinken, wo er noch fehlt.
+    // Erfolgsliste je Harness eine Zeile, schon vorhandene Harnesses bleiben ohne Zeile.
+    var pfad = kontext.pfad;
+    var teile = kontext.teile;
+    var zeilenErgebnis = [];
+    // Der Duplikat-Schutz aus dem Einzel-Modus gilt hier je Harness, nicht über die Auswahl hinweg:
+    // derselbe Skill gehört absichtlich in mehrere Harnesses, zwei gleichnamige Skills aus
+    // verschiedenen Quellen (E32) gehören aber in keinem Harness zweimal (E12), der Kern ersetzte
+    // den eben gelegten Link sonst stumm.
+    var vergebenJeHarness = {};
+    var hinweiseAlle = [];
+    for (var m = 0; m < indizes.length; m++) {
+      var sk = SKILLS[indizes[m]];
+      for (var t = 0; t < teile.length; t++) {
+        var zt = teile[t];
+        var vorhandene = zt.eintraege.map(function (ei) { return ei.art === 'link' ? ei.link.name : ei.name; });
+        if (vorhandene.indexOf(sk.name) > -1) continue;
+        var vergebenKey = zt.ziel.harness + '\u0000' + sk.name;
+        if (vergebenJeHarness[vergebenKey]) {
+          zeilenErgebnis.push({
+            ok: false,
+            skill: sk,
+            harness: zt.ziel.harness,
+            fehler: 'Ein Skill dieses Namens ist gerade verlinkt worden, hier gibt es den Namen nur einmal.',
+          });
+          continue;
+        }
+        try {
+          var gelegtAlle = await rufe(function () {
+            return window.hmgr.linkLegen({ skill: sk.name, harness: zt.ziel.harness, ort: zt.ziel.ort, quelle: sk.quelleText });
+          });
+          hinweiseAlle.push(gelegtAlle.hinweis);
+          vergebenJeHarness[vergebenKey] = true;
+          zeilenErgebnis.push({ ok: true, skill: sk, harness: zt.ziel.harness });
+        } catch (fehler) {
+          zeilenErgebnis.push({ ok: false, skill: sk, harness: zt.ziel.harness, fehler: fehler.message });
+        }
+      }
+    }
+    VERZ_CHIP[verzKey(pfad)] = 'alle';
+    ZIEL_OFFEN[verzKey(pfad)] = true;
+    await ladeAlles();
+    var erfolgeAlle = zeilenErgebnis.filter(function (r) { return r.ok; }).length;
+    $('de-titel').textContent = 'Verlinkt';
+    $('de-text').textContent = zahlwort(erfolgeAlle, 'Link angelegt', 'Links angelegt') + ' in ' + pfadKurz(pfad) + '.';
+    setzeErfolgHinweise(hinweiseAlle);
+    var ul2 = $('de-liste');
+    ul2.textContent = '';
+    zeilenErgebnis.forEach(function (r) {
+      var li = e('li');
+      li.appendChild(e('span', r.ok ? 'ok' : 'aus', r.ok ? 'Link' : 'Fehler'));
+      var s = e('span');
+      // Derselbe Skill steht hier je Harness einmal. Der Harness gehört als Text dazu, das Zeichen
+      // allein trägt keine Beschriftung und die Zeilen wären sonst nicht zu unterscheiden.
+      s.appendChild(beschriftet(e('b', null, r.skill.name), r.harness));
+      s.appendChild(e('span', 'mono', harnessName(r.harness) + (r.ok ? '' : ' · ' + r.fehler)));
+      li.appendChild(s);
+      ul2.appendChild(li);
+    });
+    setTimeout(function () { zeige($('d-erfolg')); }, 90);
+  });
+
+  /* ================= AKTUALISIEREN ================= */
+
+  /**
+   * Ein Aktualisieren-Lauf, von Hand über den Knopf oder selbsttätig angestoßen (E44). Eine Sperre
+   * über den disabled-Zustand des Knopfs verhindert, dass ein Anstoß während eines laufenden Laufs
+   * etwas tut. Automatische Läufe rufen den Kern ohne Rückfrage, sie räumen also nichts weg.
+   */
+  /* Stand-Zeile der Seitenleiste (Entwurf): hervorgehoben „N Quellen mit Neuem" nach einem
+     automatischen Lauf mit Änderungen, bis die Update-Ansicht den Bericht zeigt; sonst ruhig
+     „Alles aktuell, HH:MM geprüft", oder bei Fehlschlägen (E51) „Prüfung fehlgeschlagen, HH:MM"
+     (alle Quellen-Abrufe gescheitert) bzw. „Geprüft mit Fehlern, HH:MM" (Mischung). Das „mit
+     Neuem"-Signal hat Vorrang: es kündigt sich sofort nach einem automatischen Lauf an, die
+     Fehlerkennzeichnung gilt erst wieder im ruhigen Zustand danach. */
+  var standZeit = null;
+  var standFehlerZustand = 'keine';
+  function standRuhig() {
+    var text = 'Alles aktuell, ' + standZeit + ' geprüft';
+    if (standZeit === null) text = 'Noch nicht aktualisiert';
+    else if (standFehlerZustand === 'alle') text = 'Prüfung fehlgeschlagen, ' + standZeit;
+    else if (standFehlerZustand === 'gemischt') text = 'Geprüft mit Fehlern, ' + standZeit;
+    $('standtext').textContent = text;
+    $('standknopf').classList.remove('neu');
+    $('standknopf').textContent = 'Prüfen';
+  }
+  function standNachLauf(ergebnis, automatisch, uhrzeit) {
+    standZeit = uhrzeit;
+    var quellen = {};
+    ergebnis.checkouts.forEach(function (c) {
+      if (c.aktualisierung.ergebnis === 'aktualisiert') quellen[quelleKurz(c.checkout.quelle)] = true;
+    });
+    var neue = Object.keys(quellen).length;
+    var fehlgeschlagen = ergebnis.checkouts.filter(function (c) { return c.aktualisierung.ergebnis === 'fehlgeschlagen'; }).length;
+    var gesamt = ergebnis.checkouts.length;
+    standFehlerZustand = fehlgeschlagen === 0 ? 'keine' : fehlgeschlagen === gesamt ? 'alle' : 'gemischt';
+    // Von Hand läuft es in der Update-Ansicht, der Bericht ist schon sichtbar: nichts anzukündigen.
+    if (neue === 0 || !automatisch || !$('ansicht-update').hidden) return standRuhig();
+    var p = $('standtext');
+    p.textContent = '';
+    p.appendChild(e('b', null, zahlwort(neue, 'Quelle', 'Quellen')));
+    p.appendChild(document.createTextNode(' mit Neuem'));
+    $('standknopf').classList.add('neu');
+    $('standknopf').textContent = 'Ansehen';
+  }
+
+  async function aktualisierenLauf(automatisch) {
+    var knopf = $('updatestart');
+    if (knopf.disabled) return;
+    knopf.disabled = true;
+    knopf.textContent = 'Läuft …';
+    $('standtext').textContent = 'Prüft …';
+    try {
+      var ergebnis = await rufe(function () {
+        return automatisch ? window.hmgr.aktualisieren({ rueckfragen: false }) : window.hmgr.aktualisieren();
+      });
+      baueBericht(ergebnis);
+      var uhrzeit = new Date().toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
+      var ausloeser = automatisch ? 'automatisch' : 'von Hand';
+      $('updatestand').textContent = 'Zuletzt ' + uhrzeit + ', ' + ausloeser + ', ' + ergebnis.checkouts.length + ' Checkouts.';
+      standNachLauf(ergebnis, automatisch, uhrzeit);
+      await ladeAlles();
+    } finally {
+      knopf.disabled = false;
+      knopf.textContent = 'Jetzt aktualisieren';
+      // Scheiterte der Lauf, bliebe sonst „Prüft …" stehen.
+      if ($('standtext').textContent === 'Prüft …') standRuhig();
+    }
+  }
+
+  $('updatestart').addEventListener('click', function () { aktualisierenLauf(false); });
+  // Der Standknopf sagt, was ein Klick tut: ruhig „Prüfen" (Ansicht öffnen und Lauf starten),
+  // mit Neuem „Ansehen" (nur den Bericht zeigen, der Lauf ist schon gelaufen). Die Klasse muss
+  // vor zeigeAnsicht gelesen werden, denn die räumt den neu-Zustand ab.
+  $('standknopf').addEventListener('click', function () {
+    var neu = this.classList.contains('neu');
+    zeigeAnsicht('update');
+    if (!neu) aktualisierenLauf(false);
+  });
+  window.hmgr.onAktualisierenAnstossen(function () { aktualisierenLauf(true); });
+
+  function baueBericht(ergebnis) {
+    var box = $('bericht');
+    box.textContent = '';
+    box.hidden = false;
+
+    var checkoutBlock = e('div', 'block');
+    checkoutBlock.appendChild(e('span', 'etikett', 'Checkouts'));
+    var cul = e('ul');
+    if (ergebnis.checkouts.length === 0) cul.appendChild(e('li', null, 'Keine Checkouts.'));
+    ergebnis.checkouts.forEach(function (c) {
+      var li = e('li');
+      var a = c.aktualisierung;
+      var art = a.ergebnis === 'aktualisiert' || a.ergebnis === 'unveraendert' ? 'ok' : 'aus';
+      var text = a.ergebnis === 'aktualisiert' ? 'aktualisiert'
+        : a.ergebnis === 'unveraendert' ? 'unverändert'
+        : a.ergebnis === 'fehlgeschlagen' ? 'fehlgeschlagen (' + a.fehler + ')'
+        : 'übersprungen (lokale Änderung)';
+      li.appendChild(e('span', 'marke-' + art, text));
+      li.appendChild(quelleSpan('pfad', c.checkout.quelle, ' @ ' + c.checkout.ref));
+      cul.appendChild(li);
+    });
+    checkoutBlock.appendChild(cul);
+    box.appendChild(checkoutBlock);
+
+    if (ergebnis.pluginHarnesses.length > 0) {
+      var pluginBlock = e('div', 'block');
+      pluginBlock.appendChild(e('span', 'etikett', 'Plugins'));
+      var pul = e('ul');
+      ergebnis.pluginHarnesses.forEach(function (name) {
+        var li = e('li');
+        li.appendChild(e('span', 'marke-ok', 'aktualisiert'));
+        li.appendChild(e('span', 'pfad', name));
+        pul.appendChild(li);
+      });
+      pluginBlock.appendChild(pul);
+      box.appendChild(pluginBlock);
+    }
+
+    if (ergebnis.aufraeumen.verwaiste.length > 0) {
+      var raeumBlock = e('div', 'block entfernt');
+      raeumBlock.appendChild(e('span', 'etikett', 'Verwaiste Checkouts'));
+      var rul = e('ul');
+      ergebnis.aufraeumen.verwaiste.forEach(function (v) {
+        var li = e('li');
+        var text = v.geloescht ? 'gelöscht' : v.lokaleAenderung ? 'liegen gelassen (lokale Änderung)' : 'liegen gelassen';
+        li.appendChild(e('span', v.geloescht ? 'marke-aus' : 'marke-aus', text));
+        li.appendChild(quelleSpan('pfad', v.checkout.quelle, ' @ ' + v.checkout.ref));
+        rul.appendChild(li);
+      });
+      raeumBlock.appendChild(rul);
+      box.appendChild(raeumBlock);
+    }
+  }
+
+  /* ================= PLUGINS ================= */
+
+  function baueMarketplaces() {
+    var box = $('pluginliste');
+    box.textContent = '';
+    if (MARKETPLACES.length === 0) {
+      box.appendChild(e('p', 'leerhinweis', 'Keine Quelle mit marketplace.json bekannt.'));
+      return;
+    }
+    MARKETPLACES.forEach(function (m) {
+      var markt = e('div', 'markt');
+      var kopf = e('div', 'marktkopf');
+      kopf.appendChild(e('h3', null, m.name));
+      kopf.appendChild(e('span', 'mono', m.quelleText));
+      markt.appendChild(kopf);
+      m.plugins.forEach(function (plugin) {
+        var zeile = e('div', 'pluginzeile');
+        var links = e('div');
+        links.appendChild(e('h4', null, plugin.name));
+        links.appendChild(e('p', null, plugin.skills.length + (plugin.skills.length === 1 ? ' Skill' : ' Skills') +
+          ': ' + plugin.skills.map(function (s) { return s.name; }).join(', ')));
+        if (plugin.dependencies.length > 0) {
+          var kette = e('div', 'kette');
+          kette.appendChild(e('span', 'glied', plugin.name));
+          plugin.dependencies.forEach(function (dep) {
+            kette.appendChild(e('span', 'pfeil', '→'));
+            kette.appendChild(e('span', 'glied', dep));
+          });
+          links.appendChild(kette);
+        }
+        zeile.appendChild(links);
+        markt.appendChild(zeile);
+      });
+      box.appendChild(markt);
+    });
+  }
+
+  /* ================= EINSTELLUNGEN ================= */
+
+  /** Ziele eines Harness-Typs mit mindestens einem eigenen Link oder liegen gebliebener
+      harness-eigener Registrierung ohne Links (E38 R7): die Konfiguration, die „Säubern" wegräumt.
+      Aus istZustand abgelesen, wie GRILL.md Entwurfskritik 4 es vorgibt. */
+  function harnessBilanz(h) {
+    var ziele = ZIELE.filter(function (z) {
+      if (z.ziel.harness !== h) return false;
+      return z.eintraege.some(function (ei) { return ei.art !== 'fremd'; }) || z.istRegistriert;
+    });
+    var links = 0, eintraege = 0;
+    ziele.forEach(function (z) {
+      links += z.eintraege.filter(function (ei) { return ei.art !== 'fremd'; }).length;
+      if (z.istRegistriert) eintraege += 1;
+    });
+    return { ziele: ziele, links: links, eintraege: eintraege };
+  }
+  function zahlwort(n, ein, viele) { return n + ' ' + (n === 1 ? ein : viele); }
+  function bilanzText(b) {
+    // Wer den harness-eigenen Eintrag angelegt hat, weiß niemand (E38 R7), also wird er benannt,
+    // nicht hmgr zugeschrieben.
+    var teile = [b.links
+      ? zahlwort(b.links, 'Link', 'Links') + ' in ' + zahlwort(b.ziele.length, 'Ziel', 'Zielen')
+      : zahlwort(b.ziele.length, 'leeres Ziel', 'leere Ziele')];
+    if (b.eintraege) teile.push(zahlwort(b.eintraege, 'harness-eigener Eintrag', 'harness-eigene Einträge'));
+    return teile.join(', ');
+  }
+  function fuelleBilanzListe(ul, bilanz) {
+    ul.textContent = '';
+    bilanz.ziele.forEach(function (z) {
+      var linkZahl = z.eintraege.filter(function (ei) { return ei.art !== 'fremd'; }).length;
+      ul.appendChild(e('li', null, pfadKurz(z.verzeichnis) + '  ·  ' + zahlwort(linkZahl, 'Link', 'Links')));
+    });
+  }
+
+  /** Was „Säubern" weggeräumt hat, aus dem Ergebnis des Anwendungsfalls statt aus einer Schätzung. */
+  function saeuberMeldung(kopf, ergebnis) {
+    var ziele = ergebnis.ziele.filter(function (z) { return z.entfernteLinks.length > 0; });
+    var links = 0;
+    ziele.forEach(function (z) { links += z.entfernteLinks.length; });
+    var eintraege = ergebnis.ziele.filter(function (z) { return z.konfigurationZurueckgebaut; }).length;
+    var teile = [];
+    if (links) teile.push(zahlwort(links, 'Link', 'Links') + ' in ' + zahlwort(ziele.length, 'Ziel', 'Zielen'));
+    if (eintraege) teile.push(zahlwort(eintraege, 'harness-eigener Eintrag', 'harness-eigene Einträge'));
+    return kopf + ' '
+      + (teile.length ? teile.join(' und ') + ' entfernt' : 'Es war nichts wegzuräumen')
+      + '. Nicht von hmgr verwaltete Einträge liegen unverändert in den Verzeichnissen.';
+  }
+
+  function baueHarnessliste() {
+    var ul = $('harnessliste');
+    // Der Neuaufbau wirft den Schalter weg, auf dem der Fokus steht. Nach einer Rückfrage ist genau
+    // das der Fall, also merken und wieder hinsetzen.
+    var vorher = document.activeElement;
+    var merk = vorher && vorher.dataset && ul.contains(vorher) ? vorher.dataset.harness : null;
+    ul.textContent = '';
+    HARNESSE_ALLE.forEach(function (h) {
+      var li = document.createElement('li');
+      var label = e('label', 'harnessschalter');
+      var input = document.createElement('input');
+      input.type = 'checkbox';
+      input.checked = harnessAktiv(h);
+      input.dataset.harness = h;
+      input.addEventListener('change', function () { schalteHarness(h, input.checked); });
+      label.appendChild(input);
+
+      var txt = e('span');
+      txt.appendChild(beschriftet(e('b', null, harnessName(h)), h));
+      var bilanz = harnessBilanz(h);
+      var stand = harnessAktiv(h)
+        ? (bilanz.ziele.length
+          ? zahlwort(bilanz.ziele.length, 'Ziel', 'Ziele') + ' · ' + zahlwort(bilanz.links, 'Link', 'Links')
+          : 'aktiv, noch kein Ziel')
+        : (bilanz.ziele.length ? 'inaktiv, Konfiguration liegt noch' : 'inaktiv');
+      // Der Schalter bleibt auch ohne Installation stehen, damit Säubern erreichbar ist (E42).
+      if (HARNESSE_NICHT_INSTALLIERT.indexOf(h) !== -1) stand += ' · nicht installiert';
+      txt.appendChild(e('small', null, stand));
+      label.appendChild(txt);
+      li.appendChild(label);
+      ul.appendChild(li);
+    });
+    if (merk) {
+      var zurueck = ul.querySelector('input[data-harness="' + merk + '"]');
+      if (zurueck) zurueck.focus();
+    }
+  }
+
+  var harnessKandidat = null;
+  function schalteHarness(h, an) {
+    var bilanz = harnessBilanz(h);
+    if (an) {
+      rufe(function () { return window.hmgr.harnessAktivieren(h); }).then(async function () {
+        await ladeAlles();
+        melde(harnessName(h) + ' ist wieder aktiv. ' + (bilanz.ziele.length
+          ? 'hmgr pflegt ' + zahlwort(bilanz.ziele.length, 'vorhandenes Ziel', 'vorhandene Ziele') + ' wieder.'
+          : 'Die Plätze zum Einrichten stehen wieder offen.'));
+      });
+      return;
+    }
+    if (bilanz.ziele.length === 0) {
+      rufe(function () { return window.hmgr.harnessDeaktivieren(h); }).then(async function () {
+        await ladeAlles();
+        melde(harnessName(h) + ' ist inaktiv. hmgr hat hier keine Links liegen.');
+      });
+      return;
+    }
+    harnessKandidat = h;
+    $('dh-titel').textContent = harnessName(h) + ' deaktivieren?';
+    beschriftet($('dh-titel'), h);
+    $('dh-text').textContent = 'Es liegt noch Konfiguration (' + bilanzText(bilanz)
+      + '). Säubern entfernt die hmgr-Links und harness-eigene Einträge, nicht von hmgr verwaltete Einträge bleiben.';
+    fuelleBilanzListe($('dh-liste'), bilanz);
+    zeige($('d-harness'));
+  }
+  nachDialog($('d-harness'), async function (wert) {
+    var h = harnessKandidat;
+    harnessKandidat = null;
+    if (!h) return;
+    if (wert === 'saeubern') {
+      await rufe(function () { return window.hmgr.harnessDeaktivieren(h); });
+      var ergebnis = await rufe(function () { return window.hmgr.saeubern(h); });
+      await ladeAlles();
+      melde(saeuberMeldung(harnessName(h) + ' deaktiviert und gesäubert.', ergebnis));
+    } else if (wert === 'nur') {
+      var liegen = bilanzText(harnessBilanz(h));
+      await rufe(function () { return window.hmgr.harnessDeaktivieren(h); });
+      await ladeAlles();
+      melde(harnessName(h) + ' deaktiviert. ' + liegen + ' bleiben liegen, hmgr pflegt sie nicht mehr. Im Ziel steht ein Säubern-Knopf, wenn du sie doch loswerden willst.');
+    } else {
+      // Abbruch: der Schalter im DOM steht noch auf aus, die Einstellung nicht. Neu aufbauen setzt ihn zurück.
+      baueHarnessliste();
+    }
+  });
+
+  /* Derselbe Weg für Konfiguration, die schon ohne aktiven Harness dalag (Säubern-Knopf im Ziel). */
+  var saeuberKandidat = null;
+  function frageSaeubern(h) {
+    saeuberKandidat = h;
+    var bilanz = harnessBilanz(h);
+    $('ds-titel').textContent = harnessName(h) + ' säubern?';
+    beschriftet($('ds-titel'), h);
+    $('ds-text').textContent = harnessName(h) + ' ist inaktiv, Konfiguration liegt noch (' + bilanzText(bilanz)
+      + '). Säubern entfernt die hmgr-Links und harness-eigene Einträge, nicht von hmgr verwaltete Einträge bleiben.';
+    fuelleBilanzListe($('ds-liste'), bilanz);
+    zeige($('d-saeubern'));
+  }
+  nachDialog($('d-saeubern'), async function (wert) {
+    var h = saeuberKandidat;
+    saeuberKandidat = null;
+    if (wert !== 'los' || !h) return;
+    var ergebnis = await rufe(function () { return window.hmgr.saeubern(h); });
+    await ladeAlles();
+    melde(saeuberMeldung(harnessName(h) + ' gesäubert.', ergebnis));
+  });
+
+  function baueEinstellungen() {
+    baueHarnessliste();
+    var liste = $('quellenliste');
+    liste.textContent = '';
+    if (QUELLEN.length === 0) {
+      liste.appendChild(e('li', null, 'Noch keine Quelle. „Quelle hinzufügen …" legt die erste an.'));
+      return;
+    }
+    QUELLEN.forEach(function (q) {
+      var li = document.createElement('li');
+      li.appendChild(repoIcon(q));
+      var beschriftung = e('b', null, q.name);
+      beschriftung.title = q.text;
+      li.appendChild(beschriftung);
+
+      // Zweite Zeile, zurückgenommen: volle Adresse, Ref, Skill-Zahl (E60). Ref und Zahl kommen aus
+      // dem schon geladenen Katalog (SKILLS), eine lokale Quelle hat keinen Ref.
+      var ref = STANDARD_REF[q.text];
+      var zahl = SKILLS.filter(function (s) { return s.quelleText === q.text; }).length;
+      var teile = [q.text, q.art === 'lokal' ? 'Arbeitskopie' : (ref || '–'), zahlwort(zahl, 'Skill', 'Skills')];
+      li.appendChild(e('small', null, teile.join(' · ')));
+
+      // Beide Knöpfe in einem Kasten: die Zeile ist ein Grid mit drei Spalten, zwei einzelne
+      // Knöpfe lägen sonst beide in derselben Zelle (Spalte 3, Zeile 1) übereinander.
+      var knoepfe = e('span', 'quellenknoepfe');
+      var stift = e('button', 'umbenennen');
+      stift.type = 'button';
+      stift.title = 'Namen ändern';
+      stift.setAttribute('aria-label', q.name + ' umbenennen');
+      var stiftSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      stiftSvg.setAttribute('viewBox', '0 0 16 16');
+      stiftSvg.setAttribute('fill', 'none');
+      stiftSvg.setAttribute('stroke', 'currentColor');
+      stiftSvg.setAttribute('stroke-width', '1.5');
+      stiftSvg.setAttribute('stroke-linejoin', 'round');
+      stiftSvg.setAttribute('aria-hidden', 'true');
+      stiftSvg.innerHTML = '<path d="M2.6 13.4v-2.5l8-8 2.5 2.5-8 8z"/><path d="M8.9 4.6 11.4 7.1"/>';
+      stift.appendChild(stiftSvg);
+      stift.addEventListener('click', function () { oeffneQuelleUmbenennen(q); });
+      knoepfe.appendChild(stift);
+      var weg = e('button', 'knopf leise klein', 'Entfernen …');
+      weg.type = 'button';
+      weg.setAttribute('aria-label', q.name + ' entfernen');
+      weg.addEventListener('click', function () { frageQuelleVergessen(q); });
+      knoepfe.appendChild(weg);
+      li.appendChild(knoepfe);
+      liste.appendChild(li);
+    });
+  }
+  $('einstellungen').addEventListener('click', function () { zeige($('d-einstellungen')); });
+
+  /* ---------------- Quelle hinzufügen (E54, E59) ---------------- */
+
+  // Vorschlag für den Anzeigenamen, aus der getippten URL/dem Pfad abgeleitet (E59), so lange der
+  // Nutzer das Namensfeld nicht selbst angefasst hat (dqNameBeruehrt). Kleine Kopie derselben Regel
+  // wie quelleAnzeigename/quelleNameAbleiten im Kern: letztes Segment ohne .git-Suffix, dazu die
+  // SSH-Kurzschreibweise git@host:pfad, deren Trenner ein Doppelpunkt statt eines Schrägstrichs ist.
+  function vorschlagAusText(text) {
+    var t = text.trim();
+    if (!t) return '';
+    var scp = /^[^@/]+@[^@/:]+:(.+)$/.exec(t);
+    var pfadteil = scp ? scp[1] : t;
+    var ohneSchraeg = pfadteil.replace(/\/+$/, '');
+    var ohneGit = ohneSchraeg.endsWith('.git') ? ohneSchraeg.slice(0, -4) : ohneSchraeg;
+    return letztesSegment(ohneGit);
+  }
+  var dqNameBeruehrt = false;
+  $('dq-name').addEventListener('input', function () { dqNameBeruehrt = true; });
+  $('dq-text').addEventListener('input', function () {
+    if (dqNameBeruehrt) return;
+    $('dq-name').value = vorschlagAusText($('dq-text').value);
+  });
+
+  $('quelleneu').addEventListener('click', function () {
+    $('dq-text').value = '';
+    $('dq-name').value = '';
+    dqNameBeruehrt = false;
+    $('dq-fehler').hidden = true;
+    zeige($('d-quelle'));
+  });
+  enterBestaetigt($('dq-text'), $('dq-los'));
+  enterBestaetigt($('dq-name'), $('dq-los'));
+
+  // Kein nachDialog: bei einem Fehler (Quelle nicht erreichbar) muss der Dialog offen bleiben und
+  // den Fehler zeigen, statt sich wie bei Erfolg zu schließen. Deshalb der IPC-Aufruf direkt hier,
+  // ohne rufe() (das würde immer die Meldungsleiste befüllen und werfen).
+  $('d-quelle').addEventListener('submit', function (ev) {
+    if (!ev.submitter || ev.submitter.value !== 'los') return;
+    ev.preventDefault();
+    quelleHinzufuegenLos();
+  });
+  // Das Hinzufügen holt die Quelle aus dem Netz, das dauert. Ohne Sperre legte ein zweiter Anstoß
+  // in der Zwischenzeit einen zweiten Lauf an, der denselben Zustand liest und schreibt: die Quelle
+  // stünde zweimal im Zustand. Sperre über den disabled-Zustand wie beim Aktualisieren-Knopf.
+  async function quelleHinzufuegenLos() {
+    var knopf = $('dq-los');
+    if (knopf.disabled) return;
+    var text = $('dq-text').value.trim();
+    var name = $('dq-name').value.trim();
+    $('dq-fehler').hidden = true;
+    if (!text) return;
+    knopf.disabled = true;
+    knopf.textContent = 'Läuft …';
+    var ergebnis;
+    try {
+      ergebnis = await window.hmgr.quelleHinzufuegen(text, name || undefined);
+    } finally {
+      knopf.disabled = false;
+      knopf.textContent = 'Hinzufügen';
+    }
+    if (!ergebnis.ok) {
+      $('dq-fehler').textContent = ergebnis.fehler;
+      $('dq-fehler').hidden = false;
+      return;
+    }
+    $('d-quelle').close('los');
+    var daten = ergebnis.daten;
+    await ladeAlles();
+    if (daten.bekannt) {
+      // Die Adresse gehört dazu (E54): gemeldet wird, unter welcher Schreibweise die Quelle geführt
+      // wird, der Anzeigename allein sagt das nicht.
+      melde('Quelle ist schon bekannt, geführt als „' + daten.quelle.name + '“ (' + daten.quelle.text + ').');
+      return;
+    }
+    var teile = [zahlwort(daten.skills.length, 'Skill', 'Skills')];
+    if (daten.marketplace) teile.push('Marketplace „' + daten.marketplace.name + '“');
+    melde('Quelle „' + daten.quelle.name + '“ hinzugefügt, ' + teile.join(', ') + '.');
+  }
+
+  /* ---------------- Quelle umbenennen (E59) ---------------- */
+
+  var quelleUmbenennenKontext = null;
+  function oeffneQuelleUmbenennen(quelle) {
+    quelleUmbenennenKontext = quelle;
+    $('dqu-text').textContent = '„' + quelle.name + '“ (' + quelle.text + ')';
+    $('dqu-name').value = quelle.name;
+    $('dqu-fehler').hidden = true;
+    zeige($('d-quelle-umbenennen'));
+  }
+  enterBestaetigt($('dqu-name'), $('dqu-los'));
+
+  // Wie bei d-quelle: kein nachDialog, ein Fehler (Namenskollision) muss den Dialog offen halten
+  // und den Fehler dort zeigen (E59), statt sich wie bei Erfolg zu schließen.
+  $('d-quelle-umbenennen').addEventListener('submit', function (ev) {
+    if (!ev.submitter || ev.submitter.value !== 'los') return;
+    ev.preventDefault();
+    quelleUmbenennenLos();
+  });
+  async function quelleUmbenennenLos() {
+    var knopf = $('dqu-los');
+    if (knopf.disabled || quelleUmbenennenKontext === null) return;
+    var quelle = quelleUmbenennenKontext;
+    var name = $('dqu-name').value.trim();
+    $('dqu-fehler').hidden = true;
+    if (!name) return;
+    knopf.disabled = true;
+    knopf.textContent = 'Läuft …';
+    var ergebnis;
+    try {
+      ergebnis = await window.hmgr.quelleUmbenennen(quelle.text, name);
+    } finally {
+      knopf.disabled = false;
+      knopf.textContent = 'Umbenennen';
+    }
+    if (!ergebnis.ok) {
+      $('dqu-fehler').textContent = ergebnis.fehler;
+      $('dqu-fehler').hidden = false;
+      return;
+    }
+    quelleUmbenennenKontext = null;
+    $('d-quelle-umbenennen').close('los');
+    await ladeAlles();
+    melde('Quelle heißt jetzt „' + ergebnis.daten.name + '“.');
+  }
+
+  /* ---------------- Quelle entfernen (E54) ---------------- */
+
+  var quelleVergessenKontext = null;
+  /** Zahl der Links, die nach dem Entfernen als „Link ohne Quelle" liegen bleiben. Über alle Ziele,
+      auch die von abgeschalteten Harnesses und aus Arbeitsverzeichnissen. Die Quelle eines Links
+      ist derselbe Zustandseintrag, den die Quellenliste zeigt (der Adapter setzt sie von dort ein),
+      also ist der Textvergleich hier die Identität, keine Anzeige-Näherung. */
+  function betroffeneLinksZahl(quelle) {
+    var n = 0;
+    ZIELE.forEach(function (z) {
+      z.eintraege.forEach(function (ei) {
+        if (ei.art !== 'link') return;
+        var q = ei.link.checkout.quelle;
+        var textq = q.art === 'git' ? q.url : q.pfad;
+        if (q.art === quelle.art && textq === quelle.text) n++;
+      });
+    });
+    return n;
+  }
+  function frageQuelleVergessen(quelle) {
+    quelleVergessenKontext = quelle;
+    var n = betroffeneLinksZahl(quelle);
+    $('dqv-titel').textContent = '„' + quelle.name + '“ entfernen?';
+    $('dqv-text').textContent = 'Checkouts und Links bleiben liegen. '
+      + (n === 0
+        ? 'Es gibt aktuell keine Links dazu.'
+        : zahlwort(n, 'Link gilt', 'Links gelten') + ' danach als „Link ohne Quelle“, hmgr aktualisiert '
+          + (n === 1 ? 'ihn' : 'sie') + ' nicht mehr. Wieder hinzufügen macht '
+          + (n === 1 ? 'ihn' : 'sie') + ' wieder zu ' + (n === 1 ? 'einem normalen Link' : 'normalen Links') + '.');
+    zeige($('d-quelle-vergessen'));
+  }
+  /** Nach dem „entfernen?“ vergisst hmgr die Quelle, Checkouts und Links bleiben liegen (E54). */
+  async function quelleVergessen(quelle) {
+    await rufe(function () { return window.hmgr.quelleEntfernen(quelle.text); });
+    await ladeAlles();
+    // Der Neuaufbau der Liste wirft den Knopf weg, auf dem der Fokus nach dem Dialog steht. Der
+    // nächstliegende Platz ist der Knopf, der eine neue Quelle anlegt; er steht fest im Markup.
+    $('quelleneu').focus();
+    melde('Quelle „' + quelle.name + '“ aus hmgr entfernt.');
+  }
+  nachDialog($('d-quelle-vergessen'), async function (wert) {
+    if (wert !== 'ja' || quelleVergessenKontext === null) return;
+    var quelle = quelleVergessenKontext;
+    quelleVergessenKontext = null;
+    // Inventar (E58) VOR jeder Wirkung erheben: quelleEntfernen macht ihre Links zu „Link ohne
+    // Quelle“, danach ist die Zuordnung weg. Bei leerem Inventar keine Rückfrage (F31a): sofort
+    // vergessen wie bisher.
+    var inventar = await rufe(function () { return window.hmgr.quelleAufraeumInventar(quelle.text); });
+    if (inventar.links.length === 0 && inventar.checkouts.length === 0) {
+      await quelleVergessen(quelle);
+      return;
+    }
+    frageQuelleAufraeumen(quelle, inventar);
+  });
+
+  /* ---------------- Skills der Quelle komplett löschen (E58, F31a) ---------------- */
+
+  var quelleAufraeumenKontext = null;
+  function frageQuelleAufraeumen(quelle, inventar) {
+    quelleAufraeumenKontext = { quelle: quelle, inventar: inventar };
+    var teile = [
+      zahlwort(inventar.links.length, 'Link', 'Links'),
+      zahlwort(inventar.checkouts.length, 'Checkout', 'Checkouts'),
+    ];
+    function bleibt(n) { return n === 1 ? ', bleibt liegen' : ', bleiben liegen'; }
+    if (inventar.plugins.length > 0) {
+      teile.push(zahlwort(inventar.plugins.length, 'installiertes Plugin', 'installierte Plugins') + bleibt(inventar.plugins.length));
+    }
+    if (inventar.zeigerPfade.length > 0) {
+      teile.push(zahlwort(inventar.zeigerPfade.length, 'Zeiger-Eintrag', 'Zeiger-Einträge') + bleibt(inventar.zeigerPfade.length));
+    }
+    var text = 'Skills von „' + quelle.name + '“ komplett vom Rechner löschen (' + teile.join(', ') + ')?';
+    // Warnung bei lokalen Änderungen (E15, F31a): ein Ja bricht dann ohne zu löschen ab, auch die
+    // Quelle bleibt bekannt, sichtbar VOR der Entscheidung, damit „Behalten“ die naheliegende Wahl ist.
+    var lok = inventar.checkoutsMitLokalenAenderungen || [];
+    if (lok.length > 0) {
+      text += ' Achtung: ' + zahlwort(lok.length, 'Checkout hat', 'Checkouts haben') + ' lokale Änderungen: '
+        + lok.map(function (c) { return pfadKurz(c.pfad); }).join(', ')
+        + '. Ein Ja bricht dann ab, ohne zu löschen, die Quelle bleibt bekannt.';
+    }
+    $('dqa-text').textContent = text;
+    // Erst nach einer kurzen Pause, wie beim Skill-Ordner-Lösch-Angebot (E56): zwei <dialog>
+    // lassen sich nicht im selben close-Ereignis nacheinander öffnen.
+    setTimeout(function () { zeige($('d-quelle-aufraeumen')); }, 90);
+  }
+  nachDialog($('d-quelle-aufraeumen'), async function (wert) {
+    var kontext = quelleAufraeumenKontext;
+    quelleAufraeumenKontext = null;
+    if (kontext === null) return;
+    // Nein: wie bisher vergessen, alles bleibt liegen (E54).
+    if (wert !== 'loeschen') {
+      await quelleVergessen(kontext.quelle);
+      return;
+    }
+    // Ja: erst aufräumen. Bei lokalen Änderungen bricht quelleAufraeumen ab (F31a), dann bleibt die
+    // Quelle bekannt und nichts wird gelöscht, nicht einmal vergessen.
+    var ergebnis;
+    try {
+      ergebnis = await rufe(function () { return window.hmgr.quelleAufraeumen(kontext.inventar); });
+    } catch (fehler) {
+      await ladeAlles();
+      return;
+    }
+    await rufe(function () { return window.hmgr.quelleEntfernen(kontext.quelle.text); });
+    await ladeAlles();
+    $('quelleneu').focus();
+    melde(
+      zahlwort(ergebnis.entfernteLinks, 'Link', 'Links') + ' und '
+        + zahlwort(ergebnis.entfernteCheckouts, 'Checkout', 'Checkouts') + ' von „' + kontext.quelle.name + '“ gelöscht, die Quelle ist vergessen.',
+    );
+  });
+
+  /* ---------------- Skill-Ordner festlegen (E56) ---------------- */
+
+  var skillOrdnerZiel = null;
+  function oeffneSkillOrdnerFestlegen(z) {
+    skillOrdnerZiel = z;
+    $('dso-pfad').value = '';
+    $('dso-fehler').hidden = true;
+    zeige($('d-skillordner'));
+  }
+  enterBestaetigt($('dso-pfad'), $('dso-los'));
+
+  // Wie bei d-quelle: bei einem Fehler (Pfad ungültig, schon verwaltet) muss der Dialog offen
+  // bleiben und den Fehler zeigen, statt sich wie bei Erfolg zu schließen.
+  $('d-skillordner').addEventListener('submit', function (ev) {
+    if (!ev.submitter || ev.submitter.value !== 'los') return;
+    ev.preventDefault();
+    skillOrdnerFestlegenLos();
+  });
+  async function skillOrdnerFestlegenLos() {
+    var knopf = $('dso-los');
+    if (knopf.disabled || skillOrdnerZiel === null) return;
+    var pfad = $('dso-pfad').value.trim();
+    $('dso-fehler').hidden = true;
+    if (!pfad) return;
+    var z = skillOrdnerZiel;
+    knopf.disabled = true;
+    knopf.textContent = 'Läuft …';
+    var ergebnis;
+    try {
+      ergebnis = await window.hmgr.skillOrdnerFestlegen({ harness: z.ziel.harness, ort: z.ziel.ort, pfad: pfad });
+    } finally {
+      knopf.disabled = false;
+      knopf.textContent = 'Festlegen';
+    }
+    if (!ergebnis.ok) {
+      $('dso-fehler').textContent = ergebnis.fehler;
+      $('dso-fehler').hidden = false;
+      return;
+    }
+    $('d-skillordner').close('los');
+    skillOrdnerZiel = null;
+    await ladeAlles();
+    melde('Liest Skills jetzt aus ' + pfadKurz(ergebnis.daten) + '.');
+  }
+
+  /* ---------------- Skill-Ordner entfernen und löschen (E56) ---------------- */
+
+  var skillOrdnerEntfernenZiel = null;
+  function frageSkillOrdnerEntfernen(z) {
+    skillOrdnerEntfernenZiel = z;
+    $('dsoe-titel').textContent = pfadKurz(z.verwalteterSkillOrdner) + ' nicht mehr verwalten?';
+    $('dsoe-text').textContent = 'Der Eintrag in Hermes\' config.yaml verschwindet, der Ordner bleibt zunächst '
+      + 'erhalten. Danach fragt hmgr, ob er samt Inhalt gelöscht werden soll.';
+    zeige($('d-skillordner-entfernen'));
+  }
+  nachDialog($('d-skillordner-entfernen'), async function (wert) {
+    if (wert !== 'ja' || skillOrdnerEntfernenZiel === null) return;
+    var z = skillOrdnerEntfernenZiel;
+    skillOrdnerEntfernenZiel = null;
+    var ergebnis = await rufe(function () {
+      return window.hmgr.skillOrdnerEntfernen({ harness: z.ziel.harness, ort: z.ziel.ort });
+    });
+    await ladeAlles();
+    melde('Skill-Ordner-Eintrag für ' + zielTitel(z) + ' entfernt.');
+    skillOrdnerLoeschenKontext = { ziel: z.ziel, pfad: ergebnis.pfad };
+    $('dsol-text').textContent = 'Ordner ' + pfadKurz(ergebnis.pfad) + ' enthält noch '
+      + zahlwort(ergebnis.hmgrLinks, 'hmgr-Link', 'hmgr-Links') + ' und '
+      + zahlwort(ergebnis.fremdeEintraege, 'fremden Eintrag', 'fremde Einträge') + '.';
+    setTimeout(function () { zeige($('d-skillordner-loeschen')); }, 90);
+  });
+
+  var skillOrdnerLoeschenKontext = null;
+  nachDialog($('d-skillordner-loeschen'), async function (wert) {
+    var kontext = skillOrdnerLoeschenKontext;
+    skillOrdnerLoeschenKontext = null;
+    if (wert !== 'loeschen' || kontext === null) return;
+    await rufe(function () {
+      return window.hmgr.skillOrdnerLoeschen({ harness: kontext.ziel.harness, ort: kontext.ziel.ort, pfad: kontext.pfad });
+    });
+    await ladeAlles();
+    melde('Ordner ' + pfadKurz(kontext.pfad) + ' gelöscht.');
+  });
+
+  /* ================= RÜCKFRAGE VOM MAIN-PROZESS (E28, E34) ================= */
+
+  // Die Fragen kommen fertig formuliert aus dem Kern; für die Anzeige werden Home-Pfade darin
+  // wie überall sonst auf ~ gekürzt (nur Anzeige, die Antwort transportiert keinen Text zurück).
+  function frageKurz(text) { return HOME ? text.split(HOME + '/').join('~/') : text; }
+  window.hmgr.onRueckfrage(function (nachricht) {
+    if (nachricht.art === 'bestaetigen') {
+      $('db-frage').textContent = frageKurz(nachricht.frage);
+      zeige($('d-bestaetigen'));
+      $('d-bestaetigen').addEventListener(
+        'close',
+        function () { window.hmgr.antwortenRueckfrage(nachricht.id, $('d-bestaetigen').returnValue === 'ja'); },
+        { once: true },
+      );
+      return;
+    }
+    $('da-frage').textContent = frageKurz(nachricht.frage);
+    var box = $('da-optionen');
+    box.textContent = '';
+    (nachricht.optionen || []).forEach(function (option, i) {
+      var label = e('label', 'wahlzeile');
+      label.appendChild(e('span', 'nummer', String(i + 1)));
+      var innen = e('span');
+      var input = document.createElement('input');
+      input.type = 'radio';
+      input.name = 'auswahl-' + nachricht.id;
+      input.value = String(i);
+      input.className = 'versteckt';
+      if (i === 0) input.checked = true;
+      innen.appendChild(input);
+      innen.appendChild(e('b', null, option));
+      label.appendChild(innen);
+      box.appendChild(label);
+    });
+    zeige($('d-auswahl'));
+    $('d-auswahl').addEventListener(
+      'close',
+      function () {
+        var wert = $('d-auswahl').returnValue;
+        if (wert !== 'weiter') {
+          window.hmgr.antwortenRueckfrage(nachricht.id, undefined);
+          return;
+        }
+        var gewaehlt = box.querySelector('input:checked');
+        window.hmgr.antwortenRueckfrage(nachricht.id, gewaehlt ? +gewaehlt.value : undefined);
+      },
+      { once: true },
+    );
+  });
+
+  /* ---------------- Start ---------------- */
+
+  ladeHome().then(ladeAlles).catch(function (fehler) { melde(fehler.message || String(fehler)); });
+})();