Function ScriptCardView

src/components/SidePanel/cards/ScriptCardView.tsx:19–126

({ card, ha }: Props)

}

export default function ScriptCardView({ card, ha }: Props) {
  const [feedback, setFeedback] = useState<FeedbackState>('idle');
  const feedbackTimer = useRef<ReturnType<typeof setTimeout>>();
  const tapTimer = useRef<ReturnType<typeof setTimeout>>();
  const longPressTimer = useRef<ReturnType<typeof setTimeout>>();
  const tapCount = useRef(0);
  const longPressFired = useRef(false);

  const callEntity = useCallback(async (entityId: string) => {
    if (!ha || feedback === 'loading') return;
    clearTimeout(feedbackTimer.current);
    setFeedback('loading');
    const domain = entityId.split('.')[0];
    try {
      await ha.callService(domain, 'turn_on', entityId);
      setFeedback('success');
    } catch {
      setFeedback('error');
    }
    feedbackTimer.current = setTimeout(() => setFeedback('idle'), 1500);
  }, [ha, feedback]);

  const handleTap = useCallback(() => {
    callEntity(card.entityId);
  }, [card.entityId, callEntity]);

  const handleDoubleTap = useCallback(() => {
    if (card.doublePressEntityId) {
      callEntity(card.doublePressEntityId);
    } else {
      handleTap();
    }
  }, [card.doublePressEntityId, callEntity, handleTap]);

  const handleLongPress = useCallback(() => {
    if (card.longPressEntityId) {
      callEntity(card.longPressEntityId);
    }
  }, [card.longPressEntityId, callEntity]);

  /* ── Pointer events for combined gesture detection ── */

  const handlePointerDown = useCallback((e: React.PointerEvent<HTMLButtonElement>) => {
    e.currentTarget.setPointerCapture(e.pointerId);
    longPressFired.current = false;

    longPressTimer.current = setTimeout(() => {
      longPressFired.current = true;
      handleLongPress();
    }, LONG_PRESS_DELAY);
  }, [handleLongPress]);

  const handlePointerUp = useCallback((e: React.PointerEvent<HTMLButtonElement>) => {
    e.currentTarget.blur();
    clearTimeout(longPressTimer.current);

    // If long-press already fired, skip tap handling
    if (longPressFired.current) return;