Versicherung/Steuer: Wortlaut-Feinschliff und Vertrag komplett editierbar

Mein-Audi-Kachel "Versicherung/Steuer" (vAudi()) und Kfz-Steuer-Detail
(vSteuer()): "Zusammen" heisst jetzt "Summe", die Fusszeile "feste
Kosten im Jahr" darunter entfaellt ersatzlos. Die Kfz-Steuer-Zeile
zeigt "im Jahr" statt des rohen Datenwerts "jaehrlich", deckungsgleich
mit der Versicherungs-Zeile darueber - nur wenn steuer.zeitraum
tatsaechlich "jaehrlich" ist. Der gespeicherte Wert und die
"jaehrlich"/"halbjaehrlich"-Auswahl in vSteuerBearbeiten() bleiben
unveraendert, das war ein reiner Anzeige-Fix, keine Datenmodell-
Aenderung. companion-app hatte an keiner der beiden Stellen ein
Gegenstueck (kein "Zusammen"-Tile, keine Nur-Lese-Anzeige des
Zeitraums) - dokumentiert als vorbestehende strukturelle Luecke statt
kommentarlos uebersprungen.

Vertrag-Kachel: war komplett nur lesbar (Gesellschaft, Umfang,
Vertragsnummer, Selbstbeteiligung, Schadenfreiheitsklasse). Neue
vVertragBearbeiten()-Ansicht (Panel, Route "vertrag") ueber ein neues
Zahnrad auf der Vertrag-Kachel - alle Felder editierbar,
Selbstbeteiligung zusaetzlich mit Hinzufuegen/Loeschen pro Zeile (neue
.zeile-loeschen-Klasse, 44x44pt-Tippflaeche wie .km-edit). Die
aktuelle Schadenfreiheitsklasse bleibt bewusst nur ueber "Beitrag
anpassen" editierbar (Querverweis statt Duplikat), nur "zuvor" (sfAlt)
ist neu in der Vertrag-Ansicht.

companion-app: neue Vertrag()-Seite (Route "vertrag", eigene
NaviKachel auf der Versicherungs-Seite) nach dem dortigen etablierten
Muster (lokaler Entwurf-State + expliziter Speichern-Knopf statt
Panel-Autosave pro Feld - gleiches Verhalten, eigenes Idiom). Die
bisherige Nur-Lese-Selbstbeteiligung in Vertragsdetails() entfaellt,
da sie jetzt (editierbar) in Vertrag() lebt. Schadenfreiheitsklasse
wird in companion-app bewusst nicht ergaenzt: das Feld war dort noch
nie sichtbar, auch nicht lesend - eine komplette neue UI-Sektion dafuer
waere kein "Zeile editierbar machen" mehr, sondern ein neues Feature;
als Luecke dokumentiert statt still uebergangen.

tsc --noEmit sauber, companion-app-Tests 100/100 (inkl. dem
Alle-Seiten-Rendertest, der jetzt auch "vertrag" abdeckt), vite build
erfolgreich. Panel live im Docker-Testcontainer geprueft: Zeile
hinzufuegen/bearbeiten/loeschen, Daten bleiben nach Re-Render erhalten.

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

homeassistant/installationspaket/www/audi-dashboard-app.js

@@ -1415,9 +1415,9 @@ function vAudi() {
     <svg class="go" viewBox="0 0 6 10"><polyline points="1,1 5,5 1,9"/></svg>
     <dl class="rows" style="margin-top:10px">
       <div class="row"><dt>Versicherung</dt><dd>${eur(CAR.versicherung.beitrag)} €<small>im Jahr</small></dd></div>
-      <div class="row"><dt>Kfz-Steuer</dt><dd>${eur(CAR.steuer.betrag)} €<small>${esc(CAR.steuer.zeitraum)}</small></dd></div>
-      <div class="row" style="border-bottom:0"><dt>Zusammen</dt>
-        <dd>${eur(CAR.versicherung.beitrag + CAR.steuer.betrag)} €<small>feste Kosten im Jahr</small></dd></div>
+      <div class="row"><dt>Kfz-Steuer</dt><dd>${eur(CAR.steuer.betrag)} €<small>${CAR.steuer.zeitraum === "jährlich" ? "im Jahr" : esc(CAR.steuer.zeitraum)}</small></dd></div>
+      <div class="row" style="border-bottom:0"><dt>Summe</dt>
+        <dd>${eur(CAR.versicherung.beitrag + CAR.steuer.betrag)} €</dd></div>
     </dl></button>
   <button class="tile tilebtn" data-go="reifen:x">
     <span class="label">Reifen · ${r.aktiv} montiert</span>
@@ -1915,6 +1915,9 @@ function vVers() {
     </div>
   </div>
   <div class="tile"><span class="label">Vertrag</span>
+    <button class="zahnrad" data-go="vertrag:x" aria-label="Vertrag bearbeiten">
+      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M9.4 2h4.2v2.84c.37.13.75.27 1.11.44L16.7 3.3l3 3.01-1.98 1.99c.17.36.31.74.44 1.11H21v4.3h-2.84c-.13.37-.27.75-.44 1.11l2 2-3.03 2.89-1.98-1.98c-.36.17-.74.31-1.11.44V21H9.4v-2.84a9 9 0 0 1-1.11-.44L6.3 19.7l-3-3.01 1.98-1.99a9 9 0 0 1-.44-1.11H2V9.4h2.84c.13-.37.27-.75.44-1.11L3.3 6.3l3.01-3L8.3 5.28c.36-.17.74-.31 1.11-.44V2Zm1 1v2.56l-.34.11c-.61.2-1.16.4-1.6.66l-.34.2L6.3 4.71 4.7 6.3l1.83 1.82-.2.34c-.27.44-.45.99-.66 1.6l-.11.34H3v2.2h2.56l.11.34c.2.61.4 1.16.66 1.6l.2.34-1.82 1.82 1.59 1.6 1.82-1.83.34.2c.44.27.99.45 1.6.66l.34.11V20h2.2v-2.56l.34-.11a8.3 8.3 0 0 0 1.6-.66l.34-.2 1.83 1.83 1.57-1.5-1.81-1.82.2-.34c.27-.44.45-.99.66-1.6l.11-.34H20v-2.3h-2.56l-.11-.34a8.2 8.2 0 0 0-.66-1.6l-.2-.34 1.82-1.82-1.59-1.6-1.82 1.83-.34-.2a8.2 8.2 0 0 0-1.6-.66l-.34-.11V3zm-2.9 8.5c0-2.18 1.82-4 4-4s4 1.82 4 4-1.82 4-4 4-4-1.82-4-4m4-3c-1.62 0-3 1.38-3 3s1.38 3 3 3 3-1.38 3-3-1.38-3-3-3"/></svg>
+    </button>
     <dl class="rows" style="margin-top:8px">
       <div class="row"><dt>Gesellschaft</dt><dd>${esc(v.gesellschaft)}</dd></div>
       <div class="row"><dt>Umfang</dt><dd>${esc(v.vertrag)}</dd></div>
@@ -1976,6 +1979,40 @@ function vVertragsdetails() {
     </dl></div>`).join("")}`;
 }
 
+function vVertragBearbeiten() {
+  const v = CAR.versicherung;
+  return `
+  <div class="tile"><span class="label">Vertrag</span>
+    <div class="feld"><label for="vGesellschaft">Gesellschaft</label>
+      <input id="vGesellschaft" style="width:180px" value="${esc(v.gesellschaft)}" data-vvertrag="gesellschaft"></div>
+    <div class="feld"><label for="vUmfang">Umfang</label>
+      <input id="vUmfang" style="width:180px" value="${esc(v.vertrag)}" data-vvertrag="vertrag"></div>
+    <div class="feld" style="border-bottom:0"><label for="vNummer">Vertragsnummer</label>
+      <input id="vNummer" style="width:180px" value="${esc(v.nummer)}" data-vvertrag="nummer"></div>
+  </div>
+  <div class="tile" style="margin-top:26px"><span class="label">Selbstbeteiligung</span>
+    ${v.selbst.map(([b, w], i) => `
+    <div class="feld" ${i === v.selbst.length - 1 ? 'style="border-bottom:0"' : ""}>
+      <label for="vSelbstB${i}">Position ${i + 1}</label>
+      <span style="display:inline-flex;align-items:center;gap:8px">
+        <input id="vSelbstB${i}" style="width:100px" value="${esc(b)}" placeholder="Bezeichnung" data-vselbst="${i}|0">
+        <input id="vSelbstW${i}" style="width:80px" value="${esc(w)}" placeholder="Betrag" data-vselbst="${i}|1">
+        <button class="zeile-loeschen" data-vselbstdel="${i}" aria-label="Position ${i + 1} löschen">×</button>
+      </span>
+    </div>`).join("")}
+    ${!v.selbst.length ? `<span class="label" style="margin-top:8px">Keine Selbstbeteiligung hinterlegt</span>` : ""}
+    <button class="aktion" data-vselbstadd>+ Position hinzufügen</button>
+  </div>
+  <div class="tile" style="margin-top:26px"><span class="label">Schadenfreiheitsklasse · zuvor</span>
+    <div class="feld"><label for="vSfHaftAlt">Haftpflicht</label>
+      <input id="vSfHaftAlt" style="width:132px" value="${esc(v.teile[0]?.sfAlt || "")}" data-vteil="0|sfAlt"></div>
+    <div class="feld" style="border-bottom:0"><label for="vSfKaskoAlt">Vollkasko</label>
+      <input id="vSfKaskoAlt" style="width:132px" value="${esc(v.teile[1]?.sfAlt || "")}" data-vteil="1|sfAlt"></div>
+    <span class="label" style="margin-top:14px">Die aktuelle Schadenfreiheitsklasse änderst du unter
+      "Beitrag anpassen" — hier steht nur der vorherige Wert für den Vergleich.</span>
+  </div>`;
+}
+
 function vSchutz() {
   const v = CAR.versicherung, sb = v.schutzbrief;
   return `
@@ -2028,7 +2065,7 @@ function vSteuer() {
       <svg viewBox="0 0 24 24" fill="currentColor"><path d="M9.4 2h4.2v2.84c.37.13.75.27 1.11.44L16.7 3.3l3 3.01-1.98 1.99c.17.36.31.74.44 1.11H21v4.3h-2.84c-.13.37-.27.75-.44 1.11l2 2-3.03 2.89-1.98-1.98c-.36.17-.74.31-1.11.44V21H9.4v-2.84a9 9 0 0 1-1.11-.44L6.3 19.7l-3-3.01 1.98-1.99a9 9 0 0 1-.44-1.11H2V9.4h2.84c.13-.37.27-.75.44-1.11L3.3 6.3l3.01-3L8.3 5.28c.36-.17.74-.31 1.11-.44V2Zm1 1v2.56l-.34.11c-.61.2-1.16.4-1.6.66l-.34.2L6.3 4.71 4.7 6.3l1.83 1.82-.2.34c-.27.44-.45.99-.66 1.6l-.11.34H3v2.2h2.56l.11.34c.2.61.4 1.16.66 1.6l.2.34-1.82 1.82 1.59 1.6 1.82-1.83.34.2c.44.27.99.45 1.6.66l.34.11V20h2.2v-2.56l.34-.11a8.3 8.3 0 0 0 1.6-.66l.34-.2 1.83 1.83 1.57-1.5-1.81-1.82.2-.34c.27-.44.45-.99.66-1.6l.11-.34H20v-2.3h-2.56l-.11-.34a8.2 8.2 0 0 0-.66-1.6l-.2-.34 1.82-1.82-1.59-1.6-1.82 1.83-.34-.2a8.2 8.2 0 0 0-1.6-.66l-.34-.11V3zm-2.9 8.5c0-2.18 1.82-4 4-4s4 1.82 4 4-1.82 4-4 4-4-1.82-4-4m4-3c-1.62 0-3 1.38-3 3s1.38 3 3 3 3-1.38 3-3-1.38-3-3-3"/></svg>
     </button>
     <dl class="rows" style="margin-top:10px">
-      <div class="row"><dt>Betrag</dt><dd>${eur(t.betrag)} €<small>${esc(t.zeitraum)}</small></dd></div>
+      <div class="row"><dt>Betrag</dt><dd>${eur(t.betrag)} €<small>${t.zeitraum === "jährlich" ? "im Jahr" : esc(t.zeitraum)}</small></dd></div>
       <div class="row" style="border-bottom:0"><dt>Nächste Fälligkeit</dt>
         <dd>${t.faellig ? dedat(new Date(t.faellig)) : "unbekannt"}</dd></div>
     </dl>
@@ -3157,6 +3194,7 @@ let route = { name: "home" };
 const ZURUECK = {
   trip: "trips", fill: "fuel", service: "audi", reifen: "audi", ident: "audi",
   vers: "audi", beitrag: "vers", vertragsdetails: "vers", schutz: "vertragsdetails",
+  vertrag: "vers",
   steuer: "vers", notruf: "vers", werkstatt: "service", sbuch: "service", einst: "home",
   battverlauf: "audi",
   /* Fehlte: die Sicherheitsansicht war eine Sackgasse ohne sichtbaren
@@ -3439,6 +3477,7 @@ function render() {
   else if (route.name === "vers") { head = ["Fahrzeug", "Versicherung/Steuer"]; v.innerHTML = vVers(); }
   else if (route.name === "beitrag") { head = ["Versicherung", "Beitrag anpassen"]; v.innerHTML = vBeitrag(); }
   else if (route.name === "vertragsdetails") { head = ["Versicherung", "Vertragsdetails"]; v.innerHTML = vVertragsdetails(); }
+  else if (route.name === "vertrag") { head = ["Versicherung", "Vertrag"]; v.innerHTML = vVertragBearbeiten(); }
   else if (route.name === "steuer") { head = ["Versicherung", "Kfz-Steuer"]; v.innerHTML = vSteuerBearbeiten(); }
   else if (route.name === "notruf") { head = ["Versicherung", "Rufnummern"]; v.innerHTML = vNotrufBearbeiten(); }
   else if (route.name === "schutz") { head = ["Im Ernstfall", "Schutzbrief"]; v.innerHTML = vSchutz(); }
@@ -4105,6 +4144,9 @@ function ereignisseVerdrahten() {
     }
     const del = e.target.closest("[data-loeschen]");
     if (del) { delete CAR.service.vereinbart[del.dataset.loeschen]; profilSpeichern(); render(); return; }
+    const vseldel = e.target.closest("[data-vselbstdel]");
+    if (vseldel) { CAR.versicherung.selbst.splice(+vseldel.dataset.vselbstdel, 1); profilSpeichern(); render(); return; }
+    if (e.target.closest("[data-vselbstadd]")) { CAR.versicherung.selbst.push(["", ""]); profilSpeichern(); render(); return; }
     const oel = e.target.closest("[data-oel]");
     if (oel) { CAR.oel.modus = oel.dataset.oel; profilSpeichern(); render(); return; }
     const mode = e.target.closest("[data-mode]");
@@ -4363,6 +4405,14 @@ function ereignisseVerdrahten() {
     if (e.target.dataset.vgueltigab !== undefined) { CAR.versicherung.gueltigAb = e.target.value; profilSpeichern(); render(); return; }
     const vnotruf = e.target.dataset.vnotruf;
     if (vnotruf) { CAR.versicherung[vnotruf] = e.target.value; profilSpeichern(); render(); return; }
+    const vvertrag = e.target.dataset.vvertrag;
+    if (vvertrag) { CAR.versicherung[vvertrag] = e.target.value; profilSpeichern(); render(); return; }
+    const vselbst = e.target.dataset.vselbst;
+    if (vselbst) {
+      const [i, feld] = vselbst.split("|");
+      CAR.versicherung.selbst[+i][+feld] = e.target.value;
+      profilSpeichern(); render(); return;
+    }
     if (e.target.dataset.pause !== undefined) { CONFIG.pauseMin = parseInt(e.target.value, 10) || 0; profilSpeichern(); return; }
     if (e.target.dataset.sd !== undefined) {
       if (e.target.checked) { smartdealPopupOffen = true; render(); }

homeassistant/installationspaket/www/audi-dashboard-version.json

@@ -1 +1 @@
-{"version": 1787013003}
+{"version": 1787014000}

homeassistant/installationspaket/www/audi-dashboard.css

@@ -1044,6 +1044,21 @@ button.tile, .tilebtn { transition: background .15s, transform .1s; }
 .km-edit:hover { color: var(--fg); }
 .km-edit:active { color: var(--fg); transform: scale(.92); }
 
+/* Zeile aus einer bearbeitbaren Liste entfernen (z. B. Selbstbeteiligung im
+   Vertrag) - 44x44pt Tippflaeche per unsichtbarem ::before wie bei .km-edit,
+   optisch bleibt nur das kleine × sichtbar. */
+.zeile-loeschen {
+  position: relative;
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 22px; height: 22px;
+  border: none; background: none; color: var(--fg3);
+  font-size: 18px; line-height: 1;
+  padding: 0; cursor: pointer; flex: 0 0 auto;
+}
+.zeile-loeschen::before { content: ""; position: absolute; inset: -11px; }
+.zeile-loeschen:hover { color: var(--bad); }
+.zeile-loeschen:active { color: var(--bad); transform: scale(.92); }
+
 /* Kompakte Pille statt voller Breite (Apple-HIG-Pull-down-Maß): normale
    Flusslage unter der Kachel-Überschrift/km, nicht mehr über dem Foto
    überlagert (das saß nur dort, solange Überschrift+km diesen Platz noch

homeassistant/www/audi-dashboard-app.js

@@ -1415,9 +1415,9 @@ function vAudi() {
     <svg class="go" viewBox="0 0 6 10"><polyline points="1,1 5,5 1,9"/></svg>
     <dl class="rows" style="margin-top:10px">
       <div class="row"><dt>Versicherung</dt><dd>${eur(CAR.versicherung.beitrag)} €<small>im Jahr</small></dd></div>
-      <div class="row"><dt>Kfz-Steuer</dt><dd>${eur(CAR.steuer.betrag)} €<small>${esc(CAR.steuer.zeitraum)}</small></dd></div>
-      <div class="row" style="border-bottom:0"><dt>Zusammen</dt>
-        <dd>${eur(CAR.versicherung.beitrag + CAR.steuer.betrag)} €<small>feste Kosten im Jahr</small></dd></div>
+      <div class="row"><dt>Kfz-Steuer</dt><dd>${eur(CAR.steuer.betrag)} €<small>${CAR.steuer.zeitraum === "jährlich" ? "im Jahr" : esc(CAR.steuer.zeitraum)}</small></dd></div>
+      <div class="row" style="border-bottom:0"><dt>Summe</dt>
+        <dd>${eur(CAR.versicherung.beitrag + CAR.steuer.betrag)} €</dd></div>
     </dl></button>
   <button class="tile tilebtn" data-go="reifen:x">
     <span class="label">Reifen · ${r.aktiv} montiert</span>
@@ -1915,6 +1915,9 @@ function vVers() {
     </div>
   </div>
   <div class="tile"><span class="label">Vertrag</span>
+    <button class="zahnrad" data-go="vertrag:x" aria-label="Vertrag bearbeiten">
+      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M9.4 2h4.2v2.84c.37.13.75.27 1.11.44L16.7 3.3l3 3.01-1.98 1.99c.17.36.31.74.44 1.11H21v4.3h-2.84c-.13.37-.27.75-.44 1.11l2 2-3.03 2.89-1.98-1.98c-.36.17-.74.31-1.11.44V21H9.4v-2.84a9 9 0 0 1-1.11-.44L6.3 19.7l-3-3.01 1.98-1.99a9 9 0 0 1-.44-1.11H2V9.4h2.84c.13-.37.27-.75.44-1.11L3.3 6.3l3.01-3L8.3 5.28c.36-.17.74-.31 1.11-.44V2Zm1 1v2.56l-.34.11c-.61.2-1.16.4-1.6.66l-.34.2L6.3 4.71 4.7 6.3l1.83 1.82-.2.34c-.27.44-.45.99-.66 1.6l-.11.34H3v2.2h2.56l.11.34c.2.61.4 1.16.66 1.6l.2.34-1.82 1.82 1.59 1.6 1.82-1.83.34.2c.44.27.99.45 1.6.66l.34.11V20h2.2v-2.56l.34-.11a8.3 8.3 0 0 0 1.6-.66l.34-.2 1.83 1.83 1.57-1.5-1.81-1.82.2-.34c.27-.44.45-.99.66-1.6l.11-.34H20v-2.3h-2.56l-.11-.34a8.2 8.2 0 0 0-.66-1.6l-.2-.34 1.82-1.82-1.59-1.6-1.82 1.83-.34-.2a8.2 8.2 0 0 0-1.6-.66l-.34-.11V3zm-2.9 8.5c0-2.18 1.82-4 4-4s4 1.82 4 4-1.82 4-4 4-4-1.82-4-4m4-3c-1.62 0-3 1.38-3 3s1.38 3 3 3 3-1.38 3-3-1.38-3-3-3"/></svg>
+    </button>
     <dl class="rows" style="margin-top:8px">
       <div class="row"><dt>Gesellschaft</dt><dd>${esc(v.gesellschaft)}</dd></div>
       <div class="row"><dt>Umfang</dt><dd>${esc(v.vertrag)}</dd></div>
@@ -1976,6 +1979,40 @@ function vVertragsdetails() {
     </dl></div>`).join("")}`;
 }
 
+function vVertragBearbeiten() {
+  const v = CAR.versicherung;
+  return `
+  <div class="tile"><span class="label">Vertrag</span>
+    <div class="feld"><label for="vGesellschaft">Gesellschaft</label>
+      <input id="vGesellschaft" style="width:180px" value="${esc(v.gesellschaft)}" data-vvertrag="gesellschaft"></div>
+    <div class="feld"><label for="vUmfang">Umfang</label>
+      <input id="vUmfang" style="width:180px" value="${esc(v.vertrag)}" data-vvertrag="vertrag"></div>
+    <div class="feld" style="border-bottom:0"><label for="vNummer">Vertragsnummer</label>
+      <input id="vNummer" style="width:180px" value="${esc(v.nummer)}" data-vvertrag="nummer"></div>
+  </div>
+  <div class="tile" style="margin-top:26px"><span class="label">Selbstbeteiligung</span>
+    ${v.selbst.map(([b, w], i) => `
+    <div class="feld" ${i === v.selbst.length - 1 ? 'style="border-bottom:0"' : ""}>
+      <label for="vSelbstB${i}">Position ${i + 1}</label>
+      <span style="display:inline-flex;align-items:center;gap:8px">
+        <input id="vSelbstB${i}" style="width:100px" value="${esc(b)}" placeholder="Bezeichnung" data-vselbst="${i}|0">
+        <input id="vSelbstW${i}" style="width:80px" value="${esc(w)}" placeholder="Betrag" data-vselbst="${i}|1">
+        <button class="zeile-loeschen" data-vselbstdel="${i}" aria-label="Position ${i + 1} löschen">×</button>
+      </span>
+    </div>`).join("")}
+    ${!v.selbst.length ? `<span class="label" style="margin-top:8px">Keine Selbstbeteiligung hinterlegt</span>` : ""}
+    <button class="aktion" data-vselbstadd>+ Position hinzufügen</button>
+  </div>
+  <div class="tile" style="margin-top:26px"><span class="label">Schadenfreiheitsklasse · zuvor</span>
+    <div class="feld"><label for="vSfHaftAlt">Haftpflicht</label>
+      <input id="vSfHaftAlt" style="width:132px" value="${esc(v.teile[0]?.sfAlt || "")}" data-vteil="0|sfAlt"></div>
+    <div class="feld" style="border-bottom:0"><label for="vSfKaskoAlt">Vollkasko</label>
+      <input id="vSfKaskoAlt" style="width:132px" value="${esc(v.teile[1]?.sfAlt || "")}" data-vteil="1|sfAlt"></div>
+    <span class="label" style="margin-top:14px">Die aktuelle Schadenfreiheitsklasse änderst du unter
+      "Beitrag anpassen" — hier steht nur der vorherige Wert für den Vergleich.</span>
+  </div>`;
+}
+
 function vSchutz() {
   const v = CAR.versicherung, sb = v.schutzbrief;
   return `
@@ -2028,7 +2065,7 @@ function vSteuer() {
       <svg viewBox="0 0 24 24" fill="currentColor"><path d="M9.4 2h4.2v2.84c.37.13.75.27 1.11.44L16.7 3.3l3 3.01-1.98 1.99c.17.36.31.74.44 1.11H21v4.3h-2.84c-.13.37-.27.75-.44 1.11l2 2-3.03 2.89-1.98-1.98c-.36.17-.74.31-1.11.44V21H9.4v-2.84a9 9 0 0 1-1.11-.44L6.3 19.7l-3-3.01 1.98-1.99a9 9 0 0 1-.44-1.11H2V9.4h2.84c.13-.37.27-.75.44-1.11L3.3 6.3l3.01-3L8.3 5.28c.36-.17.74-.31 1.11-.44V2Zm1 1v2.56l-.34.11c-.61.2-1.16.4-1.6.66l-.34.2L6.3 4.71 4.7 6.3l1.83 1.82-.2.34c-.27.44-.45.99-.66 1.6l-.11.34H3v2.2h2.56l.11.34c.2.61.4 1.16.66 1.6l.2.34-1.82 1.82 1.59 1.6 1.82-1.83.34.2c.44.27.99.45 1.6.66l.34.11V20h2.2v-2.56l.34-.11a8.3 8.3 0 0 0 1.6-.66l.34-.2 1.83 1.83 1.57-1.5-1.81-1.82.2-.34c.27-.44.45-.99.66-1.6l.11-.34H20v-2.3h-2.56l-.11-.34a8.2 8.2 0 0 0-.66-1.6l-.2-.34 1.82-1.82-1.59-1.6-1.82 1.83-.34-.2a8.2 8.2 0 0 0-1.6-.66l-.34-.11V3zm-2.9 8.5c0-2.18 1.82-4 4-4s4 1.82 4 4-1.82 4-4 4-4-1.82-4-4m4-3c-1.62 0-3 1.38-3 3s1.38 3 3 3 3-1.38 3-3-1.38-3-3-3"/></svg>
     </button>
     <dl class="rows" style="margin-top:10px">
-      <div class="row"><dt>Betrag</dt><dd>${eur(t.betrag)} €<small>${esc(t.zeitraum)}</small></dd></div>
+      <div class="row"><dt>Betrag</dt><dd>${eur(t.betrag)} €<small>${t.zeitraum === "jährlich" ? "im Jahr" : esc(t.zeitraum)}</small></dd></div>
       <div class="row" style="border-bottom:0"><dt>Nächste Fälligkeit</dt>
         <dd>${t.faellig ? dedat(new Date(t.faellig)) : "unbekannt"}</dd></div>
     </dl>
@@ -3157,6 +3194,7 @@ let route = { name: "home" };
 const ZURUECK = {
   trip: "trips", fill: "fuel", service: "audi", reifen: "audi", ident: "audi",
   vers: "audi", beitrag: "vers", vertragsdetails: "vers", schutz: "vertragsdetails",
+  vertrag: "vers",
   steuer: "vers", notruf: "vers", werkstatt: "service", sbuch: "service", einst: "home",
   battverlauf: "audi",
   /* Fehlte: die Sicherheitsansicht war eine Sackgasse ohne sichtbaren
@@ -3439,6 +3477,7 @@ function render() {
   else if (route.name === "vers") { head = ["Fahrzeug", "Versicherung/Steuer"]; v.innerHTML = vVers(); }
   else if (route.name === "beitrag") { head = ["Versicherung", "Beitrag anpassen"]; v.innerHTML = vBeitrag(); }
   else if (route.name === "vertragsdetails") { head = ["Versicherung", "Vertragsdetails"]; v.innerHTML = vVertragsdetails(); }
+  else if (route.name === "vertrag") { head = ["Versicherung", "Vertrag"]; v.innerHTML = vVertragBearbeiten(); }
   else if (route.name === "steuer") { head = ["Versicherung", "Kfz-Steuer"]; v.innerHTML = vSteuerBearbeiten(); }
   else if (route.name === "notruf") { head = ["Versicherung", "Rufnummern"]; v.innerHTML = vNotrufBearbeiten(); }
   else if (route.name === "schutz") { head = ["Im Ernstfall", "Schutzbrief"]; v.innerHTML = vSchutz(); }
@@ -4105,6 +4144,9 @@ function ereignisseVerdrahten() {
     }
     const del = e.target.closest("[data-loeschen]");
     if (del) { delete CAR.service.vereinbart[del.dataset.loeschen]; profilSpeichern(); render(); return; }
+    const vseldel = e.target.closest("[data-vselbstdel]");
+    if (vseldel) { CAR.versicherung.selbst.splice(+vseldel.dataset.vselbstdel, 1); profilSpeichern(); render(); return; }
+    if (e.target.closest("[data-vselbstadd]")) { CAR.versicherung.selbst.push(["", ""]); profilSpeichern(); render(); return; }
     const oel = e.target.closest("[data-oel]");
     if (oel) { CAR.oel.modus = oel.dataset.oel; profilSpeichern(); render(); return; }
     const mode = e.target.closest("[data-mode]");
@@ -4363,6 +4405,14 @@ function ereignisseVerdrahten() {
     if (e.target.dataset.vgueltigab !== undefined) { CAR.versicherung.gueltigAb = e.target.value; profilSpeichern(); render(); return; }
     const vnotruf = e.target.dataset.vnotruf;
     if (vnotruf) { CAR.versicherung[vnotruf] = e.target.value; profilSpeichern(); render(); return; }
+    const vvertrag = e.target.dataset.vvertrag;
+    if (vvertrag) { CAR.versicherung[vvertrag] = e.target.value; profilSpeichern(); render(); return; }
+    const vselbst = e.target.dataset.vselbst;
+    if (vselbst) {
+      const [i, feld] = vselbst.split("|");
+      CAR.versicherung.selbst[+i][+feld] = e.target.value;
+      profilSpeichern(); render(); return;
+    }
     if (e.target.dataset.pause !== undefined) { CONFIG.pauseMin = parseInt(e.target.value, 10) || 0; profilSpeichern(); return; }
     if (e.target.dataset.sd !== undefined) {
       if (e.target.checked) { smartdealPopupOffen = true; render(); }

homeassistant/www/audi-dashboard-version.json

@@ -1 +1 @@
-{"version": 1787013003}
+{"version": 1787014000}

homeassistant/www/audi-dashboard.css

@@ -1044,6 +1044,21 @@ button.tile, .tilebtn { transition: background .15s, transform .1s; }
 .km-edit:hover { color: var(--fg); }
 .km-edit:active { color: var(--fg); transform: scale(.92); }
 
+/* Zeile aus einer bearbeitbaren Liste entfernen (z. B. Selbstbeteiligung im
+   Vertrag) - 44x44pt Tippflaeche per unsichtbarem ::before wie bei .km-edit,
+   optisch bleibt nur das kleine × sichtbar. */
+.zeile-loeschen {
+  position: relative;
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 22px; height: 22px;
+  border: none; background: none; color: var(--fg3);
+  font-size: 18px; line-height: 1;
+  padding: 0; cursor: pointer; flex: 0 0 auto;
+}
+.zeile-loeschen::before { content: ""; position: absolute; inset: -11px; }
+.zeile-loeschen:hover { color: var(--bad); }
+.zeile-loeschen:active { color: var(--bad); transform: scale(.92); }
+
 /* Kompakte Pille statt voller Breite (Apple-HIG-Pull-down-Maß): normale
    Flusslage unter der Kachel-Überschrift/km, nicht mehr über dem Foto
    überlagert (das saß nur dort, solange Überschrift+km diesen Platz noch