Apply full refactor updates plus pipeline/email UX confirmations

src/app/(observer)/error.tsx

@@ -1,72 +1,72 @@
-'use client'
-
-import { useEffect } from 'react'
-import Link from 'next/link'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { AlertTriangle, RefreshCw, Eye } from 'lucide-react'
-import { isChunkLoadError, attemptChunkErrorRecovery } from '@/lib/chunk-error-recovery'
-
-export default function ObserverError({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string }
-  reset: () => void
-}) {
-  useEffect(() => {
-    console.error('Observer section error:', error)
-
-    if (isChunkLoadError(error)) {
-      attemptChunkErrorRecovery('observer')
-    }
-  }, [error])
-
-  const isChunk = isChunkLoadError(error)
-
-  return (
-    <div className="flex min-h-[50vh] items-center justify-center p-4">
-      <Card className="max-w-md">
-        <CardHeader className="text-center">
-          <div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10">
-            <AlertTriangle className="h-6 w-6 text-destructive" />
-          </div>
-          <CardTitle>Something went wrong</CardTitle>
-        </CardHeader>
-        <CardContent className="space-y-4 text-center">
-          <p className="text-muted-foreground">
-            {isChunk
-              ? 'A new version of the platform may have been deployed. Please reload the page.'
-              : 'An error occurred while loading this page. Please try again or return to the observer dashboard.'}
-          </p>
-          <div className="flex justify-center gap-2">
-            {isChunk ? (
-              <Button onClick={() => window.location.reload()}>
-                <RefreshCw className="mr-2 h-4 w-4" />
-                Reload Page
-              </Button>
-            ) : (
-              <>
-                <Button onClick={reset} variant="outline">
-                  <RefreshCw className="mr-2 h-4 w-4" />
-                  Try Again
-                </Button>
-                <Button asChild>
-                  <Link href="/observer">
-                    <Eye className="mr-2 h-4 w-4" />
-                    Dashboard
-                  </Link>
-                </Button>
-              </>
-            )}
-          </div>
-          {!isChunk && error.digest && (
-            <p className="text-xs text-muted-foreground">
-              Error ID: {error.digest}
-            </p>
-          )}
-        </CardContent>
-      </Card>
-    </div>
-  )
-}
+'use client'
+
+import { useEffect } from 'react'
+import Link from 'next/link'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { AlertTriangle, RefreshCw, Eye } from 'lucide-react'
+import { isChunkLoadError, attemptChunkErrorRecovery } from '@/lib/chunk-error-recovery'
+
+export default function ObserverError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  useEffect(() => {
+    console.error('Observer section error:', error)
+
+    if (isChunkLoadError(error)) {
+      attemptChunkErrorRecovery('observer')
+    }
+  }, [error])
+
+  const isChunk = isChunkLoadError(error)
+
+  return (
+    <div className="flex min-h-[50vh] items-center justify-center p-4">
+      <Card className="max-w-md">
+        <CardHeader className="text-center">
+          <div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10">
+            <AlertTriangle className="h-6 w-6 text-destructive" />
+          </div>
+          <CardTitle>Something went wrong</CardTitle>
+        </CardHeader>
+        <CardContent className="space-y-4 text-center">
+          <p className="text-muted-foreground">
+            {isChunk
+              ? 'A new version of the platform may have been deployed. Please reload the page.'
+              : 'An error occurred while loading this page. Please try again or return to the observer dashboard.'}
+          </p>
+          <div className="flex justify-center gap-2">
+            {isChunk ? (
+              <Button onClick={() => window.location.reload()}>
+                <RefreshCw className="mr-2 h-4 w-4" />
+                Reload Page
+              </Button>
+            ) : (
+              <>
+                <Button onClick={reset} variant="outline">
+                  <RefreshCw className="mr-2 h-4 w-4" />
+                  Try Again
+                </Button>
+                <Button asChild>
+                  <Link href="/observer">
+                    <Eye className="mr-2 h-4 w-4" />
+                    Dashboard
+                  </Link>
+                </Button>
+              </>
+            )}
+          </div>
+          {!isChunk && error.digest && (
+            <p className="text-xs text-muted-foreground">
+              Error ID: {error.digest}
+            </p>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

src/app/(observer)/observer/page.tsx

@@ -1,12 +1,12 @@
-import type { Metadata } from 'next'
-import { auth } from '@/lib/auth'
-import { ObserverDashboardContent } from '@/components/observer/observer-dashboard-content'
-
-export const metadata: Metadata = { title: 'Observer Dashboard' }
-export const dynamic = 'force-dynamic'
-
-export default async function ObserverDashboardPage() {
-  const session = await auth()
-
-  return <ObserverDashboardContent userName={session?.user?.name || undefined} />
-}
+import type { Metadata } from 'next'
+import { auth } from '@/lib/auth'
+import { ObserverDashboardContent } from '@/components/observer/observer-dashboard-content'
+
+export const metadata: Metadata = { title: 'Observer Dashboard' }
+export const dynamic = 'force-dynamic'
+
+export default async function ObserverDashboardPage() {
+  const session = await auth()
+
+  return <ObserverDashboardContent userName={session?.user?.name || undefined} />
+}