{{-- wire:ignore: xterms eigener DOM-Baum liegt in einem von Livewire verwalteten Baum. Heute hat die Komponente keine Aktion, die einen Re-Render auslöst — aber das erste `wire:`-irgendwas auf dieser Seite würde xterm sonst beim nächsten Umlauf löschen. --}}

{{-- Die Wortmarke als Schriftgrafik. `role="img"` mit lesbarem Namen statt `aria-hidden`: ein Screenreader soll „CluPilot" hören, nicht die einzelnen Zeichen der Zeichnung. Selbst gezeichnet, nicht aus einer Figlet-Schrift übernommen. Die übernommene Fassung hatte im Bogen des `P` einen Überhang — eine Zelle in der zweiten Zeile, unter der in der ersten nichts stand — und der stand als loser Klotz mitten im Wort. Figlet-Schriften sind für echte Terminalschriften gezeichnet und tragen hier nicht. Jeder Buchstabe ist acht Zellen breit (das `I` zwei), mit einer Zelle Abstand, und keine Zelle steht ohne Nachbarn darüber. Nicht von Hand abgezählt, sondern aus einer Buchstabentabelle gesetzt — von Hand hatte ich mich prompt verzählt, und die Buchstaben liefen ineinander. `█` füllt seine Zelle ganz aus und stapelt deshalb in jeder Schrift sauber — anders als `_ / \ |`, die auf Berührung zwischen den Zeilen angewiesen sind. Bei enger Zeilenhöhe verschmierte das Wort damit, bei weiter zerfiel es. Beides im Browser durchgemessen. Immer Akzentfarbe, auch im Fehlerfall: Dunkelrot auf Fast-Schwarz hatte kaum Kontrast, und eine Wortmarke, die ihre Farbe wechselt, ist ohnehin keine Statuslampe — was los ist, sagt die Zeile darunter. Acht Zellen pro Buchstabe, nicht sechs: bei sechs standen sie hoch und schmal da. Acht trifft die Proportion der Wortmarke. Zwei Größen: die Zeichnung ist 65 Zellen breit, und eine Zelle ist gut 0,6 der Schriftgröße. 13px ergeben rund 500px — auf dem Schirm eine Wortmarke, kein Etikett. Am Telefon sind es 7px und damit rund 270px, was neben den Rändern noch hineinpasst. --}}

 ██████  ██       ██    ██ ████████ ██ ██        ██████  ████████
██       ██       ██    ██ ██    ██ ██ ██       ██    ██    ██   
██       ██       ██    ██ ████████ ██ ██       ██    ██    ██   
██       ██       ██    ██ ██       ██ ██       ██    ██    ██   
 ██████  ████████  ██████  ██       ██ ████████  ██████     ██

{{-- aria-live: die Bühne tauscht ihren Text aus, ohne dass die Seite neu lädt. Ohne diesen Hinweis erführe ein Screenreader vom Abbruch nichts — für ihn stünde das Fenster weiter beim Vorspann. --}}

{{-- Neu laden statt neu verbinden: das Ticket gilt dreißig Sekunden und genau einmal, ein zweiter Anlauf mit demselben wäre keiner. Der Knopf ist beim Vorspann verborgen und kommt erst, wenn ein neuer Versuch überhaupt etwas ändern kann — bei „kein Schlüssel hinterlegt" ändert er nichts, dort bleibt er weg. Was er tut, hängt terminal.js an; ein `onclick` im Markup wäre Verhalten an der Stelle, an der sonst nur Gestalt steht. `hidden` sitzt am Wrapper, nicht am Knopf. Nicht, weil es dort nicht wirkte — Tailwind gibt `.hidden` als letzte der Display-Klassen aus und schlägt `inline-flex` damit —, sondern weil die Klassen des Knopfes aus einem geteilten Bauteil kommen und an dieser Stelle niemandem gehören. Die Bühne selbst trägt `hidden` und `flex` durchaus gemeinsam: das ist ein Element, das hier steht und hier bleibt. --}}

$problem !== 'unknown'])> {{ __('hosts.terminal.stage.retry') }}