hmgr 0.0.6 → 0.0.12

package/dist/gui/renderer/styles.css

@@ -154,16 +154,34 @@ a{color:var(--signal-tief)}
 .stand{margin:22px 4px 0;padding:14px 6px 0;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}
 .stand p{flex:1 1 130px;font-size:16px;line-height:1.4;color:var(--emaille-hell)}
 .stand p b{font-weight:600;color:#F1F6EF}
-/* Ruhig, solange nichts ansteht; erst „mit Neuem" (.neu) macht ihn zum Signal. Der Knopf ist
-   zugleich der Weg in die Update-Ansicht, deshalb nie disabled. */
+/* Ruhig, solange nichts ansteht; erst „mit Neuem" (.neu) macht ihn zum Signal. Der Knopf öffnet
+   nur die Ansicht (E80), deshalb nie disabled. Schmaler als vorher: er trägt jetzt nur noch „›". */
 .standknopf{
   background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--emaille-hell);border-radius:3px;
-  padding:6px 13px;cursor:pointer;white-space:nowrap;font-family:var(--schrift);font-weight:500;
-  font-size:16px;letter-spacing:-.005em;transition:background .14s ease,border-color .14s ease,color .14s ease;
+  padding:6px 13px;min-width:34px;text-align:center;cursor:pointer;white-space:nowrap;
+  font-family:var(--schrift);font-weight:500;font-size:16px;letter-spacing:-.005em;
+  transition:background .14s ease,border-color .14s ease,color .14s ease;
 }
 .standknopf:hover{background:var(--emaille-hoch);color:#F1F6EF}
 .standknopf.neu{border-color:var(--emaille-hell);background:var(--emaille-hoch);color:#F1F6EF;font-weight:600}
 
+/* Update-Hinweis über hmgr selbst (E77), direkt über dem Einstellungen-Knopf. Dezent wie die
+   Stand-Zeile darüber: kleiner, in der hellen Emaille-Farbe, ohne Signalton — es ist eine Ansage,
+   keine Aufforderung. Der Befehl darin steht im Monospace und darf umbrechen, er ist lang.
+   Das `margin-top:auto` wandert zu ihm, solange er steht: sonst schöbe der Knopf ihn nach oben
+   von sich weg, statt dass beide zusammen unten sitzen. */
+.selbstupdate{margin-top:auto;padding:14px 6px 0;display:flex;flex-direction:column;gap:6px}
+/* Neustart-Knopf (E80): unter der GUI-Zeile, nicht über die volle Leistenbreite gestreckt (sonst
+   erbte er die Spaltenbreite der Flex-Column). Kein „.neu": er soll nicht wie der Standknopf-Signal
+   aussehen, er meldet nur eine Handlung, keinen Zustand. */
+.selbstupdate .standknopf{align-self:flex-start;min-width:0}
+/* Wie bei .zeile und .wahlzeile: die Klasse setzt display, also braucht hidden eine eigene Regel —
+   sonst stünde der leere Kasten samt seinem auto-Rand da, obwohl nichts zu melden ist. */
+.selbstupdate[hidden]{display:none}
+.selbstupdate p{font-size:15px;line-height:1.45;color:var(--emaille-hell)}
+.selbstupdate code{font-family:var(--mono);font-size:14px;color:#F1F6EF;word-break:break-all}
+
+.selbstupdate:not([hidden]) + .einstellungen{margin-top:0}
 .einstellungen{
   margin-top:auto;padding:14px 6px 0;display:flex;align-items:center;gap:11px;width:100%;
   background:transparent;border:0;border-top:1px solid rgba(255,255,255,.16);cursor:pointer;text-align:left;
@@ -213,6 +231,9 @@ a{color:var(--signal-tief)}
 .chip[aria-pressed="true"]{background:var(--tinte);border-color:var(--tinte);color:var(--blech)}
 /* Harness-Zeichen im Chip (E53 Pkt. 1): kleiner als die Standardgröße, gap übernimmt den Abstand. */
 .chip .hsymbol{width:15px;height:15px;margin-right:0}
+/* Sortierrichtung im Chip (E81): nur der aktive Chip füllt den Pfeil, Farbe erbt über currentColor
+   (im gedrückten Chip also --blech), gap übernimmt den Abstand zum Text. */
+.chip .sortpfeil:empty{display:none}
 
 .katalogzahl{margin:0 0 12px;font-size:16px;color:var(--tinte-weich)}
 .zeilen{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
@@ -298,6 +319,24 @@ a{color:var(--signal-tief)}
 .knopf[disabled]:hover{background:var(--tinte);border-color:var(--tinte)}
 .knopf.klein{padding:4px 13px}
 
+/* Prüfen-Kringel in der Update-Ansicht (E80): rund statt der früheren großen Signal-Fläche, denn er
+   ist ein Anstoß, keine gefährliche Handlung. Dreht sich, solange der Lauf läuft (.laeuft). */
+.kringel{
+  width:44px;height:44px;border-radius:50%;flex:none;
+  border:1.5px solid var(--tinte);background:var(--tinte);color:var(--blech);
+  font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;
+  cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease;
+}
+.kringel:hover{background:var(--emaille);border-color:var(--emaille)}
+.kringel:disabled{opacity:.55;cursor:default}
+.kringel.laeuft{animation:kringel-drehen 1s linear infinite}
+@keyframes kringel-drehen{to{transform:rotate(360deg)}}
+@media (prefers-reduced-motion:reduce){
+  /* Die globale Regel weiter unten kappt schon jede Animationsdauer; hier zusätzlich statisch
+     gedämpft statt gedreht, damit der laufende Zustand ohne Bewegung sichtbar bleibt. */
+  .kringel.laeuft{animation:none;opacity:.6}
+}
+
 .ziele{display:flex;flex-direction:column;gap:18px}
 .ziel{background:var(--blech);border:1px solid var(--strich);border-radius:3px;overflow:hidden}
 /* Kopfzeile als Akkordeon-Umschalter (E45): role="button", die ganze Zeile ist klickbar. */
@@ -309,7 +348,10 @@ a{color:var(--signal-tief)}
 .zielkopf .zahl{margin-left:auto;font-family:var(--mono);font-size:16px;color:var(--emaille-zahl)}
 /* Zeichen statt Text-Badge (E45-Nachschärfung): trägt die Farbe selbst als Emoji, nur Größe passend
    zur Kopfzeile. Eigener Randabstand, damit es neben Titel und Pfad Luft behält. */
-.warnung{font-size:19px;line-height:1;margin:0 4px}
+.warnung{font-size:19px;line-height:1;margin:0 4px;display:inline-flex;align-items:center;gap:6px}
+/* Warnzahl neben dem Dreieck (E75): dieselbe Optik wie die Skill-Zahl rechts im selben Kopf, damit
+   zwei Zahlen in einer Zeile nicht nach zwei Bauteilen aussehen. Das Dreieck davor trennt sie. */
+.warnzahl{font-family:var(--mono);font-size:16px;color:var(--emaille-zahl)}
 /* Pfeil-Indikator des Akkordeons: zeigt zu, dreht sich beim Aufklappen. */
 .akkordeonpfeil{flex:none;width:15px;height:15px;stroke:var(--emaille-hell);fill:none;stroke-width:1.8;transition:transform .14s ease}
 .zielkopf[aria-expanded="true"] .akkordeonpfeil{transform:rotate(180deg)}
@@ -336,9 +378,8 @@ a{color:var(--signal-tief)}
 .ziel.verzeichnis .zielkoerper > .kartenchips + *{border-top:0;margin-top:0;padding-top:0}
 .kartenchips .hsymbol{margin-right:6px}
 /* Zielordner des gewählten Harness, wie ihn vorher der Abschnittskopf trug (25cddf6): rechts in der
-   Chip-Leiste, daneben die Inaktiv-Marke. */
+   Chip-Leiste. */
 .kartenchips .kartenordner{margin-left:auto;align-self:center;color:var(--tinte-weich);word-break:break-all}
-.kartenchips .ruhend{align-self:center}
 
 .hsymbol{flex:none;width:17px;height:17px;margin-right:8px;vertical-align:-.19em}
 /* Das Hermes-Zeichen ist ein Bitmap-Favicon mit weißem Grund: leicht gerundet wie eine Tab-Kachel. */
@@ -533,6 +574,9 @@ dialog::backdrop{background:rgba(9,45,37,.62)}
    entfallen ersatzlos, das Icon trägt jetzt die Unterscheidung. */
 .quellenliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
 .quellenliste li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:3px 10px;align-items:center}
+/* Der Leertext ist keine Quellenzeile (E75): ohne diese Ausnahme fiele er als einziges Grid-Kind in
+   die 20px-Icon-Spalte und bräche Wort für Wort um. Erbt sonst die Optik der übrigen Leerhinweise. */
+.quellenliste li.leerhinweis{display:block}
 .quellenliste .repo{grid-column:1;grid-row:1}
 /* Umbenennen und Entfernen sitzen zusammen in Spalte 3, sonst lägen sie als eigene Grid-Kinder
    beide in derselben Zelle übereinander. Spalte und Zeile stehen ausdrücklich da, damit sie nicht
@@ -555,12 +599,16 @@ dialog::backdrop{background:rgba(9,45,37,.62)}
 
 /* Harness-Schalter im Einstellungen-Dialog (entwurf/gui.html). */
 .harnessliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
-.harnessschalter{
-  display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;cursor:pointer;
+/* Die Box ist das Listenelement, nicht das Label: so liegen die Homedir-Zeilen (E78) mit in der
+   Box, ohne dass ein Klick auf ihre Knöpfe den Schalter umlegt. */
+.harnessliste > li{
   background:var(--blech);border:1px solid var(--strich-ui);border-radius:3px;padding:12px 15px;
   transition:border-color .12s ease;
 }
-.harnessschalter:hover{border-color:var(--tinte-weich)}
+.harnessliste > li:hover{border-color:var(--tinte-weich)}
+.harnessschalter{
+  display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;cursor:pointer;
+}
 .harnessschalter input{
   appearance:none;-webkit-appearance:none;
   margin:3px 0 0;flex:none;width:38px;height:22px;
@@ -576,12 +624,17 @@ dialog::backdrop{background:rgba(9,45,37,.62)}
 .harnessschalter b{display:flex;align-items:center;font-family:var(--mono);font-weight:500;font-size:16px;color:var(--tinte);line-height:1.35;word-break:break-word}
 .harnessschalter small{display:block;font-size:16px;color:var(--tinte-weich);line-height:1.4}
 
-/* Ziel eines abgeschalteten Harness: still, kein Alarm, nur ein Vermerk. */
-.ruhend{
-  font-family:var(--schrift);font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;
-  background:var(--platte);color:var(--tinte);border-radius:2px;padding:2px 9px;border:1px solid var(--strich-ui);
-}
-/* Der Weg zurück für Konfiguration, die keinen aktiven Harness mehr hat. */
+/* Homedirs unter dem Schalter (E78), in derselben Box: je Zeile Art, Pfad und die Knöpfe dazu.
+   Eingerückt auf die Textspalte des Schalters (Schalterbreite plus Spaltenabstand). */
+.heime{display:flex;flex-direction:column;gap:6px;margin:8px 0 0 52px}
+.heime:empty{display:none}
+.heimzeile{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
+.heimart{flex:none;font-size:15px;color:var(--tinte-weich)}
+.heimpfad{flex:1 1 200px;min-width:0;font-family:var(--mono);font-size:15px;color:var(--tinte);overflow-wrap:anywhere}
+.heimknoepfe{flex:none;display:flex;flex-wrap:wrap;gap:6px}
+.heime > .knopf{align-self:flex-start}
+
+/* Hinweiskasten in ruhiger Messing-Optik, heute nur noch in der MCP-Ansicht (E61). */
 .ruhezeile{
   display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;
   margin-bottom:14px;padding:11px 14px;
@@ -695,6 +748,26 @@ dialog::backdrop{background:rgba(9,45,37,.62)}
 /* Wo ein Eintrag steht (E64): kein margin-left:auto, sonst teilte er sich den freien Platz mit dem
    Übernehmen-Knopf und stünde in der Mitte statt beim Text. */
 .mcpkartezeilen .geteiltvermerk{font-size:16px;color:var(--tinte-leise)}
+/* Bundle-Gruppe an der Ziel-Karte (E69, F68): eine Einheit über ihren Skill-Zeilen, sichtbar
+   zusammengefasst durch eine linke Kante statt durch einen eigenen Kasten — die Zeilen darin sind
+   dieselbe Tabelle wie darunter und sollen mit ihr fluchten. */
+.bundlegruppe{margin:14px 0;border-left:3px solid var(--emaille-tief);padding-left:12px}
+.bundlekopf{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;padding-bottom:8px}
+.bundletitel{display:inline-flex;align-items:center;gap:8px}
+.bundlename{font-family:var(--schrift);font-weight:700;font-size:17px;letter-spacing:-.012em}
+.bundlequelle{font-size:16px;color:var(--tinte-weich)}
+.bundlezahl{font-size:16px;color:var(--tinte-leise)}
+.bundlemitglieder{font-family:var(--mono);font-size:16px;letter-spacing:-.012em;color:var(--tinte-weich)}
+.bundlekopf .knopf{margin-left:auto}
+.bundlegruppe .linkliste li:last-child{border-bottom:1px solid var(--strich-zart)}
+
+/* Bundle- und Skill-Sektion im Dialog „Skills hinzufügen" (E69): zwei benannte Gruppen unter
+   demselben Suchfeld. */
+.dskgruppe + .dskgruppe{margin-top:18px}
+.dskgruppe > .etikett{display:block;margin-bottom:9px}
+.dskgruppentext{margin:0 0 10px;color:var(--tinte-weich)}
+.dskgruppenfehler{margin:10px 0 0;color:var(--messing-satt);white-space:pre-line}
+
 /* Leerer Katalog: keine Aktion, sondern der Weg zur Datei. */
 .startfeld.mcpstart{display:block}
 .startfeld.mcpstart p{max-width:62ch}