Satelliten-Dialoge: embedded-Mode + GeschossDialog auch als echtes Fenster

Zwei Dinge:

1. embedded-Mode in den Dialog-Komponenten — wenn TRUE, kein Backdrop +
   keine MaxWidth-Constraint, das Dialog fuellt das ganze WebView statt
   wie ein kleines zentriertes Fenster IN dem WebView gerendert zu werden
   (= "Fenster im Fenster"-Effekt). Betroffen:
   - GeschossSettingsDialog
   - EbenenSettingsDialog
   - GeschossDialog
   Satelliten-Apps (GeschossSettingsApp, EbenenSettingsApp,
   GeschossDialogApp) passen jetzt `embedded` durch.

2. GeschossDialog (= der grosse Mehrfach-Editor hinter dem Pencil-Button)
   laeuft jetzt auch als Satelliten-Fenster — selbe Architektur wie die
   Settings-Dialoge. Backend hat neuen Handler _open_geschoss_dialog und
   neuen Message OPEN_GESCHOSS_DIALOG. Auf Save: ganze z-Liste replace
   + _apply(save_z=True).

GeschossManager braucht den inline-Dialog-State nicht mehr; Pencil-Button
ruft openGeschossDialog(zeichnungsebenen).

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

src/components/GeschossManager.jsx

@@ -1,7 +1,5 @@
-import { useState } from 'react'
 import Icon from './Icon'
-import GeschossDialog from './GeschossDialog'
-import { openGeschossSettings } from '../lib/rhinoBridge'
+import { openGeschossSettings, openGeschossDialog } from '../lib/rhinoBridge'
 
 function GeschossBadge({ name }) {
   return <span className="chip chip-info">{name}</span>
@@ -85,7 +83,8 @@ export default function GeschossManager({
   zeichnungsebenen, activeId, onActiveChange, onChange, recalcOkff,
   mode, onModeChange,
 }) {
-  const [dialogOpen, setDialogOpen] = useState(false)
+  // dialogOpen-State entfaellt — Bearbeiten-Dialog laeuft jetzt als
+  // Satelliten-Fenster via openGeschossDialog().
 
   const sorted = [...zeichnungsebenen].reverse()
   const gesamthoehe = zeichnungsebenen
@@ -134,7 +133,7 @@ export default function GeschossManager({
           <button className="btn-icon-sm" onClick={addQuick} title="Zeichnungsebene hinzufügen">
             <Icon name="add" size={14} />
           </button>
-          <button className="btn-icon-sm" onClick={() => setDialogOpen(true)} title="Bearbeiten">
+          <button className="btn-icon-sm" onClick={() => openGeschossDialog(zeichnungsebenen)} title="Bearbeiten">
             <Icon name="edit" size={13} />
           </button>
         </div>
@@ -166,15 +165,6 @@ export default function GeschossManager({
         ))}
       </div>
 
-      {dialogOpen && (
-        <GeschossDialog
-          zeichnungsebenen={zeichnungsebenen}
-          recalcOkff={recalcOkff}
-          onSave={(updated) => { onChange(updated); setDialogOpen(false) }}
-          onClose={() => setDialogOpen(false)}
-        />
-      )}
-
     </>
   )
 }