Function AddModuleModal

src/dashboard/modals/AddModuleModal.tsx:66–739

({
  isOpen,
  onClose,
  trackIndex,
  userData,
  setUserData,
  predefinedModules,
  skippedWorkspaceModules,
  onCreateNewModule: _onCreateNewModule,
  onEditModule,
  onConfirmRewrite,
  mode = "add-to-track",
}: AddModuleModalProps)

export const AddModuleModal = ({
  isOpen,
  onClose,
  trackIndex,
  userData,
  setUserData,
  predefinedModules,
  skippedWorkspaceModules,
  onEditModule,
  onConfirmRewrite,
  mode = "add-to-track",
}: AddModuleModalProps) => {
  const sendToProjector = useIPCSend("dashboard-to-projector");
  const [hoveredPreviewModuleId, setHoveredPreviewModuleId] = useState<string | null>(null);
  const [loadingPreviewModuleId, setLoadingPreviewModuleId] = useState<string | null>(null);
  const [rewritingModuleId, setRewritingModuleId] = useState<string | null>(null);
  const [rewriteError, setRewriteError] = useState<string | null>(null);
  const hoveredPreviewModuleIdRef = useRef<string | null>(null);
  const loadingPreviewModuleIdRef = useRef<string | null>(null);
  const previewRequestRef = useRef<{ moduleId: string | null; requestId: string | null }>({
    moduleId: null,
    requestId: null,
  });
  const previewDispatchedRequestIdRef = useRef<string | null>(null);
  const lastAutoPreviewSentRef = useRef<string | null>(null);
  const previewClearTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
  const pendingClearAfterLoadRef = useRef(false);
  const wasOpenRef = useRef(false);

  const clearPreviewNow = useCallback(() => {
    setHoveredPreviewModuleId(null);
    setLoadingPreviewModuleId(null);
    hoveredPreviewModuleIdRef.current = null;
    loadingPreviewModuleIdRef.current = null;
    previewRequestRef.current = {
      moduleId: null,
      requestId: null,
    };
    previewDispatchedRequestIdRef.current = null;
    lastAutoPreviewSentRef.current = null;
    pendingClearAfterLoadRef.current = false;
    sendToProjector("clear-preview", {});
  }, [sendToProjector]);

  const schedulePreviewClear = useCallback(() => {
    if (previewClearTimeoutRef.current) {
      clearTimeout(previewClearTimeoutRef.current);
      previewClearTimeoutRef.current = null;
    }
    previewClearTimeoutRef.current = setTimeout(() => {
      previewClearTimeoutRef.current = null;
      if (
        hoveredPreviewModuleIdRef.current &&
        hoveredPreviewModuleIdRef.current === loadingPreviewModuleIdRef.current
      ) {
        pendingClearAfterLoadRef.current = true;
        return;
      }
      clearPreviewNow();