import { AnimatePresence, motion } from 'framer-motion'; import { useNavigate } from 'react-router-dom'; import { useFlowStore } from '../../store/useFlowStore'; import { StatusCard } from './StatusCard'; import { TriggerEventCard } from './TriggerEventCard'; import { RequestPayloadPreview } from './RequestPayloadPreview'; import { HandlerLogicSnippet } from './HandlerLogicSnippet'; import { Icon } from '../shared/Icon'; import { Tooltip } from '../shared/Tooltip'; export function RightPanel() { const getCurrentStep = useFlowStore((s) => s.getCurrentStep); const activeStepIndex = useFlowStore((s) => s.activeStepIndex); const selectedPath = useFlowStore((s) => s.selectedPath); const toggleRightPanel = useFlowStore((s) => s.toggleRightPanel); const navigate = useNavigate(); const step = getCurrentStep(); return ( ); }