// drawer.jsx — engraved drawer front (closed) and top-down interior (open)
function DrawerClosed({ onOpen, disabled }) {
const [waking, setWaking] = React.useState(false);
// When the lamp turns on (disabled flips false), nudge the drawer 4 times in tight
// succession — Jane wants the cue to feel *紧凑* and obvious, not casual.
React.useEffect(() => {
if (disabled) return;
let count = 0;
let nudgeTimer;
let gapTimer;
const run = () => {
if (count >= 4) return;
setWaking(true);
nudgeTimer = setTimeout(() => {
setWaking(false);
count++;
gapTimer = setTimeout(run, 350); // short gap → tight rhythm
}, 720); // matches drawerNudge animation duration below
};
const start = setTimeout(run, 600);
return () => {
clearTimeout(start); clearTimeout(nudgeTimer); clearTimeout(gapTimer);
setWaking(false);
};
}, [disabled]);
return (
!disabled && onOpen()}>
{!disabled && (
拉开抽屉 · open↑
)}
);
}
// Drawer interior (top-down view). Rendered as a single SVG that frames the whole overlay.
function DrawerOverlay({ open, dimmed, children }) {
return (