v0.7.1: UI-overhaul, ribbon vervangen door de indeling van CAD/BIM-pakketten met elke functie op één plek: bovenbalk met menu Bestand (nieuw, openen, opslaan, exporteren, projectgegevens, kosten & tijden) · Beeld · Help, de ontwerpen als tabs en de knop Opslaan; links de structuur met inklapbare groepen (onthouden, groep met de selectie klapt vanzelf open); werkbalk boven de viewports met gereedschap (Selecteren V, Binnenwand W, Ruimte R, Inrichting I, opties van het gereedschap ernaast, Unit toevoegen) en weergave (één Lagen-menu met bouwfase voor 2D en 3D, Omgeving, Doorsnede X, Render, Lopen L, Rapport 4, 2D + 3D / 2D / 3D met 1/2/3); rechts het eigenschappenpaneel (Inspector: selectie met kruimelpad, of de woning met kerncijfers en inklapbare secties Gevel, Dak, Binnen, Verlichting, Elektra, Constructie); statusbalk met hint en meldingen; wand- en vloer/dak-editor in dezelfde indeling (paneel rechts met tab Resultaat, terug met ← Woning of Esc); sneltoetsenoverzicht (?), Ctrl+O, Ctrl+\ panelen verbergen; rapport als masonry; dubbele functies weg (lagenbalk, Beeld-tab en Weergave-filter, export en kosten op twee plekken, Snel nieuw); oude onderdelen gelijkgetrokken (dialoogknoppen, materiaalknoppen, chassis als schakelaar, eenheden); weergavelagen (ViewLayers) i.p.v. bouwfasen, elk los aan/uit; render-export met Blender-script voor de lampen; elektraleidingen boven een vals plafond en haaks binnen de units bij een L/T-vorm

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

index.html

@@ -22,15 +22,23 @@
     <div class="splash-version"><span class="splash-name">Tectum</span> &mdash; Versie <span class="app-version-number">0.0.0</span></div>
   </div>
 
-  <header id="ribbon">
-    <div class="rb-top">
-      <div class="rb-brand"><span class="splash-name">Tectum</span></div>
-      <div class="rb-tabs" role="tablist"></div>
-      <div class="rb-right"><span class="app-version-slot"></span></div>
+  <header id="topbar">
+    <div class="tb-brand"><span class="splash-name">Tectum</span></div>
+    <nav id="menubar" aria-label="Menu"></nav>
+    <div id="doc-tabs" role="tablist" aria-label="Geopende ontwerpen"></div>
+    <div class="top-right">
+      <button type="button" id="top-save" class="top-save" title="Opslaan als JSON + PDF (Ctrl+S)"><i class="bi bi-save"></i><span>Opslaan</span></button>
+      <span class="app-version-slot"></span>
     </div>
-    <div class="rb-body"></div>
   </header>
 
+  <div id="keys-overlay" class="dlg-overlay">
+    <div class="dlg" role="dialog" aria-labelledby="keys-title">
+      <div class="dlg-head"><h2 id="keys-title">Sneltoetsen en bediening</h2><button type="button" class="dlg-x" data-close>&times;</button></div>
+      <div class="keys-body" id="keys-body"></div>
+    </div>
+  </div>
+
   <div id="about-overlay">
     <div id="about-modal">
       <img class="about-logo" src="assets/logo.svg" alt="Van Emous Mantelzorgwoningen">
@@ -49,7 +57,7 @@
 
   <div id="new-overlay">
     <div id="new-modal">
-      <h2>Nieuw</h2>
+      <h2>Nieuw ontwerp</h2>
       <div class="new-options">
         <button class="new-option" data-kind="woning" data-template="single">
           <svg viewBox="0 0 48 48"><rect x="8" y="14" width="32" height="20" fill="none" stroke="currentColor" stroke-width="2"/><line x1="8" y1="24" x2="40" y2="24" stroke="currentColor" stroke-width="1" stroke-dasharray="2 2"/></svg>
@@ -67,27 +75,22 @@
           <svg viewBox="0 0 48 48"><rect x="6" y="6" width="36" height="36" fill="none" stroke="currentColor" stroke-width="2"/><line x1="6" y1="18" x2="42" y2="18" stroke="currentColor" stroke-width="2"/><line x1="6" y1="30" x2="42" y2="30" stroke="currentColor" stroke-width="2"/><line x1="18" y1="6" x2="18" y2="42" stroke="currentColor" stroke-width="2"/><line x1="30" y1="6" x2="30" y2="42" stroke="currentColor" stroke-width="2"/></svg>
           <span>Los: vloer</span>
         </button>
-        <button class="new-option disabled" data-kind="dak" disabled title="Nog niet beschikbaar">
-          <svg viewBox="0 0 48 48"><path d="M4 30 L24 8 L44 30" fill="none" stroke="currentColor" stroke-width="2"/><line x1="10" y1="30" x2="38" y2="30" stroke="currentColor" stroke-width="2"/></svg>
-          <span>Dak</span>
-        </button>
       </div>
     </div>
   </div>
 
-  <div id="tab-bar"></div>
   <div id="workspace"></div>
 
   <script src="js/core/license.js"></script>
   <script src="js/core/logo-data.js"></script>
   <script src="js/core/geometry.js"></script>
-  <script src="js/core/build-stages.js"></script>
+  <script src="js/core/view-layers.js"></script>
   <script src="js/core/canvas-labels.js"></script>
   <script src="js/core/camera-memory.js"></script>
   <script src="js/core/walk-controls.js"></script>
-  <script src="js/core/view-filter.js"></script>
   <script src="js/core/ui-kit.js"></script>
-  <script src="js/core/ribbon.js"></script>
+  <script src="js/core/menubar.js"></script>
+  <script src="js/core/inspector.js"></script>
   <script src="js/core/skybox.js"></script>
   <script src="js/vendor/jspdf.umd.min.js"></script>
   <script src="js/core/pdf-sheet.js"></script>