Browser-BIM (cad): semantisches Modell, abgeleitete 2D/3D-Sichten, Zeichenwerkzeuge

Standalone-Browser-Port von DOSSIER. Enthaelt das semantische Modell mit Plan-/3D-Ableitung, Zeichen- und Editierwerkzeuge, Rhino-artiges Befehlssystem, dockbares Panel-System, Resource-Manager, DXF/.lin/.pat-Import, i18n (de/en) sowie Projektdokumentation und Probe-Harness.
2026-06-30 20:52:27 +02:00
commit ca859c4aa4
157 changed files with 37921 additions and 0 deletions
@@ -0,0 +1,67 @@
+// Panel-Rahmen — Kopfzeile + scrollbarer Körper um einen Panel-Inhalt.
+//
+// Der Rahmen ist inhaltsneutral: er bekommt eine PanelDef (für Titel und das
+// Flag hasDisplayMode) und den generischen PanelContext, mit dem er
+// `def.render(ctx)` aufruft. Den eigentlichen Inhalt liefert also das Panel
+// selbst; der Rahmen kümmert sich nur um Titelzeile, optionalen
+// Darstellungsmodus-Umschalter und den überlaufenden, scrollbaren Körper.
+//
+// Der Darstellungsmodus wird von außen durchgereicht (value + onChange), damit
+// der Rahmen nichts vom Host-Context wissen muss. Der Umschalter erscheint nur,
+// wenn das Panel ihn deklariert (def.hasDisplayMode) UND ein onChange anliegt.
+//
+// Bezeichner englisch, UI-Text/Kommentare deutsch (CONVENTIONS.md).
+
+import { DisplayModeSelect } from "./DisplayModeSelect";
+import type { DisplayMode, PanelContext, PanelDef } from "./types";
+import { t } from "../i18n";
+
+export interface PanelFrameProps {
+  /** Definition des darzustellenden Panels (liefert Titel + hasDisplayMode). */
+  def: PanelDef;
+  /** Generischer Kontext, der an `def.render` weitergereicht wird. */
+  ctx?: PanelContext;
+  /**
+   * Aktueller Darstellungsmodus. Nur relevant, wenn das Panel
+   * `hasDisplayMode` deklariert; der Umschalter ist sonst ausgeblendet.
+   */
+  displayMode?: DisplayMode;
+  /**
+   * Setter für den Darstellungsmodus. Liegt er an und deklariert das Panel
+   * `hasDisplayMode`, zeigt die Kopfzeile das Dropdown.
+   */
+  onDisplayModeChange?: (mode: DisplayMode) => void;
+}
+
+/**
+ * Container eines einzelnen Panels: Kopfzeile (Titel + optionaler
+ * Darstellungsmodus-Umschalter) über einem scrollbaren Körper, der den
+ * gerenderten Panel-Inhalt aufnimmt.
+ */
+export function PanelFrame({
+  def,
+  ctx,
+  displayMode,
+  onDisplayModeChange,
+}: PanelFrameProps) {
+  // Umschalter nur, wenn das Panel ihn will UND er verdrahtet ist.
+  const showMode =
+    Boolean(def.hasDisplayMode) &&
+    onDisplayModeChange !== undefined &&
+    displayMode !== undefined;
+
+  return (
+    <section className="panel-frame">
+      <header className="panel-head">
+        <span className="panel-title">{t(def.title)}</span>
+        {showMode && (
+          <DisplayModeSelect
+            value={displayMode as DisplayMode}
+            onChange={onDisplayModeChange as (m: DisplayMode) => void}
+          />
+        )}
+      </header>
+      <div className="panel-body">{def.render(ctx ?? {})}</div>
+    </section>
+  );
+}