fix(iace): FAB pointer-events fix + Initialisieren auf Betriebszustaende-Seite

- FAB-Container bekommt pointer-events-none, nur Button + Panel sind klickbar
  (behebt: Buttons auf der rechten Seite waren nicht klickbar)
- Initialisieren + Neu-Initialisieren Buttons von Interview-Seite auf
  Betriebszustaende-Seite verschoben (natuerlicher Flow: Grenzen → States → Init)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Benjamin Admin
2026-05-11 11:18:12 +02:00
parent a0bb9e3aed
commit 6f776b2fa8
2 changed files with 89 additions and 3 deletions
@@ -95,13 +95,13 @@ export default function IACEFlowFAB() {
}
return (
<div className="fixed bottom-6 right-6 z-50 flex flex-col items-end">
<div className="fixed bottom-6 right-6 z-50 flex flex-col items-end pointer-events-none">
{/* Expanded Panel */}
<div
ref={panelRef}
className={`mb-3 w-[300px] max-h-[70vh] overflow-y-auto bg-white dark:bg-gray-800 rounded-xl shadow-2xl border border-gray-200 dark:border-gray-700 transition-all duration-200 origin-bottom-right ${
isOpen
? 'opacity-100 scale-100 translate-y-0'
? 'opacity-100 scale-100 translate-y-0 pointer-events-auto'
: 'opacity-0 scale-95 translate-y-2 pointer-events-none'
}`}
>
@@ -223,7 +223,7 @@ export default function IACEFlowFAB() {
<button
ref={fabRef}
onClick={() => setIsOpen((o) => !o)}
className="w-14 h-14 rounded-full bg-gradient-to-br from-purple-600 to-indigo-600 text-white shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 transition-all flex items-center justify-center"
className="pointer-events-auto w-14 h-14 rounded-full bg-gradient-to-br from-purple-600 to-indigo-600 text-white shadow-lg hover:shadow-xl hover:scale-105 active:scale-95 transition-all flex items-center justify-center"
title="CE-Prozessschritte"
>
{/* Steps/flow icon */}