Akkumulierten grünen Arbeitsstand landen (Basis für Weiterarbeit)

Bündelt den über mehrere Sessions gewachsenen, uncommitteten Stand in
einem Basis-Commit, damit Folge-Features isoliert darauf aufsetzen.
Verifikation: tsc --noEmit sauber, vitest 600/600 grün.

Enthalten (Details in PENDENZEN.md ✅-Liste / HANDOVER.md):
- truck-Integration: Profil-Extrusion + Verjüngung + Boolean-CSG (csgrs),
  Crate src-tauri/trucksolid, Werkzeug `extrude`, ExtrudedSolid-Modell.
- kernel2d-Port nach Rust/WASM (Phasen 1–5, Diff-Harness).
- render3d 3D-Live-Schnitt = 2D-Schnitt: geschichteter Bodenaufbau,
  Prioritäts-Verschneidung (section_boolean.rs), einstellbare
  Schichttrennlinien, per-Hatch-Strichstärke, relativeToWall-Orientierung.
- Interop-Export IFC4/STL/OBJ (Loch-Ausschnitt wallMeshCut), Schnellexport.
- Projektdatei .obp + OS-Lock (lock.rs, LockConflictDialog).
- Layout-Blätter (Modell/Editor/Panel/PDF), Ausschnitte, Override-Engine,
  Tragwerk-Stützen (Column), BIM-Tree-Panel.
- Bauteil-Typsystem (Tür/Fenster/Treppe-Typen), Betontreppe mit schräger
  Laufplatte, Text-/Textbox-Werkzeug, Mess-Werkzeug, 2D/3D-Griffe für
  Öffnungen/Treppen, Snap-Symbol-Restyle.

src/ui/Toast.tsx

@@ -0,0 +1,81 @@
+// Toast — nicht-blockierende Kurzmeldungen (Ersatz für `window.alert`, das im
+// Tauri-WKWebView deaktiviert ist und lautlos nichts tut, siehe
+// state/notifySlice.ts). Liest `notifications` aus dem Store und rendert
+// einen gestapelten Container oben rechts; jede Meldung verschwindet
+// automatisch nach ~4s oder per Klick sofort.
+//
+// Auto-Dismiss-Timer sitzt HIER (nicht in der Slice): jede gemountete Meldung
+// bekommt so GENAU einen Timer, sauber an ihren Lebenszyklus gebunden (kein
+// Doppel-Timer bei erneutem `notify()`-Aufruf mit identischer Nachricht).
+//
+// Bezeichner englisch, UI-Text/Kommentare deutsch (CONVENTIONS.md).
+
+import { useEffect } from "react";
+import { useStore } from "../state/appStore";
+import { t } from "../i18n";
+import type { NotifyKind } from "../state/notifySlice";
+
+const AUTO_DISMISS_MS = 4000;
+
+/** Top-level Toast-Stack — einmal in App.tsx gerendert. */
+export function Toast() {
+  const notifications = useStore((s) => s.notifications);
+  const dismissNotify = useStore((s) => s.dismissNotify);
+
+  if (notifications.length === 0) return null;
+
+  return (
+    <div className="toast-stack" role="status" aria-live="polite">
+      {notifications.map((n) => (
+        <ToastItem
+          key={n.id}
+          id={n.id}
+          message={n.message}
+          kind={n.kind}
+          onDismiss={dismissNotify}
+        />
+      ))}
+    </div>
+  );
+}
+
+function ToastItem({
+  id,
+  message,
+  kind,
+  onDismiss,
+}: {
+  id: string;
+  message: string;
+  kind: NotifyKind;
+  onDismiss: (id: string) => void;
+}) {
+  // Auto-Dismiss: EIN Timer pro gemounteter Meldung, an ihre id gebunden.
+  useEffect(() => {
+    const timer = window.setTimeout(() => onDismiss(id), AUTO_DISMISS_MS);
+    return () => window.clearTimeout(timer);
+    // onDismiss ist referenzstabil (Store-Action) — bewusst nur auf `id` reagieren.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [id]);
+
+  return (
+    <div
+      className={`toast-item toast-${kind}`}
+      onClick={() => onDismiss(id)}
+      role="alert"
+    >
+      <span className="toast-message">{message}</span>
+      <button
+        type="button"
+        className="toast-close"
+        aria-label={t("dock.close")}
+        onClick={(e) => {
+          e.stopPropagation();
+          onDismiss(id);
+        }}
+      >
+        ×
+      </button>
+    </div>
+  );
+}