# Ribbon-UI + modulare Bars — Plan

Nutzer-Vision (2026-07-05, mit OCS/AutoCAD-Ribbon als Referenz). Ziel: klare,
einheitliche Werkzeug-/Eigenschaften-Darstellung; Werkzeug-Sidebar entfällt.

## Zielbild

- **Ribbon-Oberleiste mit Tabs: 2D · 3D · BIM · Ansichten.** Jeder Tab zeigt
  gruppierte Werkzeug-/Aktions-Icons (wie OCS Draw/Model/Insert/Annotate/View).
  - **2D**: Zeichnen (Select/Linie/Polylinie/Rechteck/Kreis/Bogen/Text) · Ändern
    (Move/Copy/Mirror/Offset/Trim/Join/Boolean).
  - **3D**: Volumen/Boolean (vorhandene 3D-Aktionen), Kamera-Presets.
  - **BIM**: Wand/Fenster/Tür/Treppe/Decke/Raum (die Bauteile).
  - **Ansichten**: Geschoss/Schnitt/Ansicht-Wechsel, Zoom/Einpassen, Render-Modi.
- **Werkzeug-Sidebar entfällt** → rechtes Panel (Attribute) bekommt volle Höhe.
- **Objektinfo unter die Attribute** mergen (Wandstil-Definition etc. zusammen).
- **XYZ-Referenzpunkt-Box oben rechts bleibt** (vom Nutzer ausdrücklich gewünscht).
- **Eigenschaften-Grid im OCS-Stil** — ✅ bereits erledigt (`00733d8`): Sektion-
  Balken, Zeilentrenner, füllende linksbündige Wertfelder (`.attr-*`).

## Architektur — DATENGETRIEBEN (ermöglicht modulare Custom-Bar)

Kern: EINE Registry beschreibt alle Ribbon-Elemente; Ribbon-Tabs UND eine
benutzerdefinierte Custom-Bar sind bloß zwei Ansichten über dieselbe Registry.

```
RibbonItem =
  | { kind: "tool"; id: ToolId }                 // aktiviert ein Werkzeug (onSelectTool)
  | { kind: "command"; name: string }            // startet einen Engine-Befehl (engine.start)
  | { kind: "action"; id: string; run: () => void } // freie App-Aktion (Zoom, Render-Modus …)

RibbonGroup = { titleKey: string; items: RibbonItem[] }
RibbonTab   = { id: "2d"|"3d"|"bim"|"views"; labelKey: string; groups: RibbonGroup[] }
RIBBON: RibbonTab[]
```

- Icons: `ToolIcon` (vorhanden) für `tool`-Items; für `command`/`action` eine
  kleine Icon-Map (SVG) analog `ToolsPanel`.
- Aktivierung: `tool` → `onSelectTool(id)` · `command` → `engine.start(name)` ·
  `action` → `run()`. Aktiv-Highlight über `activeTool` bzw. laufenden Befehl.
- **Custom-Bar (modular)**: der Nutzer wählt beliebige `RibbonItem`s in eine
  persistierte Liste (`viewSlice`/Projekt); eine `CustomBar`-Komponente rendert
  genau diese. Gleiche Item-Typen, gleiche Aktivierung — kein Sonderweg.

## Phasen

1. **Gerüst + 2D-Tab.** `RibbonBar`-Komponente unter der TopBar (additiv, Sidebar
   bleibt). Datengetriebene Registry, 2D-Tab gefüllt (Zeichnen+Ändern), Tab-State
   lokal. Icons für die Modify-Befehle ergänzen. tsc + Suite grün.
2. **Restliche Tabs** 3D/BIM/Ansichten mit den vorhandenen Aktionen/Befehlen.
3. **Sidebar raus** (ToolsPanel aus Default-Layout) + rechtes Panel volle Höhe;
   Objektinfo unter Attribute mergen.
4. **Modulare Custom-Bar**: Item-Picker + persistierte Custom-Bar-Ansicht.

## Hinweise / Randbedingungen

- Additiv bauen: bestehende Kommandozeile + Nummern-Shortcuts + `ToolsPanel`
  bleiben funktionsfähig, bis Phase 3 die Sidebar bewusst entfernt.
- Werkzeug-Kopplung Tool↔Befehl existiert bereits (`TOOL_COMMAND`) — Ribbon nutzt
  denselben `onSelectTool`/`engine.start`-Pfad (EIN Pfad, keine Duplikate).
- Empfehlung: Phase 1+ in fokussierter Session mit visueller Iteration im Tauri.