website refactor

apps/website/components/errors/EnhancedErrorBoundary.tsx

@@ -4,7 +4,7 @@ import React, { Component, ReactNode, ErrorInfo, useState, version } from 'react
 import { ApiError } from '@/lib/api/base/ApiError';
 import { getGlobalErrorHandler } from '@/lib/infrastructure/GlobalErrorHandler';
 import { DevErrorPanel } from './DevErrorPanel';
-import { ErrorDisplay } from '@/components/shared/state/ErrorDisplay';
+import { ErrorDisplay } from '@/ui/ErrorDisplay';
 
 interface Props {
   children: ReactNode;

apps/website/components/errors/EnhancedFormError.tsx

@@ -5,7 +5,7 @@ import { getErrorSeverity, isConnectivityError, isRetryable, parseApiError } fro
 import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
 import { IconButton } from '@/ui/IconButton';
-import { Stack } from '@/ui/primitives/Stack';
+import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import { AnimatePresence, motion } from 'framer-motion';
 import {

apps/website/components/errors/ErrorAnalyticsDashboard.tsx

@@ -8,7 +8,7 @@ import { Button } from '@/ui/Button';
 import { Icon } from '@/ui/Icon';
 import { IconButton } from '@/ui/IconButton';
 import { Input } from '@/ui/Input';
-import { Stack } from '@/ui/primitives/Stack';
+import { Stack } from '@/ui/Stack';
 import { Text } from '@/ui/Text';
 import {
     Activity,

apps/website/components/errors/ErrorDisplay.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { ApiError } from '@/lib/api/base/ApiError';
-import { ErrorDisplay as UiErrorDisplay } from '@/components/shared/state/ErrorDisplay';
+import { ErrorDisplay as UiErrorDisplay } from '@/ui/ErrorDisplay';
 
 interface ErrorDisplayProps {
   error: ApiError;

apps/website/components/errors/ErrorScreen.tsx

@@ -3,6 +3,7 @@
 import { Card } from '@/ui/Card';
 import { Glow } from '@/ui/Glow';
 import { Text } from '@/ui/Text';
+import { Stack } from '@/ui/Stack';
 import { ErrorPageContainer } from '@/ui/ErrorPageContainer';
 import { AppErrorBoundaryView } from './AppErrorBoundaryView';
 import { ErrorDetailsBlock } from './ErrorDetailsBlock';
@@ -32,13 +33,13 @@ export function ErrorScreen({ error, reset, onHome }: ErrorScreenProps) {
         description="The application encountered an unexpected state. Our telemetry has logged the incident."
       >
         {/* Error Message Summary */}
-        <div style={{ width: '100%', marginBottom: '1.5rem' }}>
+        <Stack fullWidth marginBottom={6}>
           <Card variant="outline">
             <Text font="mono" size="sm" variant="warning" block>
               {error.message || 'Unknown execution error'}
             </Text>
           </Card>
-        </div>
+        </Stack>
 
         <ErrorRecoveryActions onRetry={reset} onHome={onHome} />