HitonabiandClaude Opus 5.5
0d2687436e
- Gemeinsamer Lagekopf für beide Cockpits (Statusblock mit Schein, Kacheln mit Logo/Symbol und Zustandspunkt); KI-Box-Lampen als Dienst-Kacheln, Texte in normaler Schreibung. Alte Lampen-Komponente und Leuchtenfarben entfernt. - Instrumente, Zählwerk, Checkliste, Flugplan, Radar-Kasten im neuen Stil; Instrumente ruhig in Indigo, Farbe für Zustände erst ab der Grenze. - Übrige Seiten (Updates, Modelle, Nutzung, Suche, Monitoring, Dienste, Einstellungen, Protokoll, Dialoge): Glasflächen, feine Linien, Etiketten statt Instrumenten-Schild, Glas-Eingabefelder, deckende Dialoge. - Dienste der KI-Box und Geräte im Monitoring mit Symbol bzw. Logo. - Einstellungen: Karten mit Bereichs-Schein; Lizenzhinweis der Logos. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
27 lines
981 B
TypeScript
27 lines
981 B
TypeScript
import { Lagekachel, Lagekopf } from "@/components/cockpit/Lagekopf"
|
|
import { hauptleuchte } from "@/lib/anzeige"
|
|
import { boxbild } from "@/lib/geraetebild"
|
|
import type { Lampe as LampenDaten, Start } from "@/lib/typen"
|
|
|
|
type Zustand = Start["zustand"]
|
|
|
|
/**
|
|
* Der Kopf des KI-Box-Cockpits: links die Hauptleuchte (drücken führt zur Checkliste, wenn etwas offen ist), rechts
|
|
* je Dienst eine Kachel — Motor, Hirn, Coder, Hermes, Aufträge, Sicherung, Platte, Updates.
|
|
*/
|
|
export function Warnpanel({ zustand, lampen, onAnsehen }: {
|
|
zustand: Zustand
|
|
lampen: LampenDaten[]
|
|
onAnsehen: () => void
|
|
}) {
|
|
const h = hauptleuchte(zustand)
|
|
return (
|
|
<Lagekopf art={h.art} oben={h.oben} mitte={h.mitte} unten={h.unten} aktiv={h.art === "gelb" || h.art === "rot"}
|
|
onAnsehen={onAnsehen} label="Warnpanel">
|
|
{lampen.map((l) => (
|
|
<Lagekachel key={l.id} bild={boxbild(l.id)} name={l.label} wert={l.wert} zustand={l.zustand} />
|
|
))}
|
|
</Lagekopf>
|
|
)
|
|
}
|