stage2-2 and docs

frontend/src/pages/Sites/Builder/steps/SitemapReviewStep.tsx

@@ -0,0 +1,55 @@
+/**
+ * Step 4: AI Sitemap Review
+ * Review and edit AI-generated sitemap
+ */
+import { useBuilderWorkflowStore } from '../../../../store/builderWorkflowStore';
+import { Card, CardDescription, CardTitle } from '../../../../components/ui/card';
+import Button from '../../../../components/ui/button/Button';
+import Alert from '../../../../components/ui/alert/Alert';
+
+interface SitemapReviewStepProps {
+  blueprintId: number;
+}
+
+export default function SitemapReviewStep({ blueprintId }: SitemapReviewStepProps) {
+  const { context, completeStep, blockingIssues } = useBuilderWorkflowStore();
+  const sitemapBlocking = blockingIssues.find(issue => issue.step === 'sitemap');
+
+  return (
+    <Card className="p-6">
+      <CardTitle>AI Sitemap Review</CardTitle>
+      <CardDescription>
+        Review and adjust the AI-generated site structure.
+      </CardDescription>
+
+      {sitemapBlocking && (
+        <Alert variant="error" className="mt-4">
+          {sitemapBlocking.message}
+        </Alert>
+      )}
+
+      {context?.sitemap_summary && (
+        <div className="mt-6">
+          <div className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+            Total Pages: {context.sitemap_summary.total_pages}
+          </div>
+          {/* TODO: Add sitemap grid/table UI */}
+          <Alert variant="info" className="mt-4">
+            Sitemap review UI coming in next iteration.
+          </Alert>
+        </div>
+      )}
+
+      <div className="mt-6 flex justify-end">
+        <Button
+          onClick={() => completeStep('sitemap')}
+          disabled={!!sitemapBlocking}
+          variant="primary"
+        >
+          Continue
+        </Button>
+      </div>
+    </Card>
+  );
+}
+