/** Layer-System v2 für den 2D-Grundriss (reine, testbare Logik – kein DOM).
 *
 *  Löst die bisherigen vier «Ebenen»-Checkboxen ab. Zwei Gruppen:
 *  - **Darstellungs-Layer**: globale Toggles (Wände, Öffnungen, Objekte,
 *    Bounding-Boxen, Platzbedarf, Beschriftung, Masse, Ampel) wie CAD-Layer.
 *  - **Objekt-Layer**: pro Möbel eine Zeile mit Auge-Toggle – einzelne Objekte
 *    ein-/ausblenden (`versteckteObjekte`).
 *
 *  Der Viewer hält `sichtbareLayer: Record<LayerId, boolean>` und
 *  `versteckteObjekte: Set<string>`; die Umschalt-Logik lebt hier.
 */

export type LayerId =
  | "waende"
  | "oeffnungen"
  | "objekte"
  | "boxen"
  | "platzbedarf"
  | "beschriftung"
  | "masse"
  | "ampel"
  | "flaechen";

export interface LayerDef {
  id: LayerId;
  label: string;
  /** Emoji-Piktogramm (leichtgewichtig, ohne Asset-Abhängigkeit). */
  icon: string;
}

/** Reihenfolge & Beschriftung der Darstellungs-Layer im Panel. */
export const DARSTELLUNGS_LAYER: LayerDef[] = [
  { id: "waende", label: "Wände", icon: "🧱" },
  { id: "oeffnungen", label: "Öffnungen", icon: "🚪" },
  { id: "objekte", label: "Objekte", icon: "🛋️" },
  { id: "boxen", label: "Bounding-Boxen", icon: "⬛" },
  { id: "platzbedarf", label: "Platzbedarf", icon: "📐" },
  { id: "beschriftung", label: "Beschriftung", icon: "🏷️" },
  { id: "masse", label: "Masse", icon: "📏" },
  { id: "ampel", label: "Ampel", icon: "🚦" },
  { id: "flaechen", label: "Flächen", icon: "🎨" },
];

/** Sinnvolle Standard-Sichtbarkeit: Wände/Öffnungen/Objekte/Beschriftung/Ampel/
 *  Flächen an; Bounding-Boxen, Platzbedarf und Masse aus. */
export function defaultLayers(): Record<LayerId, boolean> {
  return {
    waende: true,
    oeffnungen: true,
    objekte: true,
    boxen: false,
    platzbedarf: false,
    beschriftung: true,
    masse: false,
    ampel: true,
    flaechen: true,
  };
}

/** Einen Darstellungs-Layer umschalten (unveränderlich). */
export function toggleLayer(
  state: Record<LayerId, boolean>,
  id: LayerId,
): Record<LayerId, boolean> {
  return { ...state, [id]: !state[id] };
}

/** Ein Objekt einzeln ein-/ausblenden (unveränderlich, neues Set). */
export function toggleObjekt(versteckt: Set<string>, id: string): Set<string> {
  const next = new Set(versteckt);
  if (next.has(id)) next.delete(id);
  else next.add(id);
  return next;
}

/** Ist ein Objekt sichtbar (nicht in der Versteckt-Menge)? */
export function objektSichtbar(versteckt: Set<string>, id: string): boolean {
  return !versteckt.has(id);
}