PM-5866 - allow user to manually create review context

Author: vas3a

src/apps/work/src/pages/challenges/ChallengeEditorPage/components/ReviewersField/ReviewContextTab/ReviewContextTab.module.scss

@@ -51,6 +51,21 @@
     margin-top: 16px;
 }
 
+.reviewContextActions {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    width: 100%;
+    justify-content: center;
+}
+
+@media (min-width: 640px) {
+    .reviewContextActions {
+        flex-direction: row;
+        justify-content: center;
+    }
+}
+
 .regenerateToolbar {
     display: flex;
     justify-content: space-between;

src/apps/work/src/pages/challenges/ChallengeEditorPage/components/ReviewersField/ReviewContextTab/ReviewContextTab.spec.tsx

@@ -148,4 +148,25 @@ describe('ReviewContextTab', () => {
         expect(screen.getByText('This will delete the existing review context and generate a new one.'))
             .toBeInTheDocument()
     })
+
+    it('renders the manual manage button when no context exists', () => {
+        mockUseFetchChallengeReviewContext.mockReturnValue({
+            context: undefined,
+            error: undefined,
+            isError: false,
+            isLoading: false,
+            mutate: jest.fn(),
+        })
+
+        render(
+            <ReviewContextTab
+                challengeId='challenge-1'
+                challengeDescription={'A'.repeat(120)}
+                challengeStatus={undefined}
+            />,
+        )
+
+        expect(screen.getByRole('button', { name: 'Manage Review Context' }))
+            .toBeInTheDocument()
+    })
 })

src/apps/work/src/pages/challenges/ChallengeEditorPage/components/ReviewersField/ReviewContextTab/ReviewContextTab.tsx

@@ -83,6 +83,16 @@ const ReviewContextTab: FC<ReviewContextTabProps> = props => {
         await refetchContext()
     }, [props.challengeId, refetchContext])
 
+    const createManualReviewContext = useCallback(async (): Promise<void> => {
+        await createChallengeReviewContext({
+            challengeId: props.challengeId || '',
+            context: { requirements: [] },
+            status: 'HUMAN_APPROVED',
+        })
+
+        await refetchContext()
+    }, [props.challengeId, refetchContext])
+
     const handleGenerateClick = useCallback(async (): Promise<void> => {
         if (!props.challengeId) {
             showErrorToast('Please save the challenge before generating review context.')
@@ -107,6 +117,30 @@ const ReviewContextTab: FC<ReviewContextTabProps> = props => {
         }
     }, [createGeneratedReviewContext])
 
+    const handleManageClick = useCallback(async (): Promise<void> => {
+        if (!props.challengeId) {
+            showErrorToast('Please save the challenge before managing review context.')
+            return
+        }
+
+        setIsSaving(true)
+        setSaveError(undefined)
+
+        try {
+            await createManualReviewContext()
+            showSuccessToast('Review context created. You can now edit it manually.')
+        } catch (error) {
+            const message = error instanceof Error
+                ? error.message
+                : 'Failed to create review context.'
+
+            setSaveError(message)
+            showErrorToast(message)
+        } finally {
+            setIsSaving(false)
+        }
+    }, [createManualReviewContext])
+
     const handleConfirmRegenerate = useCallback(async (): Promise<void> => {
         if (!props.challengeId) {
             showErrorToast('Please save the challenge before regenerating review context.')
@@ -159,12 +193,21 @@ const ReviewContextTab: FC<ReviewContextTabProps> = props => {
                         </div>
                     ) : (
                         <>
-                            <Button
-                                disabled={isSaving || blockGenerate}
-                                label={isSaving ? 'Generating context...' : 'Generate Challenge Review Context'}
-                                onClick={handleGenerateClick}
-                                size='lg'
-                            />
+                            <div className={styles.reviewContextActions}>
+                                <Button
+                                    disabled={isSaving || blockGenerate}
+                                    label={isSaving ? 'Generating context...' : 'Generate Challenge Review Context'}
+                                    onClick={handleGenerateClick}
+                                    size='lg'
+                                />
+                                <Button
+                                    disabled={isSaving || blockGenerate}
+                                    label='Manage Review Context'
+                                    onClick={handleManageClick}
+                                    secondary
+                                    size='lg'
+                                />
+                            </div>
                             {saveError && (
                                 <div className={styles.errorText}>
                                     <p>{saveError}</p>