From 77c7d970003c320a328107b72f0454572722d927 Mon Sep 17 00:00:00 2001
From: nicktytarenko <nicktytarenko@gmail.com>
Date: Tue, 1 Sep 2026 00:06:52 +0300
Subject: [PATCH 1/4] Stop OpenAlex publication import after Persona
 verification

---
 components/banners/VerificationBanner.tsx     |   4 +-
 .../Verification/AddPublicationsForm.tsx      | 400 ------------------
 .../Verification/VerificationPaperResult.tsx  | 100 -----
 components/modals/VerifyIdentityModal.tsx     | 154 +------
 components/ui/ProgressStepper.tsx             |  95 -----
 hooks/usePublications.ts                      |  97 +----
 public/icons/verificationRequirements.svg     |  28 --
 services/paper.service.ts                     |  11 -
 services/publication.service.ts               |  76 ----
 types/publication.ts                          | 103 -----
 10 files changed, 15 insertions(+), 1053 deletions(-)
 delete mode 100644 components/modals/Verification/AddPublicationsForm.tsx
 delete mode 100644 components/modals/Verification/VerificationPaperResult.tsx
 delete mode 100644 components/ui/ProgressStepper.tsx
 delete mode 100644 public/icons/verificationRequirements.svg

diff --git a/components/banners/VerificationBanner.tsx b/components/banners/VerificationBanner.tsx
index 5ca461887..fd12754d1 100644
--- a/components/banners/VerificationBanner.tsx
+++ b/components/banners/VerificationBanner.tsx
@@ -27,11 +27,11 @@ export default function VerificationBanner({ onClose, onMenuClose }: Verificatio
           <ul className="space-y-0.5 text-xs text-gray-600 mb-2">
             <li className="flex items-center">
               <span className="mr-1.5">✓</span>
-              Auto sync all of your papers
+              Get a verified badge
             </li>
             <li className="flex items-center">
               <span className="mr-1.5">✓</span>
-              Get a verified badge
+              Faster withdrawal limits
             </li>
             <li className="flex items-center">
               <span className="mr-1.5">✓</span>
diff --git a/components/modals/Verification/AddPublicationsForm.tsx b/components/modals/Verification/AddPublicationsForm.tsx
deleted file mode 100644
index d5ac6ea62..000000000
--- a/components/modals/Verification/AddPublicationsForm.tsx
+++ /dev/null
@@ -1,400 +0,0 @@
-'use client';
-
-import React, { useEffect, useState } from 'react';
-import { useUser } from '@/contexts/UserContext';
-import { useWebSocket } from '@/hooks/useWebSocket';
-import { WS_ROUTES } from '@/services/websocket';
-import { transformNotification } from '@/types/notification';
-import { Button } from '@/components/ui/Button';
-import { Info, ArrowLeft, Check, ChevronDown } from 'lucide-react';
-import { toast } from 'react-hot-toast';
-import { Input } from '@/components/ui/form/Input';
-import { Spinner } from '@/components/Editor/components/ui/Spinner';
-import { Dropdown, DropdownItem } from '@/components/ui/form/Dropdown';
-import { Checkbox } from '@/components/ui/form/Checkbox';
-import { usePublicationsSearch, useAddPublications } from '@/hooks/usePublications';
-import { PublicationError } from '@/services/publication.service';
-import { Avatar } from '@/components/ui/Avatar';
-import { VerificationPaperResult } from './VerificationPaperResult';
-
-export type STEP =
-  | 'DOI'
-  | 'NEEDS_AUTHOR_CONFIRMATION'
-  | 'RESULTS'
-  | 'ERROR'
-  | 'LOADING'
-  | 'FINISHED';
-
-type ERROR_TYPE = 'DOI_NOT_FOUND' | 'GENERIC_ERROR' | null;
-
-export const ORDERED_STEPS: Array<STEP> = [
-  'DOI',
-  'NEEDS_AUTHOR_CONFIRMATION',
-  'RESULTS',
-  'LOADING',
-  'FINISHED',
-];
-
-interface AddPublicationsFormProps {
-  onStepChange?: ({ step }: { step: STEP }) => void;
-  onDoThisLater?: () => void;
-  allowDoThisLater?: boolean;
-}
-
-export function AddPublicationsForm({
-  onStepChange,
-  onDoThisLater,
-  allowDoThisLater = false,
-}: AddPublicationsFormProps) {
-  const [paperDoi, setPaperDoi] = useState('');
-  const [selectedPaperIds, setSelectedPaperIds] = useState<Array<string>>([]);
-  const [step, setStep] = useState<STEP>('DOI');
-  const [error, setError] = useState<ERROR_TYPE>(null);
-
-  const { user } = useUser();
-
-  // Use our custom hooks
-  const [{ data, isLoading: isSearchLoading, error: searchError }, searchPublications] =
-    usePublicationsSearch();
-
-  const [selectedAuthorId, setSelectedAuthorId] = useState<string | null>(null);
-
-  const [{ isLoading: isAddingLoading, error: addError }, addPublications] = useAddPublications();
-
-  // Connect to WebSocket for publication status updates
-  const { messages } = useWebSocket({
-    url: user?.id ? WS_ROUTES.NOTIFICATIONS(user.id) : '',
-    authRequired: true,
-    autoConnect: !!user?.id,
-    global: true,
-  });
-
-  // Handle WebSocket messages
-  useEffect(() => {
-    if (messages.length > 0) {
-      const latestMessage = messages[messages.length - 1];
-      const latestNotification = transformNotification(latestMessage);
-
-      if (latestNotification.type === 'PUBLICATIONS_ADDED') {
-        setStep('FINISHED');
-      }
-    }
-  }, [messages]);
-
-  // Notify parent component when step changes and reset error
-  useEffect(() => {
-    onStepChange?.({ step });
-    setError(null);
-  }, [step, onStepChange]);
-
-  // Handle errors from hooks
-  useEffect(() => {
-    if (searchError) {
-      if (searchError instanceof PublicationError && searchError.code === 'DOI_NOT_FOUND') {
-        setError('DOI_NOT_FOUND');
-      } else {
-        setError('GENERIC_ERROR');
-      }
-    }
-  }, [searchError]);
-
-  useEffect(() => {
-    if (addError) {
-      setError('GENERIC_ERROR');
-      setStep('ERROR');
-    }
-  }, [addError]);
-
-  // Update step based on search results
-  useEffect(() => {
-    if (data) {
-      if (!data.selectedAuthorId) {
-        setStep('NEEDS_AUTHOR_CONFIRMATION');
-      } else if (data.selectedAuthorId && (data.works || []).length > 0) {
-        setStep('RESULTS');
-      }
-
-      // Set the first publication as selected if it matches the DOI
-      if ((data.works || []).length > 0 && selectedPaperIds.length === 0) {
-        setSelectedPaperIds([(data.works || [])[0].id]);
-      }
-    }
-  }, [data]);
-
-  const handleFetchPublications = async ({
-    doi,
-    authorId,
-  }: {
-    doi: string;
-    authorId?: string | null;
-  }) => {
-    setError(null);
-    try {
-      await searchPublications({ doi, authorId });
-    } catch (err) {
-      // Error handling is done in the useEffect above
-    }
-  };
-
-  const handleDoThisLater = () => {
-    onDoThisLater?.();
-    toast.success('Visit the "Publications" tab on your profile to resume', {
-      duration: 5000,
-    });
-  };
-
-  const handleAddPublications = async () => {
-    setStep('LOADING');
-    try {
-      await addPublications({
-        authorId: String(user?.authorProfile?.id) || '',
-        openAlexPublicationIds: selectedPaperIds,
-        openAlexAuthorId: selectedAuthorId || '',
-      });
-      // The actual completion will be handled by the WebSocket notification
-    } catch (err) {
-      // Error handling is done in the useEffect above
-    }
-  };
-
-  const toggleSelectAll = () => {
-    if (selectedPaperIds.length === (data?.works || []).length) {
-      setSelectedPaperIds([]);
-    } else {
-      setSelectedPaperIds((data?.works || []).map((pub) => pub.id));
-    }
-  };
-
-  const togglePaperSelection = (paperId: string) => {
-    if (selectedPaperIds.includes(paperId)) {
-      setSelectedPaperIds(selectedPaperIds.filter((id) => id !== paperId));
-    } else {
-      setSelectedPaperIds([...selectedPaperIds, paperId]);
-    }
-  };
-
-  return (
-    <div className="w-full">
-      {step === 'DOI' && (
-        <div>
-          <div className="mb-6">
-            <Input
-              id="doi"
-              label="Enter a DOI for any paper you've published"
-              placeholder="e.g., 10.1038/s41586-021-03819-2"
-              value={paperDoi}
-              onChange={(e) => setPaperDoi(e.target.value)}
-              className="w-full"
-              error={(() => {
-                switch (error) {
-                  case 'DOI_NOT_FOUND':
-                    return "We couldn't find this DOI. Please check that you've entered it correctly or try a different publication.";
-                  case 'GENERIC_ERROR':
-                    return 'An error occurred. Please enter a valid DOI and try again.';
-                  default:
-                    return undefined;
-                }
-              })()}
-            />
-          </div>
-
-          <div className="flex justify-between items-center mt-8">
-            {allowDoThisLater && (
-              <Button variant="ghost" onClick={handleDoThisLater} className="text-primary">
-                Do this later
-              </Button>
-            )}
-            <Button
-              onClick={() => handleFetchPublications({ doi: paperDoi })}
-              disabled={!paperDoi.trim() || isSearchLoading}
-              className="ml-auto"
-            >
-              {isSearchLoading ? <Spinner className="mr-2 h-4 w-4" /> : null}
-              Continue
-            </Button>
-          </div>
-        </div>
-      )}
-
-      {step === 'NEEDS_AUTHOR_CONFIRMATION' && (
-        <div>
-          <div className="mb-6 relative">
-            <p className="mb-2">Please confirm which of these authors you are:</p>
-
-            <Dropdown
-              label="Author"
-              required={true}
-              trigger={
-                <Button
-                  variant="outlined"
-                  className="flex items-center justify-between w-full"
-                  type="button"
-                >
-                  <span className="text-gray-700">
-                    {selectedAuthorId
-                      ? (data?.availableAuthors || []).find(
-                          (author) => author.id === selectedAuthorId
-                        )?.displayName
-                      : 'Select an author'}
-                  </span>
-                  <ChevronDown className="h-4 w-4 text-gray-500" />
-                </Button>
-              }
-            >
-              {(data?.availableAuthors || []).map((author) => (
-                <DropdownItem
-                  key={author.id}
-                  onClick={() => setSelectedAuthorId(author.id)}
-                  className={selectedAuthorId === author.id ? 'bg-gray-100' : ''}
-                >
-                  {author.displayName}
-                </DropdownItem>
-              ))}
-            </Dropdown>
-          </div>
-
-          <div className="flex justify-between items-center mt-8">
-            <Button
-              variant="ghost"
-              onClick={() => {
-                setStep('DOI');
-                setSelectedAuthorId(null);
-              }}
-              className="flex items-center gap-2"
-            >
-              <ArrowLeft className="h-4 w-4" />
-              Back
-            </Button>
-            <Button
-              onClick={() => handleFetchPublications({ doi: paperDoi, authorId: selectedAuthorId })}
-              disabled={!selectedAuthorId || isSearchLoading}
-            >
-              {isSearchLoading ? <Spinner className="mr-2 h-4 w-4" /> : null}
-              Continue
-            </Button>
-          </div>
-        </div>
-      )}
-
-      {step === 'RESULTS' && (
-        <div>
-          <div className="mb-6">
-            <div className="flex items-center justify-between mb-4">
-              <Checkbox
-                id="select-all-publications"
-                label={`Select All (${selectedPaperIds.length})`}
-                checked={
-                  selectedPaperIds.length === (data?.works || []).length &&
-                  (data?.works || []).length > 0
-                }
-                onCheckedChange={toggleSelectAll}
-                className="[&>div>label]:text-indigo-600"
-              />
-
-              {selectedAuthorId && data?.availableAuthors && (
-                <div className="flex items-center gap-2">
-                  <div className="flex items-center gap-2">
-                    <Avatar
-                      alt={
-                        data.availableAuthors.find((author) => author.id === selectedAuthorId)
-                          ?.displayName || 'Author'
-                      }
-                      size="sm"
-                    />
-                    <span className="text-sm text-gray-700">
-                      {
-                        data.availableAuthors.find((author) => author.id === selectedAuthorId)
-                          ?.displayName
-                      }
-                    </span>
-                  </div>
-                  <button
-                    onClick={() => setStep('NEEDS_AUTHOR_CONFIRMATION')}
-                    className="text-xs text-indigo-600 hover:text-indigo-800"
-                  >
-                    (Change)
-                  </button>
-                </div>
-              )}
-            </div>
-
-            <div className="space-y-4 max-h-[320px] overflow-y-auto">
-              {(data?.works || []).map((publication) => (
-                <div
-                  key={publication.id}
-                  className={`border rounded-md p-4 ${
-                    selectedPaperIds.includes(publication.id)
-                      ? 'border-indigo-600'
-                      : 'border-gray-200'
-                  }`}
-                >
-                  <div className="flex items-start gap-3">
-                    <Checkbox
-                      id={`paper-${publication.id}`}
-                      checked={selectedPaperIds.includes(publication.id)}
-                      className="mt-1"
-                      onCheckedChange={(checked) => {
-                        togglePaperSelection(publication.id);
-                      }}
-                    />
-                    <VerificationPaperResult result={publication} />
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-
-          <div className="flex justify-between items-center mt-8">
-            <Button
-              variant="ghost"
-              onClick={() => {
-                if ((data?.availableAuthors || []).length > 0) {
-                  setStep('NEEDS_AUTHOR_CONFIRMATION');
-                } else {
-                  setStep('DOI');
-                }
-              }}
-              className="flex items-center gap-2"
-            >
-              <ArrowLeft className="h-4 w-4" />
-              Back
-            </Button>
-            <Button
-              onClick={handleAddPublications}
-              disabled={selectedPaperIds.length === 0 || isAddingLoading}
-            >
-              {isAddingLoading ? <Spinner className="mr-2 h-4 w-4" /> : null}
-              Add Publications
-            </Button>
-          </div>
-        </div>
-      )}
-
-      {step === 'LOADING' && (
-        <div className="text-center py-8">
-          <div className="flex justify-center mb-4">
-            <Spinner className="h-12 w-12 text-primary" />
-          </div>
-          <h3 className="text-xl font-semibold mb-2">Adding publications to your profile...</h3>
-          <p className="text-gray-600">
-            This may take a few minutes. We will notify you when the process is complete. Feel free
-            to close this popup.
-          </p>
-        </div>
-      )}
-
-      {step === 'ERROR' && (
-        <div className="text-center py-8">
-          <div className="flex justify-center mb-4 text-red-500">
-            <Info className="h-12 w-12" />
-          </div>
-          <h3 className="text-xl font-semibold mb-2">Something went wrong</h3>
-          <p className="text-gray-600 mb-6">
-            An unexpected error has occurred. Please try again later.
-          </p>
-          <Button onClick={() => setStep('DOI')}>Try Again</Button>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/components/modals/Verification/VerificationPaperResult.tsx b/components/modals/Verification/VerificationPaperResult.tsx
deleted file mode 100644
index daa2e85a7..000000000
--- a/components/modals/Verification/VerificationPaperResult.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import { Badge } from '@/components/ui/Badge';
-import { OpenAlexWork } from '@/types/publication';
-import { formatTimestamp } from '@/utils/date';
-
-interface Concept {
-  id: string;
-  displayName: string;
-  slug?: string;
-}
-
-interface VerificationPaperResultProps {
-  result: OpenAlexWork;
-}
-
-export const VerificationPaperResult = ({ result }: VerificationPaperResultProps) => {
-  // Extract author names from authorships if available
-  const authorNames = result.authorships?.map((a) => a.author.displayName) || [];
-
-  // Filter important concepts
-  const concepts = result.concepts
-    ? result.concepts
-        .filter((concept) => concept.level === 1)
-        .sort((a, b) => b.relevancyScore - a.relevancyScore)
-        .slice(0, 3)
-    : [];
-
-  return (
-    <div className="flex flex-col w-full">
-      <div className="max-w-full">
-        <div className="font-medium text-gray-900">{result.title}</div>
-
-        <div className="flex flex-wrap items-center text-sm text-gray-500 mt-1 gap-2">
-          {authorNames.length > 0 && (
-            <div>
-              {authorNames[0]}
-              {authorNames.length > 1 && ' et al.'}
-            </div>
-          )}
-
-          {result.publicationDate && (
-            <>
-              <div className="h-3 border-l border-gray-300"></div>
-              <div>{formatTimestamp(result.publicationDate)}</div>
-            </>
-          )}
-
-          {result.doi && (
-            <>
-              <div className="h-3 border-l border-gray-300"></div>
-              <div>
-                {result.doiUrl ? (
-                  <Link
-                    href={result.doiUrl}
-                    target="_blank"
-                    className="text-indigo-600 hover:text-indigo-800"
-                  >
-                    {result.doi}
-                  </Link>
-                ) : (
-                  result.doi
-                )}
-              </div>
-            </>
-          )}
-
-          {result.venue?.displayName && (
-            <>
-              <div className="h-3 border-l border-gray-300"></div>
-              <div>{result.venue.displayName}</div>
-            </>
-          )}
-        </div>
-
-        {concepts && concepts.length > 0 && (
-          <div className="flex flex-wrap gap-2 mt-2">
-            {concepts.map((concept, index) => (
-              <Badge key={`concept-${index}`} variant="default" className="text-xs">
-                {concept.displayName}
-              </Badge>
-            ))}
-          </div>
-        )}
-
-        {result.authorshipPosition && (
-          <div className="text-sm text-gray-500 mt-1">
-            {result.authorshipPosition === 'first'
-              ? 'First Author'
-              : result.authorshipPosition === 'last'
-                ? 'Last Author'
-                : 'Co-Author'}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default VerificationPaperResult;
diff --git a/components/modals/VerifyIdentityModal.tsx b/components/modals/VerifyIdentityModal.tsx
index ff2961d8c..c635af0e3 100644
--- a/components/modals/VerifyIdentityModal.tsx
+++ b/components/modals/VerifyIdentityModal.tsx
@@ -2,21 +2,10 @@
 
 import { Dialog, Transition } from '@headlessui/react';
 import { Fragment, useState, useEffect } from 'react';
-import {
-  X,
-  Check,
-  AlertTriangle,
-  BadgeCheck,
-  Users,
-  GraduationCap,
-  TrendingUp,
-  CircleDollarSign,
-} from 'lucide-react';
+import { X, Check, AlertTriangle, BadgeCheck, Users, GraduationCap } from 'lucide-react';
 import { Button } from '@/components/ui/Button';
 import { useUser } from '@/contexts/UserContext';
 import { VerificationWithPersonaStep } from './Verification/VerificationWithPersonaStep';
-import { AddPublicationsForm, STEP } from './Verification/AddPublicationsForm';
-import { ProgressStepper } from '@/components/ui/ProgressStepper';
 import { navigateToAuthorProfile } from '@/utils/navigation';
 import type { VerificationModalContext } from '@/contexts/VerificationContext';
 
@@ -31,15 +20,7 @@ type VerificationStep =
   | 'INTRO'
   | 'IDENTITY'
   | 'IDENTITY_VERIFIED_SUCCESSFULLY'
-  | 'IDENTITY_CANNOT_BE_VERIFIED'
-  | 'PUBLICATIONS'
-  | 'SUCCESS';
-
-const stepperSteps = [
-  { id: 'IDENTITY', label: 'Verify Identity' },
-  { id: 'PUBLICATIONS', label: 'Publication History' },
-  { id: 'SUCCESS', label: 'View Rewards' },
-];
+  | 'IDENTITY_CANNOT_BE_VERIFIED';
 
 export function VerifyIdentityModal({
   isOpen,
@@ -48,7 +29,6 @@ export function VerifyIdentityModal({
   context = null,
 }: VerifyIdentityModalProps) {
   const [currentStep, setCurrentStep] = useState<VerificationStep>(initialStep);
-  const [publicationsSubstep, setPublicationsSubstep] = useState<STEP | 'SUCCESS'>('DOI');
 
   const { user } = useUser();
   const isPublishContext = context === 'publish';
@@ -56,25 +36,12 @@ export function VerifyIdentityModal({
   useEffect(() => {
     if (isOpen) {
       setCurrentStep(context === 'publish' ? 'IDENTITY' : initialStep);
-      setPublicationsSubstep('DOI');
     }
   }, [isOpen, initialStep, context]);
 
   const handleNext = () => {
     if (currentStep === 'INTRO') {
       setCurrentStep('IDENTITY');
-    } else if (currentStep === 'IDENTITY') {
-      setCurrentStep('PUBLICATIONS');
-    } else if (currentStep === 'PUBLICATIONS') {
-      // Send verification request via WebSocket
-      if (user?.id) {
-        // Placeholder for WebSocket sendMessage
-      }
-    } else if (currentStep === 'SUCCESS') {
-      onClose();
-      if (context !== 'publish') {
-        navigateToAuthorProfile(user?.authorProfile?.id, false);
-      }
     }
   };
 
@@ -86,6 +53,11 @@ export function VerifyIdentityModal({
     }
   };
 
+  const handleViewProfile = () => {
+    onClose();
+    navigateToAuthorProfile(user?.authorProfile?.id, false);
+  };
+
   const renderStepContent = () => {
     switch (currentStep) {
       case 'INTRO':
@@ -220,7 +192,7 @@ export function VerifyIdentityModal({
             </div>
           );
         }
-        // General flow: continue to publications step
+
         return (
           <div className="space-y-6 text-center p-6 flex flex-col justify-between min-h-[400px]">
             <div>
@@ -237,19 +209,12 @@ export function VerifyIdentityModal({
               </p>
             </div>
             <div className="flex flex-col space-y-4 mt-6">
-              <Button onClick={() => setCurrentStep('PUBLICATIONS')} className="w-full">
-                Next: View rewards on my publications
-              </Button>
-              <Button
-                variant="ghost"
-                onClick={() => {
-                  onClose();
-                  navigateToAuthorProfile(user?.authorProfile?.id, false);
-                }}
-                className="w-full"
-              >
+              <Button onClick={handleViewProfile} className="w-full">
                 View my profile
               </Button>
+              <Button variant="ghost" onClick={onClose} className="w-full">
+                Done
+              </Button>
             </div>
           </div>
         );
@@ -281,94 +246,6 @@ export function VerifyIdentityModal({
             </div>
           </div>
         );
-
-      case 'PUBLICATIONS':
-        return (
-          <div className="p-6">
-            {publicationsSubstep === 'DOI' && (
-              <div className="mb-10">
-                <h3 className="text-2xl font-semibold text-center text-gray-900">
-                  Let's find rewards on your publications
-                </h3>
-                <p className="mt-4 text-gray-600 text-center text-lg">
-                  Enter a DOI for any paper you've published and we will fetch the rest of your
-                  works.
-                </p>
-
-                <div className="mt-8 mb-4 text-sm font-medium text-gray-500 uppercase tracking-wider">
-                  What happens next
-                </div>
-
-                <div className="space-y-4">
-                  <div className="flex items-center gap-4 text-gray-700">
-                    <div className="bg-gray-100 p-2 rounded-full">
-                      <Users className="h-5 w-5 text-gray-500" />
-                    </div>
-                    <span>We will build your researcher profile</span>
-                  </div>
-
-                  <div className="flex items-center gap-4 text-gray-700">
-                    <div className="bg-gray-100 p-2 rounded-full">
-                      <TrendingUp className="h-5 w-5 text-gray-500" />
-                    </div>
-                    <span>We will calculate your hub specific reputation</span>
-                  </div>
-
-                  <div className="flex items-center gap-4 text-gray-700">
-                    <div className="bg-gray-100 p-2 rounded-full">
-                      <CircleDollarSign className="h-5 w-5 text-gray-500" />
-                    </div>
-                    <span>
-                      We will identify your prior publications that are eligible for rewards
-                    </span>
-                  </div>
-                </div>
-              </div>
-            )}
-
-            {publicationsSubstep === 'RESULTS' && (
-              <div className="mb-10">
-                <h3 className="text-2xl font-semibold text-center text-gray-900">
-                  Review your publication history
-                </h3>
-                <p className="mt-4 text-gray-600 text-center text-lg">
-                  We fetched some of your publications. We may have mislabeled a paper or two so
-                  please select only the ones that you have authored or co-authored.
-                </p>
-              </div>
-            )}
-
-            <AddPublicationsForm
-              onStepChange={({ step }) => {
-                if (step === 'FINISHED') setCurrentStep('SUCCESS');
-                else {
-                  setPublicationsSubstep(step);
-                }
-              }}
-              onDoThisLater={onClose}
-              allowDoThisLater={true}
-            />
-          </div>
-        );
-
-      case 'SUCCESS':
-        return (
-          <div className="space-y-6 text-center p-6">
-            <div className="flex justify-center">
-              <div className="bg-green-100 p-4 rounded-full">
-                <BadgeCheck className="h-8 w-8 text-green-600" />
-              </div>
-            </div>
-            <h3 className="text-xl font-semibold text-gray-900">Verification Successful!</h3>
-            <p className="text-gray-600">
-              Your identity has been verified. You can now claim your publications and earn
-              ResearchCoin for your contributions.
-            </p>
-            <div className="flex justify-center">
-              <Button onClick={handleNext}>View My Profile</Button>
-            </div>
-          </div>
-        );
     }
   };
 
@@ -427,13 +304,6 @@ export function VerifyIdentityModal({
                     </div>
                   )}
 
-                  {/* Progress stepper */}
-                  {['PUBLICATIONS', 'SUCCESS'].includes(currentStep) && (
-                    <div className="px-6 py-4 border-b border-gray-200">
-                      <ProgressStepper steps={stepperSteps} currentStep={currentStep} />
-                    </div>
-                  )}
-
                   {/* Content */}
                   <div className="">{renderStepContent()}</div>
                 </div>
diff --git a/components/ui/ProgressStepper.tsx b/components/ui/ProgressStepper.tsx
deleted file mode 100644
index d1d7f6653..000000000
--- a/components/ui/ProgressStepper.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-'use client';
-
-import { ReactNode } from 'react';
-import { cn } from '@/utils/styles';
-
-export interface ProgressStepperStep {
-  id: string;
-  label: string;
-  icon?: ReactNode;
-}
-
-interface ProgressStepperProps {
-  steps: ProgressStepperStep[];
-  currentStep: string;
-  onStepClick?: (stepId: string) => void;
-  className?: string;
-}
-
-export function ProgressStepper({
-  steps,
-  currentStep,
-  onStepClick,
-  className,
-}: ProgressStepperProps) {
-  const currentStepIndex = steps.findIndex((step) => step.id === currentStep);
-
-  return (
-    <div className={cn('w-full', className)}>
-      <ol className="flex items-center w-full">
-        {steps.map((step, index) => {
-          const isActive = step.id === currentStep;
-          const isCompleted = index < currentStepIndex;
-          const isClickable = onStepClick && (isCompleted || index <= currentStepIndex + 1);
-
-          return (
-            <li
-              key={step.id}
-              className={cn(
-                'flex items-center',
-                index < steps.length - 1 ? 'w-full' : '',
-                isClickable ? 'cursor-pointer' : 'cursor-default'
-              )}
-              onClick={() => isClickable && onStepClick(step.id)}
-            >
-              <div className="flex !flex-col !items-center md:!flex-row md:!items-center !shrink-0">
-                <div
-                  className={cn(
-                    'flex items-center justify-center !w-8 !h-8 rounded-full !shrink-0',
-                    isActive
-                      ? 'bg-primary-100 text-primary-600 border-2 border-primary-500'
-                      : isCompleted
-                        ? 'bg-primary-500 text-white'
-                        : 'bg-gray-100 text-gray-500'
-                  )}
-                >
-                  {step.icon || (isCompleted ? <CheckIcon className="w-4 h-4" /> : index + 1)}
-                </div>
-                <span
-                  className={cn(
-                    '!mt-1 !ml-0 !text-center md:!mt-0 md:!ml-2 md:!text-left text-sm font-medium whitespace-nowrap',
-                    isActive ? 'text-primary-600' : isCompleted ? 'text-gray-900' : 'text-gray-500'
-                  )}
-                >
-                  {step.label}
-                </span>
-              </div>
-              {index < steps.length - 1 && (
-                <div
-                  className={cn(
-                    'flex-1 h-0.5 mx-4',
-                    index < currentStepIndex ? 'bg-primary-500' : 'bg-gray-200'
-                  )}
-                ></div>
-              )}
-            </li>
-          );
-        })}
-      </ol>
-    </div>
-  );
-}
-
-function CheckIcon({ className }: { className?: string }) {
-  return (
-    <svg
-      className={className}
-      fill="none"
-      stroke="currentColor"
-      viewBox="0 0 24 24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
-    </svg>
-  );
-}
diff --git a/hooks/usePublications.ts b/hooks/usePublications.ts
index 7eb63c265..11a5e9f6e 100644
--- a/hooks/usePublications.ts
+++ b/hooks/usePublications.ts
@@ -1,109 +1,14 @@
 'use client';
 
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import {
   PublicationService,
-  PublicationSearchParams,
-  PublicationError,
-  AddPublicationsParams,
   AuthorPublicationsResponse,
 } from '@/services/publication.service';
-import { OpenAlexWork, OpenAlexAuthor, PublicationSearchResponse } from '@/types/publication';
 import { ID } from '@/types/root';
 import { useFeedStateRestoration } from './useFeedStateRestoration';
 import { FeedEntry } from '@/types/feed';
 
-interface UsePublicationsSearchState {
-  data: PublicationSearchResponse | null;
-  isLoading: boolean;
-  error: Error | null;
-}
-
-type SearchPublicationsFn = (params: PublicationSearchParams) => Promise<void>;
-type SetSelectedAuthorIdFn = (authorId: string | null) => void;
-type UsePublicationsSearchReturn = [UsePublicationsSearchState, SearchPublicationsFn];
-
-/**
- * Hook for searching publications by DOI
- */
-export function usePublicationsSearch(): UsePublicationsSearchReturn {
-  const [data, setData] = useState<PublicationSearchResponse | null>(null);
-  const [isLoading, setIsLoading] = useState<boolean>(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  const searchPublications = useCallback(async (params: PublicationSearchParams): Promise<void> => {
-    try {
-      setIsLoading(true);
-      setError(null);
-
-      const transformedData = await PublicationService.searchPublications(params);
-
-      // Set publications but put the publication that matches DOI first
-      const foundIdx = transformedData.works.findIndex(
-        (work) => work.doi?.includes(params.doi) || work.doiUrl?.includes(params.doi)
-      );
-
-      if (foundIdx > -1) {
-        const publication = transformedData.works[foundIdx];
-        transformedData.works.splice(foundIdx, 1);
-        transformedData.works.unshift(publication);
-      }
-
-      setData(transformedData);
-    } catch (err) {
-      console.error('Error fetching publications:', err);
-      setError(err instanceof Error ? err : new Error('Failed to search publications'));
-      setData(null);
-    } finally {
-      setIsLoading(false);
-    }
-  }, []);
-
-  return [
-    {
-      data,
-      isLoading,
-      error,
-    },
-    searchPublications,
-  ];
-}
-
-interface UseAddPublicationsState {
-  isLoading: boolean;
-  error: Error | null;
-}
-
-type AddPublicationsFn = (params: AddPublicationsParams) => Promise<void>;
-type UseAddPublicationsReturn = [UseAddPublicationsState, AddPublicationsFn];
-
-/**
- * Hook for adding publications to a user's profile
- */
-export function useAddPublications(): UseAddPublicationsReturn {
-  const [isLoading, setIsLoading] = useState<boolean>(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  const addPublications = useCallback(async (params: AddPublicationsParams): Promise<void> => {
-    try {
-      setIsLoading(true);
-      setError(null);
-
-      await PublicationService.addPublications(params);
-    } catch (err) {
-      console.error('Error adding publications:', err);
-      const errorMsg = err instanceof PublicationError ? err.message : 'Failed to add publications';
-      const error = new Error(errorMsg);
-      setError(error);
-      throw error;
-    } finally {
-      setIsLoading(false);
-    }
-  }, []);
-
-  return [{ isLoading, error }, addPublications];
-}
-
 interface UseAuthorPublicationsOptions {
   authorId: ID;
   initialData?: AuthorPublicationsResponse;
diff --git a/public/icons/verificationRequirements.svg b/public/icons/verificationRequirements.svg
deleted file mode 100644
index 8d2e95f8c..000000000
--- a/public/icons/verificationRequirements.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg id="reqs-svg" viewBox="0 8 360 136" xmlns="http://www.w3.org/2000/svg" style="width:100%; max-width:360px; display:block; border-radius:8px;">
-
-  <rect width="360" height="152" fill="#f9fafb" rx="12"></rect>
-
-  <!-- Government-issued ID -->
-  <rect x="16" y="20" width="44" height="44" rx="8" fill="#FFFFFF" stroke="#cccccc" stroke-width="0.5"></rect>
-  <rect x="26" y="33" width="24" height="18" rx="3" fill="none" stroke="#6B6A66" stroke-width="1.5"></rect>
-  <line x1="26" y1="39" x2="50" y2="39" stroke="#6B6A66" stroke-width="1.5"></line>
-  <rect x="29" y="42" width="7" height="5" rx="1" fill="#6B6A66"></rect>
-  <line x1="39" y1="43.5" x2="47" y2="43.5" stroke="#6B6A66" stroke-width="1.2"></line>
-  <line x1="39" y1="46.5" x2="44" y2="46.5" stroke="#6B6A66" stroke-width="1.2"></line>
-
-  <!-- Text: 2 lines -->
-  <text x="70" y="48" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="16" font-weight="600" fill="#1C1B19">Government-issued ID</text>
-
-  <!-- Divider -->
-  <line x1="16" y1="76" x2="344" y2="76" stroke="#cccccc" stroke-width="0.5"></line>
-
-  <!-- Camera access -->
-  <rect x="16" y="88" width="44" height="44" rx="8" fill="#FFFFFF" stroke="#cccccc" stroke-width="0.5"></rect>
-  <path d="M30 105 h16 a2 2 0 0 1 2 2 v8 a2 2 0 0 1-2 2 H30 a2 2 0 0 1-2-2 v-8 a2 2 0 0 1 2-2z" fill="none" stroke="#6B6A66" stroke-width="1.5"></path>
-  <circle cx="38" cy="110" r="3.2" fill="none" stroke="#6B6A66" stroke-width="1.3"></circle>
-  <path d="M34.5 105 l1.5-2.5 h4 l1.5 2.5" fill="none" stroke="#6B6A66" stroke-width="1.3" stroke-linejoin="round"></path>
-
-  <!-- Text: 3 lines -->
-  <text x="70" y="115" font-family="-apple-system, BlinkMacSystemFont, sans-serif" font-size="16" font-weight="600" fill="#1C1B19">Camera access</text>
-
-</svg>
\ No newline at end of file
diff --git a/services/paper.service.ts b/services/paper.service.ts
index a2a285c86..0f43049f2 100644
--- a/services/paper.service.ts
+++ b/services/paper.service.ts
@@ -2,10 +2,6 @@ import { ApiClient } from './client';
 import { isDOI } from '@/utils/doi';
 import { Work, transformPaper, ModerationStatus } from '@/types/work';
 
-interface CreateByOpenAlexIdResponse {
-  paper_id: number;
-}
-
 interface Author {
   id: number;
   isCorrespondingAuthor: boolean;
@@ -64,13 +60,6 @@ export interface UpdatePaperAbstractPayload {
 export class PaperService {
   private static readonly BASE_PATH = '/api/paper';
 
-  // TODO: Remove this
-  static async createByOpenAlexId(openalexId: string) {
-    return ApiClient.post<CreateByOpenAlexIdResponse>(`${this.BASE_PATH}/create_by_openalex_id/`, {
-      openalex_id: openalexId,
-    });
-  }
-
   static async get(identifier: string): Promise<Work> {
     let response;
 
diff --git a/services/publication.service.ts b/services/publication.service.ts
index 85f06de32..3d6f9752d 100644
--- a/services/publication.service.ts
+++ b/services/publication.service.ts
@@ -1,5 +1,4 @@
 import { ApiClient } from './client';
-import { transformPublicationsResponse, PublicationSearchResponse } from '@/types/publication';
 import { ID } from '@/types/root';
 import { ApiError } from './types';
 
@@ -13,17 +12,6 @@ export class PublicationError extends Error {
   }
 }
 
-export interface PublicationSearchParams {
-  doi: string;
-  authorId?: string | null;
-}
-
-export interface AddPublicationsParams {
-  authorId: string;
-  openAlexPublicationIds: string[];
-  openAlexAuthorId: string;
-}
-
 export interface GetAuthorPublicationsParams {
   authorId: ID;
   nextUrl?: string | null;
@@ -37,72 +25,8 @@ export interface AuthorPublicationsResponse {
 }
 
 export class PublicationService {
-  private static readonly BASE_PATH = '/api/paper';
   private static readonly AUTHOR_PATH = '/api/author';
 
-  /**
-   * Search for publications by DOI and optionally filter by author
-   * @throws {PublicationError} When the request fails or parameters are invalid
-   */
-  static async searchPublications(
-    params: PublicationSearchParams
-  ): Promise<PublicationSearchResponse> {
-    const { doi, authorId } = params;
-
-    if (!doi) {
-      throw new PublicationError('Missing DOI parameter', 'INVALID_PARAMS');
-    }
-
-    try {
-      const queryParams = new URLSearchParams();
-      queryParams.append('doi', doi);
-      if (authorId) {
-        queryParams.append('author_id', authorId);
-      }
-
-      const response = await ApiClient.get<any>(
-        `${this.BASE_PATH}/fetch_publications_by_doi?${queryParams.toString()}`
-      );
-      return transformPublicationsResponse(response);
-    } catch (error) {
-      console.log(error);
-      if (error instanceof ApiError && error.status === 404) {
-        throw new PublicationError('DOI not found', 'DOI_NOT_FOUND');
-      }
-
-      throw new PublicationError(
-        'Failed to search publications',
-        error instanceof Error ? error.message : 'UNKNOWN_ERROR'
-      );
-    }
-  }
-
-  /**
-   * Add publications to the user's profile
-   * @throws {PublicationError} When the request fails or parameters are invalid
-   */
-  static async addPublications(params: AddPublicationsParams): Promise<void> {
-    if (!params.openAlexPublicationIds || params.openAlexPublicationIds.length === 0) {
-      throw new PublicationError('No publication IDs provided', 'INVALID_PARAMS');
-    }
-
-    if (!params.openAlexAuthorId || !params.authorId) {
-      throw new PublicationError('No author ID provided', 'INVALID_PARAMS');
-    }
-
-    try {
-      await ApiClient.post(`${this.AUTHOR_PATH}/${params.authorId}/publications/`, {
-        openalex_ids: params.openAlexPublicationIds,
-        openalex_author_id: params.openAlexAuthorId,
-      });
-    } catch (error) {
-      throw new PublicationError(
-        'Failed to add publications',
-        error instanceof Error ? error.message : 'UNKNOWN_ERROR'
-      );
-    }
-  }
-
   /**
    * Fetches publications for a specific author
    * @param params - Parameters for fetching author publications
diff --git a/types/publication.ts b/types/publication.ts
index ff2d8eab1..3ae7d9e81 100644
--- a/types/publication.ts
+++ b/types/publication.ts
@@ -1,108 +1,5 @@
 import { stripHtml } from '@/utils/stringUtils';
 import { FeedEntry } from './feed';
-import { createTransformer } from './transformer';
-
-// Transformed types for our application
-export interface OpenAlexAuthor {
-  id: string;
-  displayName: string;
-  orcid?: string;
-}
-
-export interface OpenAlexConcept {
-  displayName: string;
-  level: number;
-  relevancyScore: number;
-}
-
-export interface OpenAlexWork {
-  id: string;
-  title: string;
-  doi?: string;
-  doiUrl?: string;
-  publicationYear?: number;
-  publicationDate?: string;
-  authorshipPosition?: string;
-  venue?: {
-    displayName?: string;
-  };
-  authorships?: Array<{
-    author: {
-      id: string;
-      displayName: string;
-    };
-    position?: string;
-  }>;
-  concepts: OpenAlexConcept[];
-}
-
-export interface PublicationSearchResponse {
-  works: OpenAlexWork[];
-  selectedAuthorId: string | null;
-  availableAuthors: OpenAlexAuthor[];
-}
-
-// Create transformers using the utility function
-export const transformOpenAlexAuthor = createTransformer<any, OpenAlexAuthor>((raw) => ({
-  id: raw.id,
-  displayName: raw.display_name,
-  orcid: raw.orcid,
-}));
-
-export const transformOpenAlexConcept = createTransformer<any, OpenAlexConcept>((raw) => ({
-  displayName: raw.display_name,
-  level: raw.level,
-  relevancyScore: raw.score,
-}));
-
-export const transformOpenAlexWork = createTransformer<any, OpenAlexWork>((raw) => ({
-  id: raw.id,
-  title: raw.title,
-  doiUrl: raw.doi,
-  doi: raw.doi ? raw.doi.replace('https://doi.org/', '') : undefined,
-  publicationYear: raw.publication_year,
-  publicationDate: raw.publication_date,
-  authorshipPosition: raw.authorship_position,
-  venue: raw.venue
-    ? {
-        displayName: raw.venue.display_name,
-      }
-    : undefined,
-  authorships: raw.authorships?.map((authorship: any) => ({
-    author: {
-      id: authorship.author.id,
-      displayName: authorship.author.display_name,
-    },
-    position: authorship.position,
-  })),
-  concepts: (raw.concepts || []).map(transformOpenAlexConcept),
-}));
-
-export const transformPublicationsResponse = createTransformer<any, PublicationSearchResponse>(
-  (raw) => ({
-    works: (raw.works || []).map(transformOpenAlexWork),
-    selectedAuthorId: raw.selected_author_id,
-    availableAuthors: (raw.available_authors || []).map(transformOpenAlexAuthor),
-  })
-);
-
-export interface TransformedPublication {
-  id: string;
-  title: string;
-  doi?: string;
-  doiUrl?: string;
-  publicationYear?: number;
-  publicationDate?: string;
-  venue?: {
-    displayName?: string;
-  };
-  authors: Array<{
-    id: string;
-    displayName: string;
-    position?: string;
-  }>;
-  concepts: OpenAlexConcept[];
-}
 
 export interface AuthorPublicationsResponse {
   count: number;

From 93ba285a049993fd76f1fa64b415de91b0c66315 Mon Sep 17 00:00:00 2001
From: nicktytarenko <nicktytarenko@gmail.com>
Date: Tue, 1 Sep 2026 00:07:52 +0300
Subject: [PATCH 2/4] formatting

---
 hooks/usePublications.ts | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/hooks/usePublications.ts b/hooks/usePublications.ts
index 11a5e9f6e..5b9bcb0d7 100644
--- a/hooks/usePublications.ts
+++ b/hooks/usePublications.ts
@@ -1,10 +1,7 @@
 'use client';
 
 import { useState, useEffect } from 'react';
-import {
-  PublicationService,
-  AuthorPublicationsResponse,
-} from '@/services/publication.service';
+import { PublicationService, AuthorPublicationsResponse } from '@/services/publication.service';
 import { ID } from '@/types/root';
 import { useFeedStateRestoration } from './useFeedStateRestoration';
 import { FeedEntry } from '@/types/feed';

From 376611258e06137edc3493334f0dff341817e706 Mon Sep 17 00:00:00 2001
From: nicktytarenko <nicktytarenko@gmail.com>
Date: Sun, 6 Sep 2026 18:31:54 +0300
Subject: [PATCH 3/4] Enhance Next.js configuration and dynamic imports for
 funding modals. Added Webpack aliasing for ProseMirror modules to prevent
 duplicate registration issues. Updated PublishMenu,
 OpenFundingOpportunityModal, and OpenProposalModal to use dynamic imports for
 DocumentUploadStep, improving performance and avoiding conflicts in
 production.

---
 app/layouts/PublishMenu.tsx                   | 25 +++++++++++++------
 .../Funding/OpenFundingOpportunityModal.tsx   | 11 +++++++-
 components/Funding/OpenProposalModal.tsx      | 11 +++++++-
 next.config.js                                | 14 +++++++++++
 4 files changed, 51 insertions(+), 10 deletions(-)

diff --git a/app/layouts/PublishMenu.tsx b/app/layouts/PublishMenu.tsx
index dceae1b10..f1675515b 100644
--- a/app/layouts/PublishMenu.tsx
+++ b/app/layouts/PublishMenu.tsx
@@ -2,22 +2,31 @@
 
 import { ChevronRight, Plus } from 'lucide-react';
 import { useRouter } from 'next/navigation';
+import dynamic from 'next/dynamic';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faBullhorn, faFileSignature } from '@fortawesome/pro-light-svg-icons';
 import { BaseMenu, BaseMenuItem } from '@/components/ui/form/BaseMenu';
 import { useAuthenticatedAction } from '@/contexts/AuthModalContext';
 import { SwipeableDrawer } from '@/components/ui/SwipeableDrawer';
-import {
-  OpenFundingOpportunityModal,
-  type FundingOpportunityCreationMethod,
-} from '@/components/Funding/OpenFundingOpportunityModal';
-import {
-  OpenProposalModal,
-  type ProposalCreationMethod,
-} from '@/components/Funding/OpenProposalModal';
+import type { FundingOpportunityCreationMethod } from '@/components/Funding/OpenFundingOpportunityModal';
+import type { ProposalCreationMethod } from '@/components/Funding/OpenProposalModal';
 import { useScreenSize } from '@/hooks/useScreenSize';
 import { useState } from 'react';
 
+const OpenFundingOpportunityModal = dynamic(
+  () =>
+    import('@/components/Funding/OpenFundingOpportunityModal').then(
+      (mod) => mod.OpenFundingOpportunityModal
+    ),
+  { ssr: false }
+);
+
+const OpenProposalModal = dynamic(
+  () =>
+    import('@/components/Funding/OpenProposalModal').then((mod) => mod.OpenProposalModal),
+  { ssr: false }
+);
+
 interface PublishMenuProps {
   forceMinimize?: boolean;
 }
diff --git a/components/Funding/OpenFundingOpportunityModal.tsx b/components/Funding/OpenFundingOpportunityModal.tsx
index 2a1bd9143..533bd0b86 100644
--- a/components/Funding/OpenFundingOpportunityModal.tsx
+++ b/components/Funding/OpenFundingOpportunityModal.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useEffect, useState, useTransition } from 'react';
+import dynamic from 'next/dynamic';
 import Link from 'next/link';
 import { Dialog } from '@headlessui/react';
 import {
@@ -19,9 +20,17 @@ import { Button, buttonVariants } from '@/components/ui/Button';
 import Icon from '@/components/ui/icons/Icon';
 import { ResearchCoinIcon } from '@/components/ui/icons/ResearchCoinIcon';
 import AnimatedGlobe from '@/components/Globe/AnimatedGlobe';
-import { DocumentUploadStep } from '@/components/Funding/DocumentUploadStep';
 import { cn } from '@/utils/styles';
 
+// TipTap/convert must not load with the global layout (PublishMenu → this modal).
+// Eager import of DocumentUploadStep pulls ExtensionKit + prosemirror-tables and
+// can throw "Duplicate use of selection JSON ID cell" in production chunking.
+const DocumentUploadStep = dynamic(
+  () =>
+    import('@/components/Funding/DocumentUploadStep').then((mod) => mod.DocumentUploadStep),
+  { ssr: false }
+);
+
 export type FundingOpportunityCreationMethod = 'template' | 'upload' | 'blank';
 
 interface OpenFundingOpportunityModalProps {
diff --git a/components/Funding/OpenProposalModal.tsx b/components/Funding/OpenProposalModal.tsx
index 55fdb2e20..9b24f0f98 100644
--- a/components/Funding/OpenProposalModal.tsx
+++ b/components/Funding/OpenProposalModal.tsx
@@ -1,14 +1,23 @@
 'use client';
 
 import { useEffect, useState } from 'react';
+import dynamic from 'next/dynamic';
 import { Dialog } from '@headlessui/react';
 import { ArrowLeft, ArrowRight, File, FileText, Globe, Lock, Upload, Users, X } from 'lucide-react';
 import { BaseModal } from '@/components/ui/BaseModal';
 import { Button } from '@/components/ui/Button';
 import AnimatedProposal from '@/components/Proposal/AnimatedProposal';
-import { DocumentUploadStep } from '@/components/Funding/DocumentUploadStep';
 import { cn } from '@/utils/styles';
 
+// TipTap/convert must not load with the global layout (PublishMenu → this modal).
+// Eager import of DocumentUploadStep pulls ExtensionKit + prosemirror-tables and
+// can throw "Duplicate use of selection JSON ID cell" in production chunking.
+const DocumentUploadStep = dynamic(
+  () =>
+    import('@/components/Funding/DocumentUploadStep').then((mod) => mod.DocumentUploadStep),
+  { ssr: false }
+);
+
 export type ProposalCreationMethod = 'template' | 'upload' | 'blank';
 
 interface OpenProposalModalProps {
diff --git a/next.config.js b/next.config.js
index 6d700ce87..41d7dedb5 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,3 +1,5 @@
+const path = require('path');
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: false,
@@ -236,8 +238,20 @@ const nextConfig = {
   turbopack: {
     resolveAlias: {
       '@': __dirname,
+      // Keep a single ProseMirror instance so CellSelection's Selection.jsonID("cell")
+      // registration does not run twice across production chunks.
+      'prosemirror-tables': './node_modules/prosemirror-tables',
+      'prosemirror-state': './node_modules/prosemirror-state',
     },
   },
+  webpack: (config) => {
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      'prosemirror-tables': path.resolve(__dirname, 'node_modules/prosemirror-tables'),
+      'prosemirror-state': path.resolve(__dirname, 'node_modules/prosemirror-state'),
+    };
+    return config;
+  },
   experimental: {
     scrollRestoration: true,
   },

From b83c4686f3bb5388bfcde311c40cd9a5a9e99969 Mon Sep 17 00:00:00 2001
From: nicktytarenko <nicktytarenko@gmail.com>
Date: Sun, 6 Sep 2026 18:36:59 +0300
Subject: [PATCH 4/4] cleanup

---
 components/Funding/OpenFundingOpportunityModal.tsx | 6 +-----
 components/Funding/OpenProposalModal.tsx           | 6 +-----
 next.config.js                                     | 4 +---
 3 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/components/Funding/OpenFundingOpportunityModal.tsx b/components/Funding/OpenFundingOpportunityModal.tsx
index 533bd0b86..ecba3f4c9 100644
--- a/components/Funding/OpenFundingOpportunityModal.tsx
+++ b/components/Funding/OpenFundingOpportunityModal.tsx
@@ -22,12 +22,8 @@ import { ResearchCoinIcon } from '@/components/ui/icons/ResearchCoinIcon';
 import AnimatedGlobe from '@/components/Globe/AnimatedGlobe';
 import { cn } from '@/utils/styles';
 
-// TipTap/convert must not load with the global layout (PublishMenu → this modal).
-// Eager import of DocumentUploadStep pulls ExtensionKit + prosemirror-tables and
-// can throw "Duplicate use of selection JSON ID cell" in production chunking.
 const DocumentUploadStep = dynamic(
-  () =>
-    import('@/components/Funding/DocumentUploadStep').then((mod) => mod.DocumentUploadStep),
+  () => import('@/components/Funding/DocumentUploadStep').then((mod) => mod.DocumentUploadStep),
   { ssr: false }
 );
 
diff --git a/components/Funding/OpenProposalModal.tsx b/components/Funding/OpenProposalModal.tsx
index 9b24f0f98..1dede7d54 100644
--- a/components/Funding/OpenProposalModal.tsx
+++ b/components/Funding/OpenProposalModal.tsx
@@ -9,12 +9,8 @@ import { Button } from '@/components/ui/Button';
 import AnimatedProposal from '@/components/Proposal/AnimatedProposal';
 import { cn } from '@/utils/styles';
 
-// TipTap/convert must not load with the global layout (PublishMenu → this modal).
-// Eager import of DocumentUploadStep pulls ExtensionKit + prosemirror-tables and
-// can throw "Duplicate use of selection JSON ID cell" in production chunking.
 const DocumentUploadStep = dynamic(
-  () =>
-    import('@/components/Funding/DocumentUploadStep').then((mod) => mod.DocumentUploadStep),
+  () => import('@/components/Funding/DocumentUploadStep').then((mod) => mod.DocumentUploadStep),
   { ssr: false }
 );
 
diff --git a/next.config.js b/next.config.js
index 41d7dedb5..69b68f509 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,4 +1,4 @@
-const path = require('path');
+const path = require('node:path');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -238,8 +238,6 @@ const nextConfig = {
   turbopack: {
     resolveAlias: {
       '@': __dirname,
-      // Keep a single ProseMirror instance so CellSelection's Selection.jsonID("cell")
-      // registration does not run twice across production chunks.
       'prosemirror-tables': './node_modules/prosemirror-tables',
       'prosemirror-state': './node_modules/prosemirror-state',
     },