fix(report-ui): refresh policy_pending state during derivation

Entire-Checkpoint: de45e72e5f88

Author: dayhaysoos

packages/report-ui/src/components/ReportPage.test.tsx

@@ -174,6 +174,56 @@ describe('ReportPage', () => {
     expect(screen.getByText('Review review_123')).toBeInTheDocument();
   });
 
+  it('polls review status while policy derivation is pending', async () => {
+    const fetchMock = vi
+      .fn()
+      .mockResolvedValueOnce({
+        ok: true,
+        json: async () => ({
+          review: {
+            ...mockReview,
+            status: 'policy_pending',
+            findings: [],
+            summary: undefined,
+            summaryText: undefined,
+            markdownSummary: null,
+          },
+        }),
+      })
+      .mockResolvedValue({
+        ok: true,
+        json: async () => ({
+          review: {
+            ...mockReview,
+            status: 'policy_ready',
+            findings: [],
+            summary: undefined,
+            summaryText: undefined,
+            markdownSummary: null,
+            derivedPolicy: {
+              goal: 'Reduce risk quickly',
+              prohibitions: ['Do not alter public API behavior'],
+              constraints: ['Prefer small isolated changes'],
+            },
+          },
+        }),
+      });
+    vi.stubGlobal('fetch', fetchMock);
+
+    render(
+      <MemoryRouter initialEntries={['/reports/review_123']}>
+        <Routes>
+          <Route path="/reports/:reviewId" element={<ReportPage />} />
+        </Routes>
+      </MemoryRouter>
+    );
+
+    await screen.findByText('Preparing policy draft');
+    expect(fetchMock).toHaveBeenCalledTimes(1);
+    expect(await screen.findByText('Policy review required', {}, { timeout: 2900 })).toBeInTheDocument();
+    expect(fetchMock.mock.calls.length).toBeGreaterThan(1);
+  });
+
   it('renders policy_ready editor and approves policy with accepted payload response', async () => {
     const fetchMock = vi
       .fn()

packages/report-ui/src/components/ReportPage.tsx

@@ -134,6 +134,10 @@ function statusFromReviewEventType(eventType: string): ReviewResponse['status']
     case 'review_created':
     case 'review_enqueued':
       return 'queued';
+    case 'review_policy_derivation_started':
+      return 'policy_pending';
+    case 'review_policy_derivation_completed':
+      return 'policy_ready';
     case 'review_succeeded':
       return 'succeeded';
     case 'review_failed':
@@ -858,6 +862,20 @@ export function ReportPage(): JSX.Element {
     };
   }, [review?.status, policyProgressCycle]);
 
+  useEffect(() => {
+    if (!review || review.status !== 'policy_pending') {
+      return;
+    }
+
+    const timer = window.setTimeout(() => {
+      setRefreshCycle((value) => value + 1);
+    }, 2000);
+
+    return () => {
+      window.clearTimeout(timer);
+    };
+  }, [review?.id, review?.status, refreshCycle]);
+
   useEffect(() => {
     if (state !== 'loaded' || !review) {
       return;