Objektinfo: Klasse (Kategorie) + Zeichnungsebene editierbar im Kopf

VW-Muster ('Klasse'/'Ebene'): der Objektinfo-Kopf zeigt statt des read-only
Kategorie-Codes zwei Dropdowns — Grafik-Kategorie und Zeichnungsebene
(Geschoss), beide direkt änderbar. Wirkt auf Wand/Decke/Dach/Treppe/Raum/
2D-Zeichnung/Stütze/Extrusion; Öffnungen ohne Ebenen-Dropdown (Ebene kommt
aus der Wirts-Wand), Extrusionen ohne Kategorie (kein categoryCode am Element).

- Selection.floorId (alle Builder), host.onSetSelectionCategory/-Level,
  App-Routing je Elementart (Store-Actions bzw. setProject für Stütze/Extrusion)
- 2D-Zeichnungen auf Nicht-Geschoss-Ebenen behalten ihre Ebene in der Liste
673/673 grün.

src/panels/ObjectInfoPanel.tsx

@@ -17,7 +17,7 @@
 import { useState } from "react";
 import { t } from "../i18n";
 import type { TranslationKey } from "../i18n";
-import { formatM } from "../model/types";
+import { flattenCategories, formatM } from "../model/types";
 import type {
   RoofShape,
   SiaCategory,
@@ -110,13 +110,43 @@ export function ObjectInfoPanel() {
   return (
     <div className="objinfo-panel">
       {m && <MeasurementSection m={m} />}
-      {/* Kopfzeile: Typ + Kategorie. Die element-spezifischen Attribut-Abschnitte
-          (Wand/Decke/Öffnung/Treppe/Raum) liegen jetzt im Attribute-Panel;
-          ObjectInfo trägt nur noch Bezugspunkt + Masse. */}
+      {/* Kopfzeile: Typ + editierbare Klasse (Grafik-Kategorie) + Zeichnungsebene
+          (VW-Muster „Klasse"/„Ebene"). Die element-spezifischen Attribut-
+          Abschnitte (Wand/Decke/Öffnung/Treppe/Raum) liegen im Attribute-Panel. */}
       <div className="objinfo-head">
         <span className="objinfo-kind">{t(`objinfo.kind.${sel.kind}`)}</span>
-        <span className="objinfo-cat">{sel.categoryCode}</span>
       </div>
+      {sel.categoryCode !== "" && (
+        <div className="objinfo-field">
+          <span className="objinfo-flabel">{t("objinfo.category")}</span>
+          <Dropdown
+            value={sel.categoryCode}
+            onChange={(v) => host.onSetSelectionCategory(v)}
+            options={flattenCategories(host.project.layers).map((c) => ({
+              value: c.code,
+              label: `${c.code} ${c.name}`,
+            }))}
+            title={t("objinfo.category")}
+            width={150}
+          />
+        </div>
+      )}
+      {sel.floorId != null && (
+        <div className="objinfo-field">
+          <span className="objinfo-flabel">{t("objinfo.level")}</span>
+          <Dropdown
+            value={sel.floorId}
+            onChange={(v) => host.onSetSelectionLevel(v)}
+            options={host.project.drawingLevels
+              // Geschosse + die aktuelle Ebene (2D-Zeichnungen können auch auf
+              // Schnitt-/Zeichnungs-Ebenen liegen — die darf nicht verschwinden).
+              .filter((z) => z.kind === "floor" || z.id === sel.floorId)
+              .map((z) => ({ value: z.id, label: z.name }))}
+            title={t("objinfo.level")}
+            width={150}
+          />
+        </div>
+      )}
 
       <div className="objinfo-sep" />
 

src/panels/host.ts

@@ -214,6 +214,18 @@ export interface PanelHostValue {
    * diese Elementarten nicht) ein No-op.
    */
   onMoveSelectionBy: (dx: number, dy: number) => void;
+  /**
+   * Setzt die Grafik-Kategorie (Klasse/Ebene) des selektierten Elements —
+   * editierbar im Objektinfo-Kopf (VW: „Klasse"). Wirkt auf alle Elementarten
+   * mit `categoryCode`.
+   */
+  onSetSelectionCategory: (code: string) => void;
+  /**
+   * Verschiebt das selektierte Element auf eine andere Zeichnungsebene
+   * (Geschoss) — editierbar im Objektinfo-Kopf (VW: „Ebene"). No-op bei
+   * Öffnungen (deren Ebene kommt aus der Wirts-Wand).
+   */
+  onSetSelectionLevel: (levelId: string) => void;
   /**
    * Dreht die Selektion um `deg` Grad um den Weltpunkt (cx,cy) — generischer
    * Rotate über das Transform-System; deckt dieselben Selektionsarten ab wie