AGPL-3.0 Dual-Lizenz + Pill-Stil-UI + Section-Style-Overhaul + Plan-Mode-Template

Lizenz:
- AGPL-3.0 LICENSE-File im Repo-Root (GNU Volltext)
- SPDX-Header + Copyright in allen Source-Files (Python/JSX/JS/Rust)
- license-Feld in package.json + Cargo.toml
- About-App komplett neu: Dual-Lizenz-Block (AGPL + Commercial),
  openbureau-Branding, Version-Pills, made-in-Switzerland-Footer

UI-Restyle (3 Wellen) — alle Dialoge + Satellites + Panel-Sidebars
auf gemeinsamen Pill-Stil aus BarControls (BarToggle/BarButton/BarCombo):
- Welle 1: GeschossDialog/Settings, AusschnittSettings, LayoutDialog
- Welle 2: ConfirmDeleteEbene, Kamera, MasseSettings, Osm, Swisstopo,
  TextEditor, AusschnittLayerDialog, LayerCombinations
- Welle 3: LayoutsApp, MassstabApp, WerkzeugeApp, OverridesApp,
  ZeichnungsebenenApp; Werkzeuge mit ElementeApp-PillGroup-Layout

GeschossDialog Header-Refactor: +Geschoss/+Zeichnung in Toolbar oben,
move-Pfeile-Spalte breiter (kein Overlap mit G-Haken)

Ausschnitte Rows als Pills, kein Outer-Border ums Suchfeld

Section-Style komplett neu (gestaltung.py + GestaltungApp.jsx):
- ObjectSectionAttributesSource.FromObject (richtiger Enum-Name fuer Mac)
- HatchPatternPrintColor + BoundaryPrintColor mit-setzen (Display = Print)
- BoundaryColor nur bei explizitem User-Override, sonst Rhino-Default
- background_color_hex Parameter (BackgroundFillMode=SolidColor)
- Readback aus GetCustomSectionStyle statt direkt aus Attributes
- UI: Schnittkante > Section Style > Solid-Fill mit proper SectionHead
- 'Boundary' (3D Pen) -> 'Background' weil sich's wie Section-Hintergrund verhaelt

Plan-Mode 'Dossier Plan' via Template:
- rhino/templates/dossier_plan.ini wird direkt geladen
- Fallback auf Technical-Clone + ini-Patch wenn Template fehlt
- Auto-Cleanup von Orphan-Modes vor Import (Name- oder Guid-Match)
- ClipSectionUsage=1 + TechnicalMask=15 als bekannte Soll-Werte
- Bei Template-Pfad keine ini-Patches (1:1 wie User exportiert)
- Sanity-Print listet alle registrierten Modes nach Anlegen

Bridge-Unification: 4 Settings-Apps (Ebenen/Project/Geschoss*Dialog)
benutzen jetzt chunkende send() statt eigene bridgeSend ohne Chunk-
Logik -> grosse Payloads (Hatch-Refs etc.) kommen nicht mehr truncated
bei Python an (loeste 'JSON-Fehler char 990'-Regression in Ebenen-
Settings)

Library-Imports robust: 'import library' jetzt Top-Level in elemente.py
+ rhinopanel.py (statt Lazy in Methoden) -> 'No module named library'-
Crashes weg auch wenn sys.path zwischendurch resettet wird

Tools fuer Display-Mode-Maintenance:
- _clean_display_modes.py (loescht alle Custom-Modes, Built-ins bleiben)
- _inspect_plan_mode.py / _inspect_obj_section.py / _inspect_obj_boundary.py
  (Diagnose-Skripte fuer SectionStyle-Property-Reverse-Engineering)
- _reset_rhino_settings.sh (Backup + Nuke der Rhino-Settings als
  letzte Bastion gegen korrupte Display-Modes)

src/LayoutDialogApp.jsx

@@ -1,6 +1,8 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// Copyright (C) 2026 Karim Gabriele Varano
 import { useEffect, useState } from 'react'
-import Icon from './components/Icon'
 import { onMessage, notifyReady } from './lib/rhinoBridge'
+import { BarToggle, BAR_H } from './components/BarControls'
 
 function send(type, payload = {}) {
   if (!window.RHINO_MODE) { console.log('[LayoutDialog] →', type, payload); return }
@@ -9,6 +11,18 @@ function send(type, payload = {}) {
 
 const PAPER_SIZES = ['A4', 'A3', 'A2', 'A1', 'A0', 'Letter']
 
+const pillInput = {
+  height: BAR_H,
+  background: 'var(--bg-input)',
+  border: '1px solid var(--border)',
+  borderRadius: 999,
+  color: 'var(--text-primary)',
+  fontSize: 11, fontFamily: 'var(--font)',
+  padding: '0 10px',
+  outline: 'none',
+  boxSizing: 'border-box',
+}
+
 export default function LayoutDialogApp() {
   const initial = (typeof window !== 'undefined' && window.PANEL_PARAMS) || {}
   const [mode,      setMode]      = useState(initial.mode || 'new')
@@ -70,7 +84,7 @@ export default function LayoutDialogApp() {
               onKeyDown={(e) => { if (e.key === 'Enter') submit() }}
               placeholder="z.B. Grundriss EG"
               autoFocus
-              style={{ width: '100%', fontSize: 12, padding: '6px 8px' }}
+              style={{ ...pillInput, width: '100%' }}
             />
           </Field>
         )}
@@ -78,19 +92,13 @@ export default function LayoutDialogApp() {
         <Field label="Papierformat">
           <div style={{ display: 'flex', gap: 4, flexWrap: 'wrap' }}>
             {PAPER_SIZES.map(f => (
-              <button key={f}
-                onClick={() => setFormat(f)}
-                className={format === f ? 'btn-contained' : 'btn-outlined'}
-                style={{ padding: '5px 12px', fontSize: 11 }}>
-                {f}
-              </button>
+              <BarToggle key={f} label={f}
+                active={format === f}
+                onClick={() => setFormat(f)} />
             ))}
-            <button
-              onClick={() => setFormat('custom')}
-              className={format === 'custom' ? 'btn-contained' : 'btn-outlined'}
-              style={{ padding: '5px 12px', fontSize: 11 }}>
-              Eigene
-            </button>
+            <BarToggle label="Eigene"
+              active={format === 'custom'}
+              onClick={() => setFormat('custom')} />
           </div>
         </Field>
 
@@ -101,16 +109,18 @@ export default function LayoutDialogApp() {
                 type="text" value={cw}
                 onChange={(e) => setCw(e.target.value)}
                 placeholder="Breite"
-                style={{ flex: 1, fontFamily: 'DM Mono, monospace',
-                          fontSize: 12, textAlign: 'right', padding: '6px 8px' }}
+                style={{ ...pillInput, flex: 1,
+                          fontFamily: 'DM Mono, monospace',
+                          textAlign: 'right' }}
               />
               <span style={{ color: 'var(--text-muted)', fontSize: 11 }}>×</span>
               <input
                 type="text" value={ch}
                 onChange={(e) => setCh(e.target.value)}
                 placeholder="Höhe"
-                style={{ flex: 1, fontFamily: 'DM Mono, monospace',
-                          fontSize: 12, textAlign: 'right', padding: '6px 8px' }}
+                style={{ ...pillInput, flex: 1,
+                          fontFamily: 'DM Mono, monospace',
+                          textAlign: 'right' }}
               />
               <span style={{ color: 'var(--text-muted)', fontSize: 10, width: 22 }}>mm</span>
             </div>
@@ -118,22 +128,12 @@ export default function LayoutDialogApp() {
         ) : (
           <Field label="Ausrichtung">
             <div style={{ display: 'flex', gap: 6 }}>
-              <button
-                onClick={() => setLandscape(true)}
-                className={landscape ? 'btn-contained' : 'btn-outlined'}
-                style={{ flex: 1, padding: '8px 12px', fontSize: 11,
-                          display: 'flex', gap: 6, alignItems: 'center',
-                          justifyContent: 'center' }}>
-                <Icon name="crop_landscape" size={16} /> Quer
-              </button>
-              <button
-                onClick={() => setLandscape(false)}
-                className={!landscape ? 'btn-contained' : 'btn-outlined'}
-                style={{ flex: 1, padding: '8px 12px', fontSize: 11,
-                          display: 'flex', gap: 6, alignItems: 'center',
-                          justifyContent: 'center' }}>
-                <Icon name="crop_portrait" size={16} /> Hoch
-              </button>
+              <BarToggle icon="crop_landscape" label="Quer"
+                active={landscape}
+                onClick={() => setLandscape(true)} />
+              <BarToggle icon="crop_portrait" label="Hoch"
+                active={!landscape}
+                onClick={() => setLandscape(false)} />
             </div>
           </Field>
         )}
@@ -151,12 +151,12 @@ export default function LayoutDialogApp() {
         background: 'var(--bg-section)',
       }}>
         <div style={{ flex: 1 }} />
-        <button className="btn-text" onClick={() => send('CANCEL', {})}>Abbrechen</button>
-        <button className="btn-contained" onClick={submit}
-                disabled={!editing && !name.trim()}
-                title={!editing && !name.trim() ? 'Erst einen Namen eingeben' : ''}>
-          {editing ? 'Anwenden' : 'Erstellen'}
-        </button>
+        <BarToggle label="Abbrechen" onClick={() => send('CANCEL', {})} />
+        <BarToggle label={editing ? 'Anwenden' : 'Erstellen'}
+          active
+          disabled={!editing && !name.trim()}
+          title={!editing && !name.trim() ? 'Erst einen Namen eingeben' : ''}
+          onClick={submit} />
       </div>
     </div>
   )