Function handleKeyDown

yaml-flow-editor/src/App.tsx:415–444

(e: KeyboardEvent)

  // Delete/Backspace for selected inner steps
  useEffect(() => {
    const handleKeyDown = (e: KeyboardEvent) => {
      if (e.key !== 'Delete' && e.key !== 'Backspace') return;
      if (!selectedInnerStep) return;

      // Don't intercept when typing in inputs
      const el = document.activeElement;
      if (
        el instanceof HTMLInputElement ||
        el instanceof HTMLTextAreaElement ||
        (el as HTMLElement)?.isContentEditable
      ) return;

      e.preventDefault();
      e.stopPropagation();

      setNodes((nodes) =>
        nodes.map((node) => {
          if (node.id === selectedInnerStep.parentNodeId) {
            const nodeData = node.data as Record<string, unknown>;
            const pathParts = selectedInnerStep.branch.split('.');
            return {
              ...node,
              data: updateNestedStructure(nodeData, pathParts, selectedInnerStep.stepIndex, null),
            };
          }
          return node;
        })
      );
      selectInnerStep(null);
    };

    window.addEventListener('keydown', handleKeyDown, true);
    return () => window.removeEventListener('keydown', handleKeyDown, true);