Ebenen-Panel in zwei UI-Panels splitten: Zeichnungsebenen + Ebenen

UX: Geschoss-Liste und globale Layer-Liste lebten bisher in einem
Panel und mussten beide gescrollt werden. Jetzt zwei getrennte Tabs.

Backend (rhino/rhinopanel.py):
- Selbe EbenenBridge-Klasse, zwei Mode-Instanzen ("ebenen" +
  "zeichnungsebenen"). Beide registrieren sich in sticky-Slots
  (`ebenen_bridge_ref` / `zeichnungsebenen_bridge_ref`).
- `_broadcast_state(doc)` Helper: liest aktuell Zustand aus doc.Strings
  und schickt STATE_SYNC an beide Bridges. Wird nach jeder state-
  aendernden Aktion gefeuert (apply, set_active_zeichnungsebene,
  toggle_clipping, remove/update ebene, layer-table-event).
- `handle(APPLY)`: wenn nur eine Slice (z oder e) im Payload, fehlende
  aus doc.Strings nachladen → Backend baut mit vollem Zustand.
- `_apply_visibility`: zMode/eMode/activeId/activeCode aus Payload
  ODER aus doc.Strings (dossier_z_mode/dossier_e_mode/dossier_active_id/
  dossier_active_code) faellen lassen — Split-Sends werden korrekt
  gemergt.
- Layer-Table-Event broadcastet jetzt statt nur das eine Panel zu
  benachrichtigen.
- Zweite `register_and_open("zeichnungsebenen", ...)` Zeile mit eigener
  GUID + Icon "levels".

Frontend:
- Neues src/ZeichnungsebenenApp.jsx: enthaelt nur GeschossManager,
  haelt Zeichnungsebenen + activeId + zMode lokal, schickt
  applyAll([z], []) und applyVisibility mit leerer Ebenen-Slice.
- src/App.jsx geschrumpft: nur noch EbenenManager + AusschnittLayer-
  Dialog. Haelt Ebenen + activeCode + eMode + Combinations. Schickt
  applyAll([], [e]) und applyVisibility mit leerer Z-Slice.
- src/main.jsx: neuer case fuer mode="zeichnungsebenen" → lädt
  ZeichnungsebenenApp.

Existierende User mit altem DOSSIERUI.rhw Workspace muessen das neue
Panel einmal manuell oeffnen (Rechtsklick Panel-Area → Panel hinzu-
fuegen → "Zeichnungsebenen"); Rhino persistiert die Anordnung danach.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/ZeichnungsebenenApp.jsx

@@ -0,0 +1,125 @@
+import { useState, useEffect, useMemo } from 'react'
+import GeschossManager from './components/GeschossManager'
+import {
+  applyAll, setActiveZeichnungsebene,
+  onMessage, notifyReady, applyVisibility,
+} from './lib/rhinoBridge'
+
+export function recalcOkff(list) {
+  let acc = 0
+  return list.map(z => {
+    if (z.isGeschoss) {
+      const next = { ...z, okff: parseFloat(acc.toFixed(3)) }
+      acc += (z.hoehe ?? 3.0)
+      return next
+    }
+    return { ...z, okff: undefined }
+  })
+}
+
+const INITIAL_ZEICHNUNGSEBENEN = recalcOkff([
+  { id: 'eg',  name: 'EG',  isGeschoss: true, hoehe: 3.50, schnitthoehe: 1.00, visible: true },
+  { id: '1og', name: '1OG', isGeschoss: true, hoehe: 3.00, schnitthoehe: 1.00, visible: true },
+  { id: '2og', name: '2OG', isGeschoss: true, hoehe: 3.00, schnitthoehe: 1.00, visible: true },
+])
+
+export default function ZeichnungsebenenApp() {
+  const [zeichnungsebenen, setZeichnungsebenen] = useState(INITIAL_ZEICHNUNGSEBENEN)
+  const [activeId,         setActiveId]         = useState('eg')
+  const [appliedZ,         setAppliedZ]         = useState(INITIAL_ZEICHNUNGSEBENEN)
+  const [zMode,            setZMode]            = useState('active')
+
+  useEffect(() => {
+    onMessage('STATE_SYNC', ({ zeichnungsebenen: z }) => {
+      if (z) {
+        const r = recalcOkff(z); setZeichnungsebenen(r); setAppliedZ(r)
+        const active = r.find(zz => zz.id === activeId) || r[0]
+        if (active && !r.find(zz => zz.id === activeId)) {
+          setActiveId(active.id)
+          setActiveZeichnungsebene(active)
+        }
+      }
+    })
+    onMessage('FIRST_RUN', () => {
+      // Backend hat keine doc.Strings → wir senden den Default an Backend
+      // (nur unsere Slice; ebenen fuellt Backend aus doc.Strings oder leerer
+      // Liste vom anderen Panel beim FIRST_RUN dort).
+      applyAll(INITIAL_ZEICHNUNGSEBENEN, [])
+      setAppliedZ(INITIAL_ZEICHNUNGSEBENEN)
+      const active = INITIAL_ZEICHNUNGSEBENEN.find(zz => zz.id === activeId) || INITIAL_ZEICHNUNGSEBENEN[0]
+      if (active) setActiveZeichnungsebene(active)
+    })
+    notifyReady()
+    const blockContext = (ev) => ev.preventDefault()
+    document.addEventListener('contextmenu', blockContext)
+    return () => document.removeEventListener('contextmenu', blockContext)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
+  // Sichtbarkeit live anwenden bei Mode-/Visibility-Aenderungen
+  const visibilityKey = useMemo(() => (
+    activeId + '|' + zMode + '|' +
+    zeichnungsebenen.map(z => `${z.id}:${z.visible !== false ? 1 : 0}`).join(',')
+  ), [activeId, zMode, zeichnungsebenen])
+
+  useEffect(() => {
+    const activeZ = zeichnungsebenen.find(z => z.id === activeId)
+    if (activeZ) {
+      // Backend merged mit doc.Strings: aktiveCode + eMode kommen von dort
+      applyVisibility(activeZ, zeichnungsebenen, null, [], zMode, null)
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [visibilityKey])
+
+  // Auto-Apply bei strukturellen Aenderungen (add/remove/rename, hoehe,
+  // schnitthoehe, hasClipping). Nur ZEICHNUNGSEBENEN-Slice senden — Backend
+  // mergt mit doc.Strings.
+  const zSig = (z) => [
+    z.id, z.name, z.isGeschoss ? 1 : 0,
+    z.hoehe ?? '', z.schnitthoehe ?? '',
+    z.hasClipping ? 1 : 0,
+  ].join(':')
+  const structureKey = useMemo(() => (
+    zeichnungsebenen.map(zSig).join(',')
+  ), [zeichnungsebenen])
+  const appliedStructureKey = useMemo(() => (
+    appliedZ.map(zSig).join(',')
+  ), [appliedZ])
+
+  useEffect(() => {
+    if (structureKey === appliedStructureKey) return
+    const t = setTimeout(() => {
+      applyAll(zeichnungsebenen, [])
+      setAppliedZ(zeichnungsebenen)
+    }, 200)
+    return () => clearTimeout(t)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [structureKey, appliedStructureKey])
+
+  const handleActiveChange = (id) => {
+    setActiveId(id)
+    const z = zeichnungsebenen.find(x => x.id === id)
+    if (z) setActiveZeichnungsebene(z)
+  }
+
+  return (
+    <div style={{
+      display: 'flex', flexDirection: 'column',
+      height: '100vh', overflow: 'hidden',
+      background: 'var(--bg-base)',
+      position: 'relative',
+    }}>
+      <div style={{ flex: 1, overflowY: 'auto' }}>
+        <GeschossManager
+          zeichnungsebenen={zeichnungsebenen}
+          activeId={activeId}
+          onActiveChange={handleActiveChange}
+          onChange={(updated) => setZeichnungsebenen(recalcOkff(updated))}
+          recalcOkff={recalcOkff}
+          mode={zMode}
+          onModeChange={setZMode}
+        />
+      </div>
+    </div>
+  )
+}