Fire & gas alarm panel / ESD mimic panel
Fire & gas alarm control panel (red header, backlit LCD showing sample status, FIRE / GAS / FAULT / DISABLED / TEST / POWER LEDs, a zone LED column per zones, SILENCE / MUTE / RESET / EVACUATE buttons, access keyswitch, cable glands, sounder-beacon above) or an ESD mimic panel (process mimic with status LEDs per area, APS / ESD1 / ESD2 / PSD red mushroom buttons under hinged clear flaps, override keyswitches, lamp test). Wall cabinet (wall plane z = 0) or floor-standing desk with a 30° raked button shelf. Fascia text is sample content.
Installation
Copies interiors/fire-alarm-panel.tsx and the shared lib/ into src/components/deck-twin/. Needs three, @react-three/fiber and @react-three/drei. See installation for the manual route.
Usage
import { Canvas } from '@react-three/fiber'
import { OrbitControls } from '@react-three/drei'
import { Stage } from './components/deck-twin/lib/stage'
import { FireAlarmPanel } from './components/deck-twin/interiors/fire-alarm-panel'
export default function Scene() {
return (
<Canvas shadows camera={{ position: [8, 5, 9], fov: 35 }}>
<Stage>
<FireAlarmPanel />
</Stage>
<OrbitControls makeDefault />
</Canvas>
)
}
Props
| Prop | Type | Default | Range |
|---|---|---|---|
panel | "fire-alarm" | "esd-mimic" | null | |
mount | "wall" | "floor" | null | |
zones | number | null | 4 – 32 |
elevation | number (m) | null | 0.8 – 2.2 |
tag | string | null | |
...group | position, rotation, scale… |
P&ID
On F&G block diagrams and room layouts: a rectangle labelled FACP, F&G or ESD with the zones it serves; detectors and call points are wired to it in loops.
An F&G or ESD mimic panel in the CCR; the logic itself lives in the system cabinets (system-cabinet).
panelmountzoneselevationtagTypical suppliers
Autronica. The geometry is generic and sized from public standards. It is not vendor CAD.
For agents
Machine-readable entry with props, ranges, defaults and ports:
Or fetch /r/fire-alarm-panel.json, or copy a ready-made instruction:
Add the Deck Twin "Fire & gas alarm panel / ESD mimic panel" component to this project. Run `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz add fire-alarm-panel` (it copies the file and the shared lib into src/components/deck-twin/), then `npx -y https://decktwin.com/cli/deck-twin-0.2.2.tgz info fire-alarm-panel` for its props, ranges and ports. Render <FireAlarmPanel /> inside a React Three Fiber <Canvas shadows>, wrapped in <Stage> from src/components/deck-twin/lib/stage. Set props from my data (metres, NPS in inches, ASME class) and leave the rest at defaults. Install three, @react-three/fiber, @react-three/drei and @types/three if they're missing. Full guide: https://decktwin.com/skill/SKILL.md