2D-Plan-Renderer auf WebGL2 (GPU) + akkumulierter Funktionsstand

Neuer GPU-Renderer fuer den Grundriss (src/plan/glPlan/): Earcut-Tessellierung
(konkav-faehig), gehrte Linienzuege (Miter), echte Papier-mm-Strichbreiten im
Massstab (repliziert den SVG-printStrokeVb-Pfad), Hybrid mit scharfem SVG-Text-
Overlay. GPU ist der Standardpfad; der SVG-Renderer bleibt automatischer Fallback,
falls WebGL2/Shader nicht verfuegbar sind. Imperativer Pan (rAF + CSS-transform)
fuer fluessige Interaktion ohne React-Re-Render je Frame.

Enthaelt zudem den bisher nicht committeten Arbeitsstand des Browser-BIM
(Oeffnungen, Treppen, Raeume, Decken, DXF-Export, Materialbibliothek, Kontext-
Import, Tauri-Compute-Boundary-PoC).

scripts/probe-topbar-dossier.mjs

@@ -0,0 +1,67 @@
+import puppeteer from "puppeteer";
+
+const URL = process.env.PROBE_URL || "http://localhost:5187/";
+const b = await puppeteer.launch({
+  headless: "new",
+  args: ["--no-sandbox", "--use-gl=swiftshader", "--enable-unsafe-swiftshader"],
+});
+const p = await b.newPage();
+await p.setViewport({ width: 1600, height: 300, deviceScaleFactor: 2 });
+
+const logs = [];
+p.on("console", (m) => logs.push(`[${m.type()}] ${m.text()}`));
+p.on("pageerror", (e) => logs.push(`[PAGEERROR] ${e.message}`));
+
+await p.goto(URL, { waitUntil: "networkidle0", timeout: 25000 }).catch((e) =>
+  logs.push(`[GOTO] ${e.message}`),
+);
+await new Promise((r) => setTimeout(r, 900));
+
+// Ganze Oberleiste (unabhängig vom horizontalen Scroll) breit einfangen.
+const info = await p.evaluate(() => {
+  const tb = document.querySelector(".topbar");
+  const stat = document.querySelector(".tb-stat");
+  const segs = document.querySelectorAll(".tb-seg").length;
+  const textGroup = !!document.querySelector(".tb-textgroup");
+  const looseZoom = document.querySelectorAll(".tb-zoom").length; // sollte 0 sein
+  const addText = !!document.querySelector(".tb-addtext");
+  const iconBtns = document.querySelectorAll(".tb-iconbtn").length;
+  return {
+    barH: tb ? Math.round(tb.getBoundingClientRect().height) : null,
+    scrollW: tb ? tb.scrollWidth : null,
+    statPresent: !!stat,
+    segmentCount: segs,
+    textGroup,
+    looseZoomSpans: looseZoom,
+    addText,
+    iconBtns,
+  };
+});
+console.log("INFO", JSON.stringify(info));
+
+// Oberleiste voll ins Bild scrollen und mehrere Ausschnitte schiessen.
+const tb = await p.$(".topbar");
+const box = await tb.boundingBox();
+await p.screenshot({
+  path: "scripts/probe-topbar-dossier-1-left.png",
+  clip: { x: 0, y: 0, width: 1600, height: Math.ceil(box.height) + 6 },
+});
+// Nach rechts scrollen, um Zoom-Cluster + Text-Gruppe zu zeigen.
+await p.evaluate(() => {
+  const el = document.querySelector(".topbar");
+  if (el) el.scrollLeft = Math.max(0, el.scrollWidth - el.clientWidth);
+});
+await new Promise((r) => setTimeout(r, 400));
+await p.screenshot({
+  path: "scripts/probe-topbar-dossier-2-right.png",
+  clip: { x: 0, y: 0, width: 1600, height: Math.ceil(box.height) + 6 },
+});
+
+console.log("\n=== Konsole ===");
+console.log(logs.length ? logs.join("\n") : "(keine)");
+const errors = logs.filter(
+  (l) => l.startsWith("[error]") || l.startsWith("[PAGEERROR]"),
+);
+console.log(errors.length ? `\nFEHLER: ${errors.length}` : "\nKeine Konsolenfehler.");
+await b.close();
+process.exit(errors.length ? 1 : 0);