diff --git a/.github/workflows/backend.yml b/.github/workflows/backend.yml
index ff50cd4..ee8cd52 100644
--- a/.github/workflows/backend.yml
+++ b/.github/workflows/backend.yml
@@ -43,19 +43,21 @@ jobs:
               run: pnpm test
 
             - name: Build project
+              env:
+                CI: false
+                SKIP_PREFLIGHT_CHECK: true
+                GENERATE_SOURCEMAP: false
               run: pnpm build
 
             - name: Setup Rust
-              uses: actions-rs/toolchain@v1
+              uses: dtolnay/rust-toolchain@nightly
               with:
-                toolchain: stable
-                profile: minimal
-                override: true
+                targets: wasm32-unknown-unknown
 
             - name: Build Contracts
               run: |
-                cargo build --release --manifest-path ./contracts/credit-score/Cargo.toml
-                cargo build --release --manifest-path ./contracts/fraud-detect/Cargo.toml
+                cargo build --release --target wasm32-unknown-unknown --manifest-path ./contracts/credit-score/Cargo.toml
+                cargo build --release --target wasm32-unknown-unknown --manifest-path ./contracts/fraud-detect/Cargo.toml
 
             - name: Test Contracts
               run: |
diff --git a/.github/workflows/blockchain.yml b/.github/workflows/blockchain.yml
index bb47e5e..a945111 100644
--- a/.github/workflows/blockchain.yml
+++ b/.github/workflows/blockchain.yml
@@ -23,11 +23,9 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Setup Rust
-        uses: actions-rs/toolchain@v1
+        uses: dtolnay/rust-toolchain@nightly
         with:
-          toolchain: stable
-          profile: minimal
-          override: true
+          targets: wasm32-unknown-unknown
 
       - name: Run cargo check for credit-score
         run: cd contracts/credit-score && cargo check
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 11a552d..97934d4 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -164,6 +164,10 @@ jobs:
       run: cd backend && pnpm prisma:generate
 
     - name: Build packages
+      env:
+        CI: false
+        SKIP_PREFLIGHT_CHECK: true
+        GENERATE_SOURCEMAP: false
       run: pnpm run build
       
     - name: Upload build artifacts
diff --git a/.github/workflows/frontend.yml b/.github/workflows/frontend.yml
index 9f5d00a..f52df48 100644
--- a/.github/workflows/frontend.yml
+++ b/.github/workflows/frontend.yml
@@ -49,4 +49,8 @@ jobs:
         run: pnpm --filter frontend test || true
 
       - name: Build frontend
+        env:
+          CI: false
+          SKIP_PREFLIGHT_CHECK: true
+          GENERATE_SOURCEMAP: false
         run: pnpm --filter frontend build
\ No newline at end of file
diff --git a/.github/workflows/integration-tests.yml b/.github/workflows/integration-tests.yml
index 82cc0b0..ccba98c 100644
--- a/.github/workflows/integration-tests.yml
+++ b/.github/workflows/integration-tests.yml
@@ -54,6 +54,10 @@ jobs:
         run: pnpm install
 
       - name: Build packages
+        env:
+          CI: false
+          SKIP_PREFLIGHT_CHECK: true
+          GENERATE_SOURCEMAP: false
         run: pnpm build
 
       - name: Run integration tests
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index c824179..a2a85c5 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -71,10 +71,9 @@ jobs:
         uses: pnpm/action-setup@v4
 
       - name: Setup Rust
-        uses: actions-rs/toolchain@v1
+        uses: dtolnay/rust-toolchain@nightly
         with:
-          toolchain: stable
-          override: true
+          targets: wasm32-unknown-unknown
 
       - name: Run Rust tests
         run: pnpm blockchain:test
diff --git a/contracts/credit-score/Cargo.toml b/contracts/credit-score/Cargo.toml
index f0a4515..029ca12 100644
--- a/contracts/credit-score/Cargo.toml
+++ b/contracts/credit-score/Cargo.toml
@@ -9,10 +9,10 @@ edition = "2021"
 crate-type = ["cdylib"]
 
 [dependencies]
-soroban-sdk = "21.0.0"
+soroban-sdk = "22.0.0"
 
 [dev-dependencies]
-soroban-sdk = { version = "21.0.0", features = ["testutils"] }
+soroban-sdk = { version = "22.0.0", features = ["testutils"] }
 
 [profile.release]
 opt-level = "z"
diff --git a/contracts/fraud-detect/Cargo.toml b/contracts/fraud-detect/Cargo.toml
index ca11d93..b089078 100644
--- a/contracts/fraud-detect/Cargo.toml
+++ b/contracts/fraud-detect/Cargo.toml
@@ -9,10 +9,10 @@ edition = "2021"
 crate-type = ["cdylib"]
 
 [dependencies]
-soroban-sdk = "21.0.0"
+soroban-sdk = "22.0.0"
 
 [dev-dependencies]
-soroban-sdk = { version = "21.0.0", features = ["testutils"] }
+soroban-sdk = { version = "22.0.0", features = ["testutils"] }
 
 [profile.release]
 opt-level = "z"
diff --git a/contracts/governance/Cargo.toml b/contracts/governance/Cargo.toml
index 59b860d..3ec7cd6 100644
--- a/contracts/governance/Cargo.toml
+++ b/contracts/governance/Cargo.toml
@@ -15,10 +15,10 @@ timelock = []
 upgrades = []
 
 [dependencies]
-soroban-sdk = "21.0.0"
+soroban-sdk = "22.0.0"
 
 [dev-dependencies]
-soroban-sdk = { version = "21.0.0", features = ["testutils"] }
+soroban-sdk = { version = "22.0.0", features = ["testutils"] }
 
 [profile.release]
 opt-level = "z"
diff --git a/contracts/rust-toolchain.toml b/contracts/rust-toolchain.toml
new file mode 100644
index 0000000..fc8ca8c
--- /dev/null
+++ b/contracts/rust-toolchain.toml
@@ -0,0 +1,3 @@
+[toolchain]
+channel = "nightly"
+targets = ["wasm32-unknown-unknown"]
diff --git a/frontend/i18next-scanner.config.js b/frontend/i18next-scanner.config.js
index 6bd8ba6..fab045d 100644
--- a/frontend/i18next-scanner.config.js
+++ b/frontend/i18next-scanner.config.js
@@ -15,7 +15,7 @@ module.exports = {
       supportBasicHtmlNodes: true,
       keepBasicHtmlNodesFor: ['br', 'strong', 'i', 'em', 'span']
     },
-    lngs: ['en', 'es', 'zh'],
+    lngs: ['en', 'es', 'zh', 'ar'],
     fallbackLng: 'en',
     ns: ['translation'],
     defaultNs: 'translation',
diff --git a/frontend/scripts/validate-translations.js b/frontend/scripts/validate-translations.js
index e5e36a2..b6d2f4a 100644
--- a/frontend/scripts/validate-translations.js
+++ b/frontend/scripts/validate-translations.js
@@ -5,7 +5,7 @@ const path = require('path');
 
 // Configuration
 const LOCALES_DIR = path.join(__dirname, '../src/locales');
-const SUPPORTED_LANGUAGES = ['en', 'es', 'zh'];
+const SUPPORTED_LANGUAGES = ['en', 'es', 'zh', 'ar'];
 
 // Colors for console output
 const colors = {
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index c2da2b4..e11a22d 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -2,9 +2,10 @@ import React, { useState, Suspense, lazy, useCallback } from 'react';
 import { BrowserRouter, Routes, Route, Navigate, Link as RouterLink } from 'react-router-dom';
 import { Box, Button, Typography, Tabs, Tab } from '@mui/material';
 import { Logout as LogoutIcon, AccountCircle } from '@mui/icons-material';
+import { useTranslation } from 'react-i18next';
 import FormValidationExample from './components/FormValidationExample';
 import DataVisualizationExample from './components/DataVisualizationExample';
-import { AnalyticsDashboard } from './components';
+import { AnalyticsDashboard, LanguageSwitcher } from './components';
 import { AuthProvider, useAuth } from './components/auth/AuthContext';
 import ProtectedRoute from './components/auth/ProtectedRoute';
 import { ThemeProvider } from './contexts/ThemeContext';
@@ -35,24 +36,26 @@ const DEMO_TABS: Array<{ id: DemoView; label: string }> = [
 
 // Stub page components for policy/auth routes
 const ForgotPasswordPage: React.FC = () => {
+  const { t } = useTranslation();
   return (
     <Box sx={{ minHeight: '100vh', display: 'flex', justifyContent: 'center', alignItems: 'center', bgcolor: 'background.default' }}>
-      <Box component="main" sx={{ maxWidth: 480, width: '100%', p: 4, borderRadius: 3, boxShadow: '0 4px 32px rgba(0,0,0,0.08)', bgcolor: 'background.paper' }}>
-        <Typography variant="h5" component="h1" sx={{ fontWeight: 700, mb: 1, color: 'text.primary' }}>Reset your password</Typography>
-        <Typography variant="body2" sx={{ color: 'text.secondary', mb: 3 }}>Enter your email address and we'll send you a password reset link.</Typography>
-        <Typography variant="caption" sx={{ color: 'text.disabled' }}>Password reset functionality coming soon.</Typography>
+      <Box sx={{ maxWidth: 480, width: '100%', p: 4, borderRadius: 3, boxShadow: '0 4px 32px rgba(0,0,0,0.08)', bgcolor: 'background.paper' }}>
+        <Typography variant="h5" sx={{ fontWeight: 700, mb: 1, color: 'text.primary' }}>{t('app.forgotPasswordTitle')}</Typography>
+        <Typography variant="body2" sx={{ color: 'text.secondary', mb: 3 }}>{t('app.forgotPasswordDesc')}</Typography>
+        <Typography variant="caption" sx={{ color: 'text.disabled' }}>{t('app.forgotPasswordSoon')}</Typography>
       </Box>
     </Box>
   );
 };
 
 const TermsPage: React.FC = () => {
+  const { t } = useTranslation();
   return (
     <Box component="main" sx={{ minHeight: '100vh', p: { xs: 3, md: 6 }, bgcolor: 'background.default' }}>
       <Box sx={{ maxWidth: 800, mx: 'auto' }}>
-        <Typography variant="h4" component="h1" sx={{ fontWeight: 800, mb: 3, color: 'text.primary' }}>Terms of Service</Typography>
+        <Typography variant="h4" sx={{ fontWeight: 800, mb: 3, color: 'text.primary' }}>{t('app.termsTitle')}</Typography>
         <Typography variant="body1" sx={{ color: 'text.secondary', lineHeight: 1.8 }}>
-          These Terms of Service govern your use of ChenaiKit. By accessing or using our platform, you agree to be bound by these terms. Full terms documentation will be published here prior to production launch.
+          {t('app.termsDesc')}
         </Typography>
       </Box>
     </Box>
@@ -60,12 +63,13 @@ const TermsPage: React.FC = () => {
 };
 
 const PrivacyPage: React.FC = () => {
+  const { t } = useTranslation();
   return (
     <Box component="main" sx={{ minHeight: '100vh', p: { xs: 3, md: 6 }, bgcolor: 'background.default' }}>
       <Box sx={{ maxWidth: 800, mx: 'auto' }}>
-        <Typography variant="h4" component="h1" sx={{ fontWeight: 800, mb: 3, color: 'text.primary' }}>Privacy Policy</Typography>
+        <Typography variant="h4" sx={{ fontWeight: 800, mb: 3, color: 'text.primary' }}>{t('app.privacyTitle')}</Typography>
         <Typography variant="body1" sx={{ color: 'text.secondary', lineHeight: 1.8 }}>
-          Your privacy is important to us. ChenaiKit collects only the data necessary to provide our services and never sells personal information to third parties. Full privacy policy documentation will be published here prior to production launch.
+          {t('app.privacyDesc')}
         </Typography>
       </Box>
     </Box>
@@ -73,7 +77,8 @@ const PrivacyPage: React.FC = () => {
 };
 
 const DashboardShell: React.FC = () => {
-  const [activeDemo, setActiveDemo] = useState<DemoView>('analytics');
+  const { t } = useTranslation();
+  const [activeDemo, setActiveDemo] = useState<'analytics' | 'forms' | 'visualization'>('analytics');
   const { user, logout } = useAuth();
 
   return (
@@ -102,9 +107,29 @@ const DashboardShell: React.FC = () => {
             alignItems: 'center',
             gap: 1,
             justifyContent: 'center',
-            mb: { xs: 2, sm: 0 },
-          }}
-          >
+            mb: { xs: 2, sm: 0 }
+          }}>
+            <LanguageSwitcher 
+              size="small" 
+              compact 
+              sx={{
+                '& .MuiOutlinedInput-notchedOutline': {
+                  borderColor: 'rgba(255, 255, 255, 0.3)',
+                },
+                '&:hover .MuiOutlinedInput-notchedOutline': {
+                  borderColor: 'rgba(255, 255, 255, 0.5)',
+                },
+                '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                  borderColor: 'white',
+                },
+                '& .MuiSelect-select': {
+                  color: 'white',
+                },
+                '& .MuiSelect-icon': {
+                  color: 'rgba(255, 255, 255, 0.7)',
+                }
+              }}
+            />
             <ThemeToggle />
             <AccountCircle sx={{ color: '#38bdf8' }} aria-hidden="true" />
             <Typography variant="body2" component="span" sx={{ fontWeight: 500, color: '#e2e8f0' }}>
@@ -127,118 +152,110 @@ const DashboardShell: React.FC = () => {
                 },
               }}
             >
-              Sign Out
+              {t('app.signOut')}
             </Button>
           </Box>
         )}
 
-        <Typography variant="h4" component="h1" sx={{ fontWeight: 700, mb: 1 }}>
-          ChenaiKit - BI &amp; Analytics Dashboard
-        </Typography>
-        <Typography variant="h6" component="p" sx={{ opacity: 0.9, mb: 3, fontWeight: 400 }}>
-          Advanced AI Insights &amp; Blockchain Monitoring
-        </Typography>
-
-        <Box
-          component="nav"
-          aria-label="Main navigation"
-          sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 2 }}
-        >
-          <Tabs
-            value={activeDemo}
-            onChange={(_, value: DemoView) => setActiveDemo(value)}
-            aria-label="Dashboard views"
-            textColor="inherit"
-            indicatorColor="secondary"
-            sx={{
-              '& .MuiTab-root': {
-                color: 'rgba(255,255,255,0.75)',
-                fontWeight: 600,
-                textTransform: 'none',
-                minHeight: 48,
-              },
-              '& .Mui-selected': { color: '#ffffff' },
-              '& .MuiTabs-indicator': { backgroundColor: '#38bdf8' },
+        <h1 style={{ fontSize: '32px', fontWeight: '700', marginBottom: '8px' }}>
+          {t('app.dashboardTitle')}
+        </h1>
+        <p style={{ fontSize: '18px', opacity: 0.9, marginBottom: '30px' }}>
+          {t('app.dashboardSubtitle')}
+        </p>
+        
+        <div style={{ display: 'flex', gap: '12px', justifyContent: 'center', flexWrap: 'wrap' }}>
+          <button
+            onClick={() => setActiveDemo('analytics')}
+            style={{
+              padding: '12px 24px',
+              background: activeDemo === 'analytics' ? 'rgba(255, 255, 255, 0.2)' : 'transparent',
+              color: 'white',
+              border: '2px solid rgba(255, 255, 255, 0.3)',
+              borderRadius: '8px',
+              cursor: 'pointer',
+              fontSize: '16px',
+              fontWeight: '500',
+              transition: 'all 0.3s ease'
             }}
           >
-            {DEMO_TABS.map((tab, index) => (
-              <Tab
-                key={tab.id}
-                value={tab.id}
-                label={tab.label}
-                id={`dashboard-tab-${index}`}
-                aria-controls={`dashboard-panel-${tab.id}`}
-              />
-            ))}
-          </Tabs>
-
-          <Box sx={{ display: 'flex', gap: 1.5, flexWrap: 'wrap', justifyContent: 'center' }}>
-            <Button
-              component={RouterLink}
-              to="/profile"
-              variant="outlined"
-              aria-label="Open profile page"
-              sx={{
-                color: 'white',
-                borderColor: 'rgba(255, 255, 255, 0.3)',
-                textTransform: 'none',
-                borderRadius: '8px',
-                '&:hover': { borderColor: 'white', backgroundColor: 'rgba(255, 255, 255, 0.1)' },
-              }}
-            >
-              Profile
-            </Button>
-            <Button
-              component={RouterLink}
-              to="/settings"
-              variant="outlined"
-              aria-label="Open settings page"
-              sx={{
-                color: 'white',
-                borderColor: 'rgba(255, 255, 255, 0.3)',
-                textTransform: 'none',
-                borderRadius: '8px',
-                '&:hover': { borderColor: 'white', backgroundColor: 'rgba(255, 255, 255, 0.1)' },
-              }}
-            >
-              Settings
-            </Button>
-          </Box>
-        </Box>
-      </Box>
-
-      <Box
-        component="main"
-        id="main-content"
-        role="main"
-        tabIndex={-1}
-        aria-labelledby={`dashboard-tab-${DEMO_TABS.findIndex((t) => t.id === activeDemo)}`}
-        sx={{ minHeight: 'calc(100vh - 200px)' }}
-      >
-        <Suspense fallback={<LoadingSpinner fullScreen message="Loading dashboard content" />}>
-          {DEMO_TABS.map((tab, index) => (
-            <Box
-              key={tab.id}
-              id={`dashboard-panel-${tab.id}`}
-              role="tabpanel"
-              aria-labelledby={`dashboard-tab-${index}`}
-              hidden={activeDemo !== tab.id}
-            >
-              <ErrorBoundary
-                name={`${tab.label} section`}
-                compact
-                resetKeys={[activeDemo]}
-                fallbackMessage="This dashboard section failed to render. Try resetting the section or switching tabs."
-              >
-                {tab.id === 'analytics' && <AnalyticsDashboard />}
-                {tab.id === 'forms' && <FormValidationExample />}
-                {tab.id === 'visualization' && <DataVisualizationExample />}
-              </ErrorBoundary>
-            </Box>
-          ))}
-        </Suspense>
+            📈 {t('app.analyticsDashboard')}
+          </button>
+          <button
+            onClick={() => setActiveDemo('forms')}
+            style={{
+              padding: '12px 24px',
+              background: activeDemo === 'forms' ? 'rgba(255, 255, 255, 0.2)' : 'transparent',
+              color: 'white',
+              border: '2px solid rgba(255, 255, 255, 0.3)',
+              borderRadius: '8px',
+              cursor: 'pointer',
+              fontSize: '16px',
+              fontWeight: '500',
+              transition: 'all 0.3s ease'
+            }}
+          >
+            📝 {t('app.forms')}
+          </button>
+          <button
+            onClick={() => setActiveDemo('visualization')}
+            style={{
+              padding: '12px 24px',
+              background: activeDemo === 'visualization' ? 'rgba(255, 255, 255, 0.2)' : 'transparent',
+              color: 'white',
+              border: '2px solid rgba(255, 255, 255, 0.3)',
+              borderRadius: '8px',
+              cursor: 'pointer',
+              fontSize: '16px',
+              fontWeight: '500',
+              transition: 'all 0.3s ease'
+            }}
+          >
+            📊 {t('app.sandbox')}
+          </button>
+          <RouterLink to="/profile" style={{
+              padding: '12px 24px',
+              background: 'transparent',
+              color: 'white',
+              border: '2px solid rgba(255, 255, 255, 0.3)',
+              borderRadius: '8px',
+              cursor: 'pointer',
+              fontSize: '16px',
+              fontWeight: '500',
+              transition: 'all 0.3s ease',
+              textDecoration: 'none',
+              display: 'inline-flex',
+              alignItems: 'center',
+              gap: '8px'
+            }}>
+            👤 {t('app.profile')}
+          </RouterLink>
+          <RouterLink to="/settings" style={{
+              padding: '12px 24px',
+              background: 'transparent',
+              color: 'white',
+              border: '2px solid rgba(255, 255, 255, 0.3)',
+              borderRadius: '8px',
+              cursor: 'pointer',
+              fontSize: '16px',
+              fontWeight: '500',
+              transition: 'all 0.3s ease',
+              textDecoration: 'none',
+              display: 'inline-flex',
+              alignItems: 'center',
+              gap: '8px'
+            }}>
+            ⚙️ {t('app.settings')}
+          </RouterLink>
+        </div>
       </Box>
-
+      
+      <main style={{ minHeight: 'calc(100vh - 200px)' }}>
+        {activeDemo === 'analytics' && <AnalyticsDashboard />}
+        {activeDemo === 'forms' && <FormValidationExample />}
+        {activeDemo === 'visualization' && <DataVisualizationExample />}
+      </main>
+      
       <Box
         component="footer"
         sx={{
@@ -251,7 +268,7 @@ const DashboardShell: React.FC = () => {
           typography: 'body2',
         }}
       >
-        Built with ChenaiKit - Advanced AI and Blockchain Solutions
+        {t('app.footer')}
       </Box>
     </div>
   );
diff --git a/frontend/src/components/AnalyticsDashboard.tsx b/frontend/src/components/AnalyticsDashboard.tsx
index b1d638a..5cb6fb0 100644
--- a/frontend/src/components/AnalyticsDashboard.tsx
+++ b/frontend/src/components/AnalyticsDashboard.tsx
@@ -20,11 +20,12 @@ import {
   Public,
   BugReport,
   Download,
-} from "@mui/icons-material";
-import axios from "axios";
-import { UsageChart } from "./charts/UsageChart";
-import { DistributionChart } from "./charts/DistributionChart";
-import { SkeletonCard, SkeletonChart } from "./index";
+} from '@mui/icons-material';
+import axios from 'axios';
+import { useTranslation } from 'react-i18next';
+import { formatNumber } from '../i18n/config';
+import { UsageChart } from './charts/UsageChart';
+import { DistributionChart } from './charts/DistributionChart';
 
 interface DashboardData {
   systemUsage: {
@@ -52,6 +53,7 @@ interface TrendData {
 }
 
 export const AnalyticsDashboard: React.FC = () => {
+  const { t } = useTranslation();
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
   const [dashboardData, setDashboardData] = useState<DashboardData | null>(
@@ -76,9 +78,7 @@ export const AnalyticsDashboard: React.FC = () => {
       setTrendData(trendRes.data.data);
       setError(null);
     } catch (err: any) {
-      setError(
-        "Failed to fetch analytics data. Please ensure the backend is running.",
-      );
+      setError(t('analytics.fetchError', { defaultValue: 'Failed to fetch analytics data. Please ensure the backend is running.' }));
     } finally {
       setLoading(false);
     }
@@ -91,15 +91,18 @@ export const AnalyticsDashboard: React.FC = () => {
     );
   };
 
-  if (error)
-    return (
-      <Box sx={{ p: 4 }}>
-        <Alert severity="error">{error}</Alert>
-        <Button onClick={fetchData} sx={{ mt: 2 }} variant="contained">
-          Retry
-        </Button>
-      </Box>
-    );
+  if (loading) return (
+    <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '80vh' }}>
+      <CircularProgress size={60} />
+    </Box>
+  );
+
+  if (error) return (
+    <Box sx={{ p: 4 }}>
+      <Alert severity="error">{error}</Alert>
+      <Button onClick={fetchData} sx={{ mt: 2 }} variant="contained">{t('app.retry')}</Button>
+    </Box>
+  );
 
   return (
     <Box
@@ -119,196 +122,105 @@ export const AnalyticsDashboard: React.FC = () => {
         }}
       >
         <Box>
-          <Typography
-            variant="h4"
-            sx={{ fontWeight: 700, color: "text.primary" }}
-          >
-            Business Intelligence Dashboard
+          <Typography variant="h4" sx={{ fontWeight: 700, color: 'text.primary' }}>
+            {t('analytics.title')}
           </Typography>
-          <Typography variant="subtitle1" sx={{ color: "text.secondary" }}>
-            Real-time insights across systems, AI, and blockchain
+          <Typography variant="subtitle1" sx={{ color: 'text.secondary' }}>
+            {t('analytics.subtitle')}
           </Typography>
         </Box>
         <Box sx={{ display: "flex", gap: 2 }}>
           <FormControl size="small" sx={{ minWidth: 120 }}>
-            <InputLabel>Range</InputLabel>
-            <Select
-              value={timeRange}
-              label="Range"
-              onChange={(e) => setTimeRange(e.target.value)}
-            >
-              <MenuItem value="7">Last 7 Days</MenuItem>
-              <MenuItem value="30">Last 30 Days</MenuItem>
-              <MenuItem value="90">Last 90 Days</MenuItem>
+            <InputLabel>{t('analytics.timeRange')}</InputLabel>
+            <Select value={timeRange} label={t('analytics.timeRange')} onChange={(e) => setTimeRange(e.target.value)}>
+              <MenuItem value="7">{t('analytics.last7Days')}</MenuItem>
+              <MenuItem value="30">{t('analytics.last30Days')}</MenuItem>
+              <MenuItem value="90">{t('analytics.last90Days')}</MenuItem>
             </Select>
           </FormControl>
-          <Button
-            startIcon={<Download />}
-            variant="outlined"
-            onClick={() => handleExport("csv")}
-          >
-            Export CSV
+          <Button startIcon={<Download />} variant="outlined" onClick={() => handleExport('csv')}>
+            {t('analytics.downloadCsv')}
           </Button>
-          <Button
-            startIcon={<Download />}
-            variant="contained"
-            onClick={() => handleExport("pdf")}
-          >
-            Export PDF
+          <Button startIcon={<Download />} variant="contained" onClick={() => handleExport('pdf')}>
+            {t('analytics.downloadPdf')}
           </Button>
         </Box>
       </Box>
 
       {/* KPI Cards */}
       <Grid container spacing={3} sx={{ mb: 4 }}>
-        {loading ? (
-          Array.from({ length: 4 }).map((_, i) => (
-            <Grid item xs={12} sm={6} md={3} key={i}>
-              <SkeletonCard lines={2} />
-            </Grid>
-          ))
-        ) : (
-          <>
-            <KpiCard
-              title="Total Requests"
-              value={
-                dashboardData?.systemUsage.totalRequests.toLocaleString() || "0"
-              }
-              icon={<Assessment color="primary" />}
-              color="#3B82F6"
-            />
-            <KpiCard
-              title="Avg Latency"
-              value={
-                `${dashboardData?.systemUsage.avgLatency.toFixed(2)}ms` || "0ms"
-              }
-              icon={<TrendingUp sx={{ color: "#10B981" }} />}
-              color="#10B981"
-            />
-            <KpiCard
-              title="Avg Credit Score"
-              value={
-                dashboardData?.aiPerformance.avgCreditScore.toFixed(0) || "0"
-              }
-              icon={<BugReport color="warning" />}
-              color="#F59E0B"
-            />
-            <KpiCard
-              title="Blockchain Vol"
-              value={
-                dashboardData?.blockchainActivity.totalVolume.toLocaleString() ||
-                "0"
-              }
-              icon={<Public color="secondary" />}
-              color="#8B5CF6"
-            />
-          </>
-        )}
+        <KpiCard 
+          title={t('analytics.totalRequests', { defaultValue: 'Total Requests' })} 
+          value={dashboardData ? formatNumber(dashboardData.systemUsage.totalRequests) : '0'} 
+          icon={<Assessment color="primary" />} 
+          color="#3B82F6"
+        />
+        <KpiCard 
+          title={t('analytics.avgLatency', { defaultValue: 'Avg Latency' })} 
+          value={dashboardData ? `${formatNumber(dashboardData.systemUsage.avgLatency)}ms` : '0ms'} 
+          icon={<TrendingUp sx={{ color: '#10B981' }} />} 
+          color="#10B981"
+        />
+        <KpiCard 
+          title={t('analytics.avgCreditScore', { defaultValue: 'Avg Credit Score' })} 
+          value={dashboardData ? formatNumber(dashboardData.aiPerformance.avgCreditScore) : '0'} 
+          icon={<BugReport color="warning" />} 
+          color="#F59E0B"
+        />
+        <KpiCard 
+          title={t('analytics.blockchainVol', { defaultValue: 'Blockchain Vol' })} 
+          value={dashboardData ? formatNumber(dashboardData.blockchainActivity.totalVolume) : '0'} 
+          icon={<Public color="secondary" />} 
+          color="#8B5CF6"
+        />
       </Grid>
 
       <Grid container spacing={3}>
         {/* Main Trend Chart */}
         <Grid item xs={12} lg={8}>
-          {loading ? (
-            <SkeletonChart height={350} />
-          ) : (
-            trendData && (
-              <UsageChart
-                data={trendData.history}
-                forecast={trendData.forecast}
-                title="System Traffic & Forecast"
-              />
-            )
+          {trendData && (
+            <UsageChart 
+              data={trendData.history} 
+              forecast={trendData.forecast} 
+              title={t('analytics.systemTrafficForecast', { defaultValue: 'System Traffic & Forecast' })} 
+            />
           )}
         </Grid>
 
         {/* AI Distribution Chart */}
         <Grid item xs={12} md={6} lg={4}>
-          {loading ? (
-            <SkeletonChart height={300} />
-          ) : (
-            dashboardData && (
-              <DistributionChart
-                data={dashboardData.aiPerformance.riskDistribution}
-                title="Risk Level Distribution"
-              />
-            )
+          {dashboardData && (
+            <DistributionChart 
+              data={dashboardData.aiPerformance.riskDistribution} 
+              title={t('analytics.riskDistribution')} 
+            />
           )}
         </Grid>
 
         {/* Asset Distribution */}
         <Grid item xs={12} md={6} lg={4}>
-          {loading ? (
-            <SkeletonChart height={300} />
-          ) : (
-            dashboardData && (
-              <DistributionChart
-                data={dashboardData.blockchainActivity.assetDistribution}
-                title="Blockchain Assets"
-              />
-            )
+          {dashboardData && (
+            <DistributionChart 
+              data={dashboardData.blockchainActivity.assetDistribution} 
+              title={t('analytics.blockchainAssets', { defaultValue: 'Blockchain Assets' })} 
+            />
           )}
         </Grid>
 
         {/* System Health Summary */}
         <Grid item xs={12} lg={8}>
-          {loading ? (
-            <SkeletonCard lines={4} />
-          ) : (
-            <Paper sx={{ p: 3, borderRadius: 2 }}>
-              <Typography
-                variant="h6"
-                gutterBottom
-                color="primary"
-                sx={{ fontWeight: 600 }}
-              >
-                System Health & Performance
-              </Typography>
-              <Divider sx={{ mb: 2 }} />
-              <Grid container spacing={2}>
-                <HealthStat
-                  label="Success Rate"
-                  value={`${dashboardData?.systemUsage.successRate.toFixed(1)}%`}
-                  status={
-                    dashboardData?.systemUsage.successRate &&
-                    dashboardData.systemUsage.successRate > 95
-                      ? "good"
-                      : "warning"
-                  }
-                />
-                <HealthStat
-                  label="Error Rate"
-                  value={`${dashboardData?.systemUsage.errorRate.toFixed(1)}%`}
-                  status={
-                    dashboardData?.systemUsage.errorRate &&
-                    dashboardData.systemUsage.errorRate < 5
-                      ? "good"
-                      : "critical"
-                  }
-                />
-                <HealthStat
-                  label="Fraud Alerts"
-                  value={
-                    dashboardData?.aiPerformance.totalFraudAlerts.toString() ||
-                    "0"
-                  }
-                  status={
-                    dashboardData?.aiPerformance.totalFraudAlerts === 0
-                      ? "good"
-                      : "warning"
-                  }
-                />
-                <HealthStat
-                  label="Resolved Alerts"
-                  value={
-                    dashboardData?.aiPerformance.resolvedAlerts.toString() ||
-                    "0"
-                  }
-                  status="none"
-                />
-              </Grid>
-            </Paper>
-          )}
+          <Paper sx={{ p: 3, borderRadius: 2 }}>
+            <Typography variant="h6" gutterBottom color="primary" sx={{ fontWeight: 600 }}>
+              {t('dashboard.systemHealth')}
+            </Typography>
+            <Divider sx={{ mb: 2 }} />
+            <Grid container spacing={2}>
+              <HealthStat label={t('analytics.successRate', { defaultValue: 'Success Rate' })} value={dashboardData ? `${formatNumber(dashboardData.systemUsage.successRate)}%` : '0%'} status={dashboardData?.systemUsage.successRate && dashboardData.systemUsage.successRate > 95 ? 'good' : 'warning'} />
+              <HealthStat label={t('analytics.errorRate', { defaultValue: 'Error Rate' })} value={dashboardData ? `${formatNumber(dashboardData.systemUsage.errorRate)}%` : '0%'} status={dashboardData?.systemUsage.errorRate && dashboardData.systemUsage.errorRate < 5 ? 'good' : 'critical'} />
+              <HealthStat label={t('analytics.fraudAlerts', { defaultValue: 'Fraud Alerts' })} value={dashboardData ? formatNumber(dashboardData.aiPerformance.totalFraudAlerts) : '0'} status={dashboardData?.aiPerformance.totalFraudAlerts === 0 ? 'good' : 'warning'} />
+              <HealthStat label={t('analytics.resolvedAlerts', { defaultValue: 'Resolved Alerts' })} value={dashboardData ? formatNumber(dashboardData.aiPerformance.resolvedAlerts) : '0'} status="none" />
+            </Grid>
+          </Paper>
         </Grid>
       </Grid>
     </Box>
diff --git a/frontend/src/components/CreditScoreCard.tsx b/frontend/src/components/CreditScoreCard.tsx
index d68f874..b3ce17a 100644
--- a/frontend/src/components/CreditScoreCard.tsx
+++ b/frontend/src/components/CreditScoreCard.tsx
@@ -17,7 +17,8 @@ import {
   AccessTime
 } from '@mui/icons-material';
 import { CreditScoreCardProps, getScoreRating } from '../types/credit-score';
-import { SkeletonCard } from './SkeletonCard';
+import { useTranslation } from 'react-i18next';
+import { formatRelativeTime } from '../i18n/config';
 
 export const CreditScoreCard: React.FC<CreditScoreCardProps> = ({
   score,
@@ -26,11 +27,28 @@ export const CreditScoreCard: React.FC<CreditScoreCardProps> = ({
   loading = false,
   error
 }) => {
+  const { t } = useTranslation();
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
 
   if (loading) {
-    return <SkeletonCard lines={4} />;
+    return (
+      <Card
+        sx={{
+          minHeight: 280,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center'
+        }}
+      >
+        <Box sx={{ textAlign: 'center' }}>
+          <CircularProgress size={60} />
+          <Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}>
+            {t('app.loading')}
+          </Typography>
+        </Box>
+      </Card>
+    );
   }
 
   if (error) {
@@ -59,21 +77,9 @@ export const CreditScoreCard: React.FC<CreditScoreCardProps> = ({
     return scoreDiff > 0 ? theme.palette.success.main : theme.palette.error.main;
   };
 
-  const formatDate = (date: Date): string => {
-    const now = new Date();
-    const diffInHours = Math.floor((now.getTime() - date.getTime()) / (1000 * 60 * 60));
-
-    if (diffInHours < 1) return 'Just now';
-    if (diffInHours < 24) return `${diffInHours} hour${diffInHours > 1 ? 's' : ''} ago`;
-
-    const diffInDays = Math.floor(diffInHours / 24);
-    if (diffInDays < 7) return `${diffInDays} day${diffInDays > 1 ? 's' : ''} ago`;
-
-    return date.toLocaleDateString('en-US', {
-      month: 'short',
-      day: 'numeric',
-      year: 'numeric'
-    });
+  const getRatingLabelKey = (label: string): string => {
+    if (label === 'Very Poor') return 'veryPoor';
+    return label.toLowerCase();
   };
 
   return (
@@ -100,12 +106,12 @@ export const CreditScoreCard: React.FC<CreditScoreCardProps> = ({
             color="text.secondary"
             sx={{ fontSize: isMobile ? '0.875rem' : '1rem', fontWeight: 500 }}
           >
-            Your Credit Score
+            {t('creditScoring.score')}
           </Typography>
           <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mt: 0.5 }}>
             <AccessTime sx={{ fontSize: 16, color: theme.palette.text.secondary }} />
             <Typography variant="caption" color="text.secondary">
-              Updated {formatDate(lastUpdated)}
+              {t('creditScoring.lastUpdated')}{' '}{formatRelativeTime(lastUpdated)}
             </Typography>
           </Box>
         </Box>
@@ -173,7 +179,7 @@ export const CreditScoreCard: React.FC<CreditScoreCardProps> = ({
                 color="text.secondary"
                 sx={{ fontSize: '0.75rem' }}
               >
-                out of 100
+                {t('creditScoring.outOf100', { defaultValue: 'out of 100' })}
               </Typography>
             </Box>
           </Box>
@@ -186,7 +192,7 @@ export const CreditScoreCard: React.FC<CreditScoreCardProps> = ({
             alignItems: isMobile ? 'center' : 'flex-start'
           }}>
             <Chip
-              label={scoreRating.label}
+              label={t('creditScoring.' + getRatingLabelKey(scoreRating.label))}
               sx={{
                 bgcolor: scoreRating.color,
                 color: 'white',
@@ -219,7 +225,7 @@ export const CreditScoreCard: React.FC<CreditScoreCardProps> = ({
                     fontWeight: 600
                   }}
                 >
-                  {Math.abs(scoreDiff)} point{Math.abs(scoreDiff) !== 1 ? 's' : ''}
+                  {t('creditScoring.pointsDifference', { count: Math.abs(scoreDiff) })}
                 </Typography>
               </Box>
             )}
@@ -233,7 +239,7 @@ export const CreditScoreCard: React.FC<CreditScoreCardProps> = ({
             color="text.secondary"
             sx={{ mb: 1, display: 'block' }}
           >
-            Score Range
+            {t('creditScoring.scoreRange', { defaultValue: 'Score Range' })}
           </Typography>
           <Box
             sx={{
diff --git a/frontend/src/components/FormValidationExample.tsx b/frontend/src/components/FormValidationExample.tsx
index a7a693f..e3fe952 100644
--- a/frontend/src/components/FormValidationExample.tsx
+++ b/frontend/src/components/FormValidationExample.tsx
@@ -1,86 +1,89 @@
-import React from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { 
   ValidationRules,
   FormFieldConfig 
 } from '@chenaikit/core';
 import { FormField as FormFieldComponent } from './FormField';
 import { useFormValidation } from '../hooks/useFormValidation';
+import { useTranslation } from 'react-i18next';
 
-// Example form configuration
-const formConfigs: FormFieldConfig[] = [
-  {
-    name: 'email',
-    label: 'Email Address',
-    type: 'email',
-    placeholder: 'Enter your email',
-    required: true,
-    validation: ValidationRules.email()
-  },
-  {
-    name: 'stellarAddress',
-    label: 'Stellar Address',
-    type: 'text',
-    placeholder: 'Enter your Stellar address (G...)',
-    required: true,
-    validation: ValidationRules.stellarAddress()
-  },
-  {
-    name: 'amount',
-    label: 'Amount',
-    type: 'number',
-    placeholder: 'Enter amount',
-    required: true,
-    validation: ValidationRules.positiveNumber('Amount must be greater than 0')
-  },
-  {
-    name: 'scheduledDate',
-    label: 'Scheduled Date',
-    type: 'date',
-    required: true,
-    minDate: new Date(),
-    validation: ValidationRules.required('Please choose a scheduled date')
-  },
-  {
-    name: 'scheduledTime',
-    label: 'Scheduled Time',
-    type: 'time',
-    required: true,
-    minTime: '09:00',
-    maxTime: '17:00',
-    timeIntervalMinutes: 30,
-    timeFormat: '12',
-    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    validation: ValidationRules.required('Please choose a scheduled time')
-  },
-  {
-    name: 'memo',
-    label: 'Memo (Optional)',
-    type: 'textarea',
-    placeholder: 'Enter a memo for this transaction',
-    validation: ValidationRules.maxLength(100, 'Memo must be less than 100 characters')
-  }
-];
+export const FormValidationExample: React.FC = () => {
+  const { t } = useTranslation();
 
-// Example async validation for checking if Stellar address exists
-const validateStellarAddressExists = async (address: string): Promise<string | null> => {
-  if (!address) return null;
-  
-  try {
-    // Simulate API call to check if address exists
-    await new Promise(resolve => setTimeout(resolve, 1000));
+  // Async validation for checking if Stellar address exists
+  const validateStellarAddressExists = useCallback(async (address: string): Promise<string | null> => {
+    if (!address) return null;
     
-    // Mock validation - in real implementation, you'd call Stellar Horizon API
-    if (address === 'GINVALID123456789012345678901234567890123456789012345678901234567890') {
-      return 'This Stellar address does not exist';
+    try {
+      // Simulate API call to check if address exists
+      await new Promise(resolve => setTimeout(resolve, 1000));
+      
+      // Mock validation - in real implementation, you'd call Stellar Horizon API
+      if (address === 'GINVALID123456789012345678901234567890123456789012345678901234567890') {
+        return t('forms.stellarAddressNotExist', { defaultValue: 'This Stellar address does not exist' });
+      }
+      
+      return null;
+    } catch (error) {
+      return t('forms.stellarAddressVerifyError', { defaultValue: 'Unable to verify address at this time' });
     }
-    
-    return null;
-  } catch (error) {
-    return 'Unable to verify address at this time';
-  }
-};
+  }, [t]);
+
+  // Dynamic form configuration
+  const formConfigs: FormFieldConfig[] = useMemo(() => [
+    {
+      name: 'email',
+      label: t('profile.email'),
+      type: 'email',
+      placeholder: t('forms.emailPlaceholder', { defaultValue: 'Enter your email' }),
+      required: true,
+      validation: ValidationRules.email(t('forms.invalidEmail'))
+    },
+    {
+      name: 'stellarAddress',
+      label: t('forms.stellarAddressLabel', { defaultValue: 'Stellar Address' }),
+      type: 'text',
+      placeholder: t('forms.stellarAddressPlaceholder', { defaultValue: 'Enter your Stellar address (G...)' }),
+      required: true,
+      validation: ValidationRules.stellarAddress(t('forms.invalidStellarAddress', { defaultValue: 'Invalid Stellar address' }))
+    },
+    {
+      name: 'amount',
+      label: t('transactions.amount'),
+      type: 'number',
+      placeholder: t('forms.amountPlaceholder', { defaultValue: 'Enter amount' }),
+      required: true,
+      validation: ValidationRules.positiveNumber(t('forms.amountPositive', { defaultValue: 'Amount must be greater than 0' }))
+    },
+    {
+      name: 'scheduledDate',
+      label: t('forms.scheduledDateLabel', { defaultValue: 'Scheduled Date' }),
+      type: 'date',
+      required: true,
+      minDate: new Date(),
+      validation: ValidationRules.required(t('forms.scheduledDateRequired', { defaultValue: 'Please choose a scheduled date' }))
+    },
+    {
+      name: 'scheduledTime',
+      label: t('forms.scheduledTimeLabel', { defaultValue: 'Scheduled Time' }),
+      type: 'time',
+      required: true,
+      minTime: '09:00',
+      maxTime: '17:00',
+      timeIntervalMinutes: 30,
+      timeFormat: '12',
+      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+      validation: ValidationRules.required(t('forms.scheduledTimeRequired', { defaultValue: 'Please choose a scheduled time' }))
+    },
+    {
+      name: 'memo',
+      label: t('forms.memoLabel', { defaultValue: 'Memo (Optional)' }),
+      type: 'textarea',
+      placeholder: t('forms.memoPlaceholder', { defaultValue: 'Enter a memo for this transaction' }),
+      validation: ValidationRules.maxLength(100, t('forms.maxLength', { count: 100 }))
+    }
+  ], [t]);
 
-export const FormValidationExample: React.FC = () => {
   const {
     values,
     errors,
@@ -102,17 +105,17 @@ export const FormValidationExample: React.FC = () => {
       memo: ''
     },
     validationRules: {
-      email: ValidationRules.email(),
+      email: ValidationRules.email(t('forms.invalidEmail')),
       stellarAddress: ValidationRules.async(validateStellarAddressExists),
-      amount: ValidationRules.positiveNumber(),
-      scheduledDate: ValidationRules.required('Please choose a scheduled date'),
-      scheduledTime: ValidationRules.required('Please choose a scheduled time'),
-      memo: ValidationRules.maxLength(100)
+      amount: ValidationRules.positiveNumber(t('forms.amountPositive', { defaultValue: 'Amount must be greater than 0' })),
+      scheduledDate: ValidationRules.required(t('forms.scheduledDateRequired', { defaultValue: 'Please choose a scheduled date' })),
+      scheduledTime: ValidationRules.required(t('forms.scheduledTimeRequired', { defaultValue: 'Please choose a scheduled time' })),
+      memo: ValidationRules.maxLength(100, t('forms.maxLength', { count: 100 }))
     },
     onSubmit: async () => {
       // Simulate API call
       await new Promise(resolve => setTimeout(resolve, 2000));
-      alert('Form submitted successfully!');
+      alert(t('forms.submittedSuccessfully', { defaultValue: 'Form submitted successfully!' }));
     },
     validateOnChange: true,
     validateOnBlur: true,
@@ -121,8 +124,8 @@ export const FormValidationExample: React.FC = () => {
 
   return (
     <div className="form-validation-example" style={{ maxWidth: '600px', margin: '0 auto', padding: '20px' }}>
-      <h2>Form Validation Example</h2>
-      <p>This example demonstrates real-time validation, debouncing, and blockchain address validation.</p>
+      <h2>{t('forms.title', { defaultValue: 'Form Validation Example' })}</h2>
+      <p>{t('forms.subtitle', { defaultValue: 'This example demonstrates real-time validation, debouncing, and blockchain address validation.' })}</p>
       
       <form onSubmit={handleSubmit} className="form" style={{ display: 'flex', flexDirection: 'column', gap: '20px' }}>
         {formConfigs.map((config) => (
@@ -152,7 +155,7 @@ export const FormValidationExample: React.FC = () => {
               cursor: isValid && !isSubmitting ? 'pointer' : 'not-allowed'
             }}
           >
-            {isSubmitting ? 'Submitting...' : 'Submit Transaction'}
+            {isSubmitting ? t('forms.submitting', { defaultValue: 'Submitting...' }) : t('forms.submit', { defaultValue: 'Submit Transaction' })}
           </button>
           
           <button 
@@ -168,7 +171,7 @@ export const FormValidationExample: React.FC = () => {
               cursor: 'pointer'
             }}
           >
-            Reset Form
+            {t('forms.reset', { defaultValue: 'Reset Form' })}
           </button>
         </div>
         
@@ -178,11 +181,11 @@ export const FormValidationExample: React.FC = () => {
           borderRadius: '4px',
           border: '1px solid #dee2e6'
         }}>
-          <p><strong>Form Status:</strong></p>
+          <p><strong>{t('forms.status', { defaultValue: 'Form Status:' })}</strong></p>
           <ul style={{ margin: '10px 0', paddingLeft: '20px' }}>
-            <li>Valid: {isValid ? '✅' : '❌'}</li>
-            <li>Dirty: {isDirty ? '✅' : '❌'}</li>
-            <li>Submitting: {isSubmitting ? '✅' : '❌'}</li>
+            <li>{t('forms.valid', { defaultValue: 'Valid' })}: {isValid ? '✅' : '❌'}</li>
+            <li>{t('forms.dirty', { defaultValue: 'Dirty' })}: {isDirty ? '✅' : '❌'}</li>
+            <li>{t('forms.submittingLabel', { defaultValue: 'Submitting' })}: {isSubmitting ? '✅' : '❌'}</li>
           </ul>
         </div>
       </form>
diff --git a/frontend/src/components/LanguageSwitcher.tsx b/frontend/src/components/LanguageSwitcher.tsx
index 5aad0a0..f899570 100644
--- a/frontend/src/components/LanguageSwitcher.tsx
+++ b/frontend/src/components/LanguageSwitcher.tsx
@@ -1,4 +1,4 @@
-import React, { useId } from 'react';
+import React from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   Box,
@@ -9,16 +9,18 @@ import {
   Tooltip,
   IconButton,
   Chip,
-  InputLabel,
 } from '@mui/material';
 import { supportedLanguages, changeLanguage, getCurrentLanguage } from '../i18n/config';
 
+import { SxProps, Theme } from '@mui/material';
+
 interface LanguageSwitcherProps {
-  variant?: 'select' | 'chip' | 'avatar';
+  variant?: 'select' | 'chip' | 'avatar' | 'compact';
   size?: 'small' | 'medium' | 'large';
   showFlag?: boolean;
   showNativeName?: boolean;
   compact?: boolean;
+  sx?: SxProps<Theme>;
 }
 
 export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
@@ -26,11 +28,12 @@ export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
   size = 'medium',
   showFlag = true,
   showNativeName = true,
-  compact = false
+  compact = false,
+  sx
 }) => {
   const { i18n } = useTranslation();
   const currentLang = getCurrentLanguage();
-  const labelId = useId();
+
 
   const handleLanguageChange = (event: any) => {
     const newLanguage = event.target.value;
@@ -42,20 +45,18 @@ export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
   };
 
   const renderSelectVariant = () => (
-    <FormControl size={size === 'large' ? 'medium' : size}>
-      <InputLabel id={labelId}>Language</InputLabel>
+    <FormControl size={size === 'large' ? 'medium' : size} sx={sx}>
       <Select
-        labelId={labelId}
-        label="Language"
         value={currentLang}
         onChange={handleLanguageChange}
-        aria-label="Select language"
+        displayEmpty
+        inputProps={{ 'aria-label': 'Select language' }}
         sx={{
-          minWidth: compact ? 120 : 200,
           '& .MuiSelect-select': {
             display: 'flex',
             alignItems: 'center',
-            gap: 1
+            gap: 1,
+            py: size === 'small' ? 0.5 : 1
           }
         }}
       >
@@ -63,20 +64,20 @@ export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
           <MenuItem key={language.code} value={language.code}>
             <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
               {showFlag && (
-                <Typography sx={{ fontSize: '1.2em' }}>
+                <Typography component="span" sx={{ fontSize: '1.1rem' }}>
                   {language.flag}
                 </Typography>
               )}
-              <Box>
-                <Typography variant="body2" sx={{ fontWeight: 500 }}>
+              {showNativeName && (
+                <Typography component="span" sx={{ fontWeight: 500 }}>
                   {language.nativeName}
                 </Typography>
-                {!compact && (
-                  <Typography variant="caption" color="text.secondary">
-                    {language.name}
-                  </Typography>
-                )}
-              </Box>
+              )}
+              {(!compact && showNativeName) && (
+                <Typography component="span" color="textSecondary" sx={{ fontSize: '0.85rem' }}>
+                  ({language.name})
+                </Typography>
+              )}
             </Box>
           </MenuItem>
         ))}
@@ -84,7 +85,8 @@ export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
     </FormControl>
   );
 
-  const renderChipVariant = () => (
+  const renderChipVariant = () => {
+    return (
       <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}>
         {supportedLanguages.map((language) => (
           <Chip
@@ -115,6 +117,7 @@ export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
         ))}
       </Box>
   );
+  };
 
   const renderAvatarVariant = () => {
     const currentLangInfo = getCurrentLanguageInfo();
@@ -162,6 +165,8 @@ export const LanguageSwitcher: React.FC<LanguageSwitcherProps> = ({
       return renderChipVariant();
     case 'avatar':
       return renderAvatarVariant();
+    case 'compact':
+      return renderCompactVariant();
     default:
       return renderSelectVariant();
   }
diff --git a/frontend/src/components/auth/LoginForm.tsx b/frontend/src/components/auth/LoginForm.tsx
index 7820a16..d7afe6f 100644
--- a/frontend/src/components/auth/LoginForm.tsx
+++ b/frontend/src/components/auth/LoginForm.tsx
@@ -22,11 +22,13 @@ import {
   GitHub
 } from '@mui/icons-material';
 import { useNavigate, useLocation, Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 import { ValidationRules } from '@chenaikit/core';
-import { useFormValidation } from '../../hooks/useFormValidation';
 import { useAuth } from './AuthContext';
+import { useFormValidation } from '../../hooks/useFormValidation';
 
 export const LoginForm: React.FC = () => {
+  const { t } = useTranslation();
   const { login } = useAuth();
   const navigate = useNavigate();
   const location = useLocation();
@@ -50,8 +52,8 @@ export const LoginForm: React.FC = () => {
       password: ''
     },
     validationRules: {
-      email: ValidationRules.email(),
-      password: ValidationRules.required('Password is required')
+      email: ValidationRules.email(t('forms.invalidEmail')),
+      password: ValidationRules.required(t('forms.required'))
     },
     onSubmit: async (formValues) => {
       setSubmitError(null);
@@ -59,7 +61,7 @@ export const LoginForm: React.FC = () => {
         await login(formValues.email, formValues.password, rememberMe);
         navigate(from, { replace: true });
       } catch (err: any) {
-        setSubmitError(err.message || 'Failed to sign in. Please try again.');
+        setSubmitError(err.message || t('auth.loginError'));
       }
     },
     validateOnChange: true,
@@ -74,10 +76,10 @@ export const LoginForm: React.FC = () => {
     <Box sx={{ width: '100%' }}>
       <Box sx={{ mb: 4, textAlign: 'center' }}>
         <Typography variant="h4" sx={{ fontWeight: 800, mb: 1, color: 'text.primary' }}>
-          Welcome back
+          {t('auth.welcomeBack')}
         </Typography>
         <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-          Enter your details to access your dashboard
+          {t('auth.loginSubtitle')}
         </Typography>
       </Box>
 
@@ -92,7 +94,7 @@ export const LoginForm: React.FC = () => {
           <TextField
             id="field-email"
             name="email"
-            label="Email Address"
+            label={t('profile.email')}
             placeholder="name@example.com"
             value={values.email}
             onChange={(e) => handleChange('email', e.target.value)}
@@ -115,7 +117,7 @@ export const LoginForm: React.FC = () => {
           <TextField
             id="field-password"
             name="password"
-            label="Password"
+            label={t('settings.changePassword')}
             type={showPassword ? 'text' : 'password'}
             placeholder="••••••••"
             value={values.password}
@@ -158,9 +160,9 @@ export const LoginForm: React.FC = () => {
                 />
               }
               label={
-            <Typography variant="body2" sx={{ color: 'text.secondary', userSelect: 'none' }}>
-              Remember me
-            </Typography>
+                <Typography variant="body2" sx={{ color: 'text.secondary', userSelect: 'none' }}>
+                  {t('auth.rememberMe')}
+                </Typography>
               }
             />
             <MuiLink
@@ -174,7 +176,7 @@ export const LoginForm: React.FC = () => {
                 '&:hover': { textDecoration: 'underline' }
               }}
             >
-              Forgot password?
+              {t('auth.forgotPassword')}
             </MuiLink>
           </Box>
 
@@ -183,25 +185,25 @@ export const LoginForm: React.FC = () => {
             variant="contained"
             disabled={isSubmitting || !isValid}
             fullWidth
-              sx={{
-                py: 1.5,
-                borderRadius: '10px',
-                textTransform: 'none',
-                fontSize: '16px',
-                fontWeight: 600,
-                boxShadow: (theme) => theme.shadows[4],
-              }}
+            sx={{
+              py: 1.5,
+              borderRadius: '10px',
+              textTransform: 'none',
+              fontSize: '16px',
+              fontWeight: 600,
+              boxShadow: (theme) => theme.shadows[4],
+            }}
           >
             {isSubmitting ? (
               <CircularProgress size={24} sx={{ color: 'white' }} />
             ) : (
-              'Sign In'
+              t('auth.signIn')
             )}
           </Button>
 
           <Divider sx={{ my: 1.5, color: 'text.disabled' }}>
             <Typography variant="caption" sx={{ px: 1, color: 'text.secondary', fontWeight: 500 }}>
-              OR CONTINUE WITH
+              {t('auth.orContinueWith')}
             </Typography>
           </Divider>
 
@@ -250,7 +252,7 @@ export const LoginForm: React.FC = () => {
 
           <Box sx={{ textAlign: 'center', mt: 3 }}>
             <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-              Don't have an account?{' '}
+              {t('auth.dontHaveAccount')}{' '}
               <MuiLink
                 component={Link}
                 to="/signup"
@@ -261,7 +263,7 @@ export const LoginForm: React.FC = () => {
                   '&:hover': { textDecoration: 'underline' }
                 }}
               >
-                Sign up
+                {t('auth.signUp')}
               </MuiLink>
             </Typography>
           </Box>
diff --git a/frontend/src/components/auth/SignupForm.tsx b/frontend/src/components/auth/SignupForm.tsx
index 8e78908..44b557b 100644
--- a/frontend/src/components/auth/SignupForm.tsx
+++ b/frontend/src/components/auth/SignupForm.tsx
@@ -21,18 +21,19 @@ import {
   CheckCircleOutline
 } from '@mui/icons-material';
 import { Link } from 'react-router-dom';
+import { useTranslation, Trans } from 'react-i18next';
 import { ValidationRules } from '@chenaikit/core';
 import { useFormValidation } from '../../hooks/useFormValidation';
 import { useAuth } from './AuthContext';
 
 interface PasswordStrength {
   score: number;
-  text: string;
+  textKey: string;
   color: string;
 }
 
 const getPasswordStrength = (password: string): PasswordStrength => {
-  if (!password) return { score: 0, text: '', color: '#e2e8f0' };
+  if (!password) return { score: 0, textKey: '', color: '#e2e8f0' };
   let score = 0;
   if (password.length >= 8) score += 1;
   if (/[A-Z]/.test(password)) score += 1;
@@ -40,12 +41,13 @@ const getPasswordStrength = (password: string): PasswordStrength => {
   if (/[0-9]/.test(password)) score += 1;
   if (/[^A-Za-z0-9]/.test(password)) score += 1;
 
-  if (score <= 2) return { score: 33, text: 'Weak', color: '#f87171' };
-  if (score <= 4) return { score: 66, text: 'Medium', color: '#fbbf24' };
-  return { score: 100, text: 'Strong', color: '#34d399' };
+  if (score <= 2) return { score: 33, textKey: 'auth.weak', color: '#f87171' };
+  if (score <= 4) return { score: 66, textKey: 'auth.medium', color: '#fbbf24' };
+  return { score: 100, textKey: 'auth.strong', color: '#34d399' };
 };
 
 export const SignupForm: React.FC = () => {
+  const { t } = useTranslation();
   const { register } = useAuth();
   const [showPassword, setShowPassword] = useState(false);
   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
@@ -72,20 +74,20 @@ export const SignupForm: React.FC = () => {
       confirmPassword: ''
     },
     validationRules: {
-      email: ValidationRules.email(),
-      password: ValidationRules.minLength(8, 'Password must be at least 8 characters long')
+      email: ValidationRules.email(t('forms.invalidEmail')),
+      password: ValidationRules.minLength(8, t('forms.minLength', { count: 8 }))
     },
     onSubmit: async (formValues) => {
       setSubmitError(null);
       setTermsError(null);
 
       if (!acceptTerms) {
-        setTermsError('You must accept the terms of service to register.');
+        setTermsError(t('auth.acceptTermsError'));
         return;
       }
 
       if (formValues.password !== formValues.confirmPassword) {
-        setError('confirmPassword', 'Passwords do not match');
+        setError('confirmPassword', t('forms.passwordMismatch'));
         return;
       }
 
@@ -94,7 +96,7 @@ export const SignupForm: React.FC = () => {
         setRegisteredEmail(formValues.email);
         setIsVerificationSent(true);
       } catch (err: any) {
-        setSubmitError(err.message || 'Registration failed. Please try again.');
+        setSubmitError(err.message || t('auth.registerError'));
       }
     },
     validateOnChange: true,
@@ -110,25 +112,25 @@ export const SignupForm: React.FC = () => {
           <CheckCircleOutline sx={{ fontSize: 72, color: '#34d399' }} />
         </Box>
         <Typography variant="h4" sx={{ fontWeight: 800, mb: 2, color: 'text.primary' }}>
-          Account Created!
+          {t('auth.accountCreated')}
         </Typography>
         <Typography variant="body1" sx={{ color: 'text.secondary', mb: 4, px: 2 }}>
-          Your account was created for <strong>{registeredEmail}</strong>. You can now sign in to continue.
+          {t('auth.accountCreatedDesc', { email: registeredEmail })}
         </Typography>
-          <Button
-            component={Link}
-            to="/login"
-            variant="contained"
-            sx={{
-              py: 1.5,
-              px: 4,
-              borderRadius: '10px',
-              textTransform: 'none',
-              fontSize: '16px',
-              fontWeight: 600,
-            }}
-          >
-          Go to Sign In
+        <Button
+          component={Link}
+          to="/login"
+          variant="contained"
+          sx={{
+            py: 1.5,
+            px: 4,
+            borderRadius: '10px',
+            textTransform: 'none',
+            fontSize: '16px',
+            fontWeight: 600,
+          }}
+        >
+          {t('auth.goToSignIn')}
         </Button>
       </Box>
     );
@@ -138,10 +140,10 @@ export const SignupForm: React.FC = () => {
     <Box sx={{ width: '100%' }}>
       <Box sx={{ mb: 3, textAlign: 'center' }}>
         <Typography variant="h4" sx={{ fontWeight: 800, mb: 1, color: 'text.primary' }}>
-          Create an account
+          {t('auth.createAccount')}
         </Typography>
         <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-          Sign up to monitor blockchain analytics and credit metrics
+          {t('auth.signupSubtitle')}
         </Typography>
       </Box>
 
@@ -162,7 +164,7 @@ export const SignupForm: React.FC = () => {
           <TextField
             id="field-email"
             name="email"
-            label="Email Address"
+            label={t('profile.email')}
             placeholder="name@example.com"
             value={values.email}
             onChange={(e) => handleChange('email', e.target.value)}
@@ -185,7 +187,7 @@ export const SignupForm: React.FC = () => {
           <TextField
             id="field-password"
             name="password"
-            label="Password"
+            label={t('settings.changePassword')}
             type={showPassword ? 'text' : 'password'}
             placeholder="••••••••"
             value={values.password}
@@ -221,10 +223,10 @@ export const SignupForm: React.FC = () => {
             <Box sx={{ mt: -1, mb: 1 }}>
               <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 0.5 }}>
                 <Typography variant="caption" sx={{ color: 'text.secondary', fontWeight: 500 }}>
-                  Password Strength:
+                  {t('auth.passwordStrength')}:
                 </Typography>
                 <Typography variant="caption" sx={{ color: passwordStrength.color, fontWeight: 700 }}>
-                  {passwordStrength.text}
+                  {passwordStrength.textKey ? t(passwordStrength.textKey) : ''}
                 </Typography>
               </Box>
               <LinearProgress 
@@ -246,7 +248,7 @@ export const SignupForm: React.FC = () => {
           <TextField
             id="field-confirmPassword"
             name="confirmPassword"
-            label="Confirm Password"
+            label={t('auth.confirmPassword')}
             type={showConfirmPassword ? 'text' : 'password'}
             placeholder="••••••••"
             value={values.confirmPassword}
@@ -294,22 +296,25 @@ export const SignupForm: React.FC = () => {
             }
             label={
               <Typography variant="body2" sx={{ color: 'text.secondary', userSelect: 'none' }}>
-                I agree to the{' '}
-                <MuiLink 
-                  component={Link}
-                  to="/terms"
-                  sx={{ color: 'primary.main', textDecoration: 'none', fontWeight: 600, '&:hover': { textDecoration: 'underline' } }}
-                >
-                  Terms of Service
-                </MuiLink>{' '}
-                and{' '}
-                <MuiLink 
-                  component={Link}
-                  to="/privacy"
-                  sx={{ color: 'primary.main', textDecoration: 'none', fontWeight: 600, '&:hover': { textDecoration: 'underline' } }}
-                >
-                  Privacy Policy
-                </MuiLink>
+                <Trans
+                  i18nKey="auth.termsAgreement"
+                  components={{
+                    termsLink: (
+                      <MuiLink
+                        component={Link}
+                        to="/terms"
+                        sx={{ color: 'primary.main', textDecoration: 'none', fontWeight: 600, '&:hover': { textDecoration: 'underline' } }}
+                      />
+                    ),
+                    privacyLink: (
+                      <MuiLink
+                        component={Link}
+                        to="/privacy"
+                        sx={{ color: 'primary.main', textDecoration: 'none', fontWeight: 600, '&:hover': { textDecoration: 'underline' } }}
+                      />
+                    ),
+                  }}
+                />
               </Typography>
             }
             sx={{ mt: -0.5 }}
@@ -320,25 +325,25 @@ export const SignupForm: React.FC = () => {
             variant="contained"
             disabled={isSubmitting || !isValid || !acceptTerms}
             fullWidth
-              sx={{
-                py: 1.5,
-                borderRadius: '10px',
-                textTransform: 'none',
-                fontSize: '16px',
-                fontWeight: 600,
-                boxShadow: (theme) => theme.shadows[4],
-              }}
+            sx={{
+              py: 1.5,
+              borderRadius: '10px',
+              textTransform: 'none',
+              fontSize: '16px',
+              fontWeight: 600,
+              boxShadow: (theme) => theme.shadows[4],
+            }}
           >
             {isSubmitting ? (
               <CircularProgress size={24} sx={{ color: 'white' }} />
             ) : (
-              'Sign Up'
+              t('auth.signUp')
             )}
           </Button>
 
           <Box sx={{ textAlign: 'center', mt: 2 }}>
             <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-              Already have an account?{' '}
+              {t('auth.alreadyHaveAccount')}{' '}
               <MuiLink
                 component={Link}
                 to="/login"
@@ -349,7 +354,7 @@ export const SignupForm: React.FC = () => {
                   '&:hover': { textDecoration: 'underline' }
                 }}
               >
-                Sign in
+                {t('auth.signIn')}
               </MuiLink>
             </Typography>
           </Box>
diff --git a/frontend/src/components/index.ts b/frontend/src/components/index.ts
index c1942eb..961bda8 100644
--- a/frontend/src/components/index.ts
+++ b/frontend/src/components/index.ts
@@ -29,25 +29,6 @@ export { default as FraudDetection } from './FraudDetection';
 export { default as ChatInterface } from './ChatInterface';
 export { default as WalletInterface } from './WalletInterface';
 export { AnalyticsDashboard } from './AnalyticsDashboard';
-
-// Toast
-export { default as Toast } from './Toast';
-export { default as ToastContainer } from './ToastContainer';
-
-// Error handling
-export { default as ErrorBoundary } from './ErrorBoundary';
-export { default as ErrorFallback } from './ErrorFallback';
-
-// File Upload
-export { default as FileUpload } from './FileUpload';
-export { default as DropZone } from './DropZone';
-export { default as FileList } from './FileList';
-export { default as FilePreview } from './FilePreview';
-export { useFileUpload } from '../hooks/useFileUpload';
-export type { UploadTask, UseFileUploadOptions } from '../hooks/useFileUpload';
-
-// Loading & Skeletons
+export { LanguageSwitcher } from './LanguageSwitcher';
 export { LoadingSpinner } from './LoadingSpinner';
-export { SkeletonCard } from './SkeletonCard';
-export { SkeletonTable } from './SkeletonTable';
-export { SkeletonChart } from './SkeletonChart';
+
diff --git a/frontend/src/components/settings/AccountSettings.tsx b/frontend/src/components/settings/AccountSettings.tsx
index 0dee7d4..e59b063 100644
--- a/frontend/src/components/settings/AccountSettings.tsx
+++ b/frontend/src/components/settings/AccountSettings.tsx
@@ -15,8 +15,10 @@ import {
   DialogActions
 } from '@mui/material';
 import { useFormValidation } from '../../hooks/useFormValidation';
+import { useTranslation } from 'react-i18next';
 import { ValidationRules } from '@chenaikit/core';
 import { useThemeMode } from '../../contexts/ThemeContext';
+import { changeLanguage } from '../../i18n/config';
 
 interface AccountSettingsProps {
   user: {
@@ -34,6 +36,7 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
   onUpdateAccount,
   onDeleteAccount
 }) => {
+  const { t } = useTranslation();
   const { setTheme } = useThemeMode();
   const [isSaving, setIsSaving] = useState(false);
   const [saveSuccess, setSaveSuccess] = useState(false);
@@ -56,8 +59,8 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
       theme: user.theme || 'system'
     },
     validationRules: {
-      email: ValidationRules.email(),
-      name: ValidationRules.minLength(2, 'Name must be at least 2 characters')
+      email: ValidationRules.email(t('forms.invalidEmail')),
+      name: ValidationRules.minLength(2, t('forms.minLength', { count: 2 }))
     },
     onSubmit: async (formValues) => {
       setIsSaving(true);
@@ -80,6 +83,12 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
     }
   }, [values.theme, setTheme]);
 
+  useEffect(() => {
+    if (values.language) {
+      changeLanguage(values.language);
+    }
+  }, [values.language]);
+
   const handleDeleteAccount = async () => {
     if (deleteEmail !== user.email) return;
     setIsSaving(true);
@@ -95,12 +104,12 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
       <Card variant="outlined" sx={{ borderRadius: 2 }}>
         <CardContent>
           <Typography variant="h6" sx={{ fontWeight: 700, mb: 3 }}>
-            Profile Information
+            {t('profile.subtitle')}
           </Typography>
 
           {saveSuccess && (
             <Alert severity="success" sx={{ mb: 3 }}>
-              Profile updated successfully!
+              {t('settings.profileUpdated')}
             </Alert>
           )}
 
@@ -109,7 +118,7 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
               <Grid item xs={12} sm={6}>
                 <TextField
                   fullWidth
-                  label="Display Name"
+                  label={t('profile.displayName')}
                   name="name"
                   value={values.name}
                   onChange={(e) => handleChange('name', e.target.value)}
@@ -122,7 +131,7 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
               <Grid item xs={12} sm={6}>
                 <TextField
                   fullWidth
-                  label="Email Address"
+                  label={t('profile.email')}
                   name="email"
                   type="email"
                   value={values.email}
@@ -138,7 +147,7 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
                   <TextField
                     select
                     fullWidth
-                    label="Language"
+                    label={t('settings.language')}
                     name="language"
                     value={values.language}
                     onChange={(e) => handleChange('language', e.target.value)}
@@ -153,15 +162,15 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
                   <TextField
                     select
                     fullWidth
-                    label="Theme"
+                    label={t('settings.theme')}
                     name="theme"
                     value={values.theme}
                     onChange={(e) => handleChange('theme', e.target.value)}
                     SelectProps={{ native: true }}
                   >
-                    <option value="light">Light</option>
-                    <option value="dark">Dark</option>
-                    <option value="system">System</option>
+                    <option value="light">{t('settings.light', { defaultValue: 'Light' })}</option>
+                    <option value="dark">{t('settings.dark', { defaultValue: 'Dark' })}</option>
+                    <option value="system">{t('settings.system', { defaultValue: 'System' })}</option>
                   </TextField>
                 </Box>
               </Grid>
@@ -173,7 +182,7 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
                   disabled={isSaving || !isValid}
                   startIcon={isSaving ? <CircularProgress size={16} color="inherit" /> : null}
                 >
-                  {isSaving ? 'Saving...' : 'Save Changes'}
+                  {isSaving ? t('settings.saving') : t('common.save')}
                 </Button>
               </Grid>
             </Grid>
@@ -184,10 +193,10 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
       <Card variant="outlined" sx={{ borderRadius: 2, borderColor: 'error.main' }}>
         <CardContent>
           <Typography variant="h6" sx={{ fontWeight: 700, mb: 1, color: 'error.main' }}>
-            Danger Zone
+            {t('settings.dangerZone')}
           </Typography>
           <Typography variant="body2" sx={{ color: 'text.secondary', mb: 3 }}>
-            Once you delete your account, there is no going back. Please be certain.
+            {t('settings.deleteAccountWarning')}
           </Typography>
 
           <Button
@@ -195,30 +204,29 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
             color="error"
             onClick={() => setDeleteConfirmOpen(true)}
           >
-            Delete Account
+            {t('settings.deleteAccount')}
           </Button>
         </CardContent>
       </Card>
 
       <Dialog open={deleteConfirmOpen} onClose={() => setDeleteConfirmOpen(false)}>
         <DialogTitle sx={{ fontWeight: 700, color: 'error.main' }}>
-          Delete Account
+          {t('settings.deleteAccount')}
         </DialogTitle>
         <DialogContent>
           <Typography variant="body2" sx={{ mb: 3, color: 'text.secondary' }}>
-            This action cannot be undone. To confirm, please type your email address:{' '}
-            <strong>{user.email}</strong>
+            {t('settings.confirmDeleteEmail', { email: user.email })}
           </Typography>
           <TextField
             fullWidth
-            label="Confirm Email"
+            label={t('settings.confirmEmail')}
             value={deleteEmail}
             onChange={(e) => setDeleteEmail(e.target.value)}
           />
         </DialogContent>
         <DialogActions>
           <Button onClick={() => setDeleteConfirmOpen(false)} disabled={isSaving}>
-            Cancel
+            {t('common.cancel')}
           </Button>
           <Button
             variant="contained"
@@ -226,7 +234,7 @@ export const AccountSettings: React.FC<AccountSettingsProps> = ({
             disabled={deleteEmail !== user.email || isSaving}
             onClick={handleDeleteAccount}
           >
-            {isSaving ? 'Deleting...' : 'Delete Forever'}
+            {isSaving ? t('settings.deleting') : t('settings.deleteForever')}
           </Button>
         </DialogActions>
       </Dialog>
diff --git a/frontend/src/contexts/ThemeContext.tsx b/frontend/src/contexts/ThemeContext.tsx
index 9bc355c..844bb66 100644
--- a/frontend/src/contexts/ThemeContext.tsx
+++ b/frontend/src/contexts/ThemeContext.tsx
@@ -1,7 +1,10 @@
 import React, { createContext, useContext, useState, useEffect, useCallback, useMemo } from 'react';
-import { ThemeProvider as MuiThemeProvider, CssBaseline } from '@mui/material';
+import { ThemeProvider as MuiThemeProvider, CssBaseline, createTheme } from '@mui/material';
 import { lightTheme } from '../themes/lightTheme';
 import { darkTheme } from '../themes/darkTheme';
+import { useTranslation } from 'react-i18next';
+import { getLanguageDirection } from '../i18n/config';
+
 
 type ThemeMode = 'light' | 'dark';
 type UserPreference = ThemeMode | 'system';
@@ -77,7 +80,13 @@ export const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ childre
     return () => window.removeEventListener('keydown', handler);
   }, [toggleTheme]);
 
-  const activeTheme = mode === 'light' ? lightTheme : darkTheme;
+  const { i18n } = useTranslation();
+  const activeDirection = getLanguageDirection(i18n.language);
+
+  const activeTheme = useMemo(() => {
+    const baseTheme = mode === 'light' ? lightTheme : darkTheme;
+    return createTheme(baseTheme, { direction: activeDirection });
+  }, [mode, activeDirection]);
 
   const contextValue = useMemo(() => ({ mode, userPreference, setTheme, toggleTheme }), [mode, userPreference, setTheme, toggleTheme]);
 
diff --git a/frontend/src/i18n/config.ts b/frontend/src/i18n/config.ts
index a2e1f5d..6aedb7b 100644
--- a/frontend/src/i18n/config.ts
+++ b/frontend/src/i18n/config.ts
@@ -130,6 +130,20 @@ i18n
     }
   });
 
+// Update HTML document attributes when language changes
+i18n.on('languageChanged', (lng) => {
+  if (typeof document !== 'undefined') {
+    document.documentElement.dir = getLanguageDirection(lng);
+    document.documentElement.lang = lng;
+  }
+});
+
+// Set initial document attributes
+if (typeof document !== 'undefined') {
+  document.documentElement.dir = getLanguageDirection(i18n.language || defaultLanguage);
+  document.documentElement.lang = i18n.language || defaultLanguage;
+}
+
 // Export i18n instance
 export default i18n;
 
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index a9b5e35..96225f4 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import './i18n/config';
 import App from './App';
 
 const root = ReactDOM.createRoot(
diff --git a/frontend/src/locales/ar.json b/frontend/src/locales/ar.json
index 88511b0..a8efb52 100644
--- a/frontend/src/locales/ar.json
+++ b/frontend/src/locales/ar.json
@@ -22,7 +22,22 @@
     "refresh": "تحديث",
     "settings": "الإعدادات",
     "help": "مساعدة",
-    "about": "حول"
+    "about": "حول",
+    "forgotPasswordTitle": "إعادة تعيين كلمة المرور",
+    "forgotPasswordDesc": "أدخل عنوان بريدك الإلكتروني وسنرسل لك رابطًا لإعادة تعيين كلمة المرور.",
+    "forgotPasswordSoon": "ميزة إعادة تعيين كلمة المرور ستتوفر قريبًا.",
+    "termsTitle": "شروط الخدمة",
+    "termsDesc": "تحكم شروط الخدمة هذه استخدامك لـ ChenaiKit. من خلال الوصول إلى منصتنا أو استخدامها، فإنك توافق على الالتزام بهذه الشروط. سيتم نشر وثائق الشروط الكاملة هنا قبل الإطلاق الفعلي.",
+    "privacyTitle": "سياسة الخصوصية",
+    "privacyDesc": "خصوصيتك مهمة جداً بالنسبة لنا. تقوم ChenaiKit بجمع البيانات اللازمة فقط لتقديم خدماتنا ولا تبيع المعلومات الشخصية لأطراف ثالثة أبداً. سيتم نشر وثائق سياسة الخصوصية الكاملة هنا قبل الإطلاق الفعلي.",
+    "signOut": "تسجيل الخروج",
+    "dashboardTitle": "ChenaiKit - لوحة معلومات ذكاء الأعمال والتحليلات",
+    "dashboardSubtitle": "رؤى متقدمة للذكاء الاصطناعي ومراقبة سلسلة الكتل (البلوكشين)",
+    "analyticsDashboard": "لوحة التحليلات",
+    "forms": "نماذج تجريبية",
+    "sandbox": "بيئة التجربة (صندوق الرمل)",
+    "profile": "الملف الشخصي",
+    "footer": "تم التطوير بواسطة ChenaiKit - حلول الذكاء الاصطناعي وسلسلة الكتل المتقدمة"
   },
   "navigation": {
     "dashboard": "لوحة التحكم",
@@ -33,6 +48,33 @@
     "help": "مساعدة",
     "logout": "تسجيل الخروج"
   },
+  "auth": {
+    "welcomeBack": "مرحباً بعودتك",
+    "loginSubtitle": "أدخل تفاصيل حسابك للوصول إلى لوحة المعلومات",
+    "rememberMe": "تذكرني",
+    "forgotPassword": "هل نسيت كلمة المرور؟",
+    "signIn": "تسجيل الدخول",
+    "orContinueWith": "أو المتابعة باستخدام",
+    "dontHaveAccount": "ليس لديك حساب؟",
+    "signUp": "إنشاء حساب",
+    "loginError": "فشل تسجيل الدخول. يرجى المحاولة مرة أخرى.",
+    "createAccount": "إنشاء حساب جديد",
+    "signupSubtitle": "سجل لمراقبة تحليلات سلسلة الكتل ومقاييس الائتمان",
+    "iAgreeTo": "أوافق على",
+    "termsAgreement": "أوافق على <termsLink>شروط الخدمة</termsLink> و<privacyLink>سياسة الخصوصية</privacyLink>",
+    "and": "و",
+    "alreadyHaveAccount": "لديك حساب بالفعل؟ ",
+    "weak": "ضعيف",
+    "medium": "متوسط",
+    "strong": "قوي",
+    "passwordStrength": "قوة كلمة المرور",
+    "confirmPassword": "تأكيد كلمة المرور",
+    "acceptTermsError": "يجب عليك قبول شروط الخدمة للتسجيل.",
+    "registerError": "فشل التسجيل. يرجى المحاولة مرة أخرى.",
+    "accountCreated": "تم إنشاء الحساب!",
+    "accountCreatedDesc": "تم إنشاء حسابك لـ {{email}}.",
+    "goToSignIn": "الذهاب لتسجيل الدخول"
+  },
   "dashboard": {
     "title": "لوحة التحكم",
     "subtitle": "نظرة عامة على المراقبة الفورية",
@@ -127,7 +169,18 @@
     "customRange": "نطاق مخصص",
     "exportReport": "تصدير التقرير",
     "downloadPdf": "تحميل PDF",
-    "downloadCsv": "تحميل CSV"
+    "downloadCsv": "تحميل CSV",
+    "totalRequests": "إجمالي الطلبات",
+    "avgLatency": "متوسط زمن الاستجابة",
+    "avgCreditScore": "متوسط درجة الائتمان",
+    "blockchainVol": "حجم تداول سلسلة الكتل",
+    "systemTrafficForecast": "حركة مرور النظام والتوقعات",
+    "blockchainAssets": "أصول سلسلة الكتل",
+    "successRate": "معدل النجاح",
+    "errorRate": "معدل الخطأ",
+    "fraudAlerts": "تنبيهات الاحتيال",
+    "resolvedAlerts": "التنبيهات التي تم حلها",
+    "fetchError": "فشل في جلب بيانات التحليلات. يرجى التأكد من تشغيل النظام الخلفي."
   },
   "settings": {
     "title": "الإعدادات",
@@ -158,7 +211,43 @@
     "license": "الرخصة",
     "support": "الدعم",
     "documentation": "التوثيق",
-    "contact": "الاتصال"
+    "contact": "الاتصال",
+    "profileUpdated": "تم تحديث الملف الشخصي بنجاح!",
+    "light": "مظهر فاتح",
+    "dark": "مظهر داكن",
+    "system": "حسب النظام",
+    "saving": "جاري الحفظ...",
+    "dangerZone": "منطقة الخطر",
+    "deleteAccountWarning": "بمجرد حذف حسابك، لن تتمكن من التراجع عن ذلك. يرجى التأكد.",
+    "deleteAccount": "حذف الحساب",
+    "confirmDeleteEmail": "لا يمكن التراجع عن هذا الإجراء. للتأكيد، يرجى كتابة عنوان بريدك الإلكتروني: {{email}}",
+    "confirmEmail": "تأكيد البريد الإلكتروني",
+    "deleting": "جاري الحذف...",
+    "deleteForever": "حذف نهائي"
+  },
+  "profile": {
+    "title": "الملف الشخصي",
+    "subtitle": "ملف تعريف حسابك",
+    "activity": "النشاط",
+    "account": "الحساب",
+    "statistics": "الإحصائيات",
+    "editProfile": "تعديل الملف الشخصي",
+    "displayName": "الاسم المعروض",
+    "email": "البريد الإلكتروني",
+    "role": "الدور",
+    "memberSince": "عضو منذ",
+    "transactions": "العمليات",
+    "creditScore": "درجة الائتمان",
+    "activeDays": "أيام النشاط",
+    "uploadAvatar": "تحميل الصورة الشخصية",
+    "changeAvatar": "تغيير الصورة الشخصية",
+    "saveChanges": "حفظ التغييرات",
+    "recentActivity": "النشاط الأخير",
+    "noActivity": "لا يوجد نشاط حديث",
+    "securityStatus": "حالة الأمان",
+    "twoFactorEnabled": "المصادقة الثنائية",
+    "passwordSet": "كلمة المرور",
+    "activeSessions": "الجلسات النشطة"
   },
   "websocket": {
     "connected": "متصل",
@@ -206,7 +295,15 @@
     "improveScore": "تحسين درجتك",
     "scoreBreakdown": "تفصيل الدرجة",
     "noDataAvailable": "لا توجد بيانات ائتمانية متاحة",
-    "lastUpdated": "آخر تحديث"
+    "lastUpdated": "آخر تحديث",
+    "outOf100": "من 100",
+    "scoreRange": "نطاق الدرجات",
+    "pointsDifference_zero": "{{count}} نقطة",
+    "pointsDifference_one": "{{count}} نقطة",
+    "pointsDifference_two": "{{count}} نقطتان",
+    "pointsDifference_few": "{{count}} نقاط",
+    "pointsDifference_many": "{{count}} نقطة",
+    "pointsDifference_other": "{{count}} نقطة"
   },
   "errors": {
     "networkError": "حدث خطأ في الشبكة",
@@ -242,7 +339,21 @@
     "uploadFile": "رفع ملف",
     "dragDrop": "اسحب وأفلت الملفات هنا",
     "fileTooBig": "الملف كبير جداً (أقصى {{size}})",
-    "invalidFileType": "نوع ملف غير صالح"
+    "invalidFileType": "نوع ملف غير صالح",
+    "stellarAddressNotExist": "عنوان Stellar هذا غير موجود",
+    "stellarAddressVerifyError": "تعذر التحقق من العنوان في الوقت الحالي",
+    "stellarAddressLabel": "عنوان Stellar",
+    "stellarAddressPlaceholder": "أدخل عنوان Stellar الخاص بك (G...)",
+    "invalidStellarAddress": "عنوان Stellar غير صالح",
+    "amountPlaceholder": "أدخل المبلغ",
+    "amountPositive": "يجب أن يكون المبلغ أكبر من 0",
+    "scheduledDateLabel": "التاريخ المجدول",
+    "scheduledDateRequired": "يرجى اختيار التاريخ المجدول",
+    "scheduledTimeLabel": "الوقت المجدول",
+    "scheduledTimeRequired": "يرجى اختيار الوقت المجدول",
+    "memoLabel": "ملاحظة (اختياري)",
+    "memoPlaceholder": "أدخل ملاحظة لهذه العملية",
+    "submittedSuccessfully": "تم إرسال النموذج بنجاح!"
   },
   "time": {
     "now": "الآن",
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index f53c041..440eff1 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -22,7 +22,22 @@
     "refresh": "Refresh",
     "settings": "Settings",
     "help": "Help",
-    "about": "About"
+    "about": "About",
+    "forgotPasswordTitle": "Reset your password",
+    "forgotPasswordDesc": "Enter your email address and we'll send you a password reset link.",
+    "forgotPasswordSoon": "Password reset functionality coming soon.",
+    "termsTitle": "Terms of Service",
+    "termsDesc": "These Terms of Service govern your use of ChenaiKit. By accessing or using our platform, you agree to be bound by these terms. Full terms documentation will be published here prior to production launch.",
+    "privacyTitle": "Privacy Policy",
+    "privacyDesc": "Your privacy is important to us. ChenaiKit collects only the data necessary to provide our services and never sells personal information to third parties. Full privacy policy documentation will be published here prior to production launch.",
+    "signOut": "Sign Out",
+    "dashboardTitle": "ChenaiKit - BI & Analytics Dashboard",
+    "dashboardSubtitle": "Advanced AI Insights & Blockchain Monitoring",
+    "analyticsDashboard": "Analytics Dashboard",
+    "forms": "Forms",
+    "sandbox": "Sandbox",
+    "profile": "Profile",
+    "footer": "Built with ChenaiKit - Advanced AI and Blockchain Solutions"
   },
   "navigation": {
     "dashboard": "Dashboard",
@@ -33,6 +48,33 @@
     "help": "Help",
     "logout": "Logout"
   },
+  "auth": {
+    "welcomeBack": "Welcome back",
+    "loginSubtitle": "Enter your details to access your dashboard",
+    "rememberMe": "Remember me",
+    "forgotPassword": "Forgot password?",
+    "signIn": "Sign In",
+    "orContinueWith": "OR CONTINUE WITH",
+    "dontHaveAccount": "Don't have an account?",
+    "signUp": "Sign up",
+    "loginError": "Failed to sign in. Please try again.",
+    "createAccount": "Create an account",
+    "signupSubtitle": "Sign up to monitor blockchain analytics and credit metrics",
+    "iAgreeTo": "I agree to the",
+    "termsAgreement": "I agree to the <termsLink>Terms of Service</termsLink> and <privacyLink>Privacy Policy</privacyLink>",
+    "and": "and",
+    "alreadyHaveAccount": "Already have an account? ",
+    "weak": "Weak",
+    "medium": "Medium",
+    "strong": "Strong",
+    "passwordStrength": "Password Strength",
+    "confirmPassword": "Confirm Password",
+    "acceptTermsError": "You must accept the terms of service to register.",
+    "registerError": "Registration failed. Please try again.",
+    "accountCreated": "Account Created!",
+    "accountCreatedDesc": "Your account was created for {{email}}.",
+    "goToSignIn": "Go to Sign In"
+  },
   "dashboard": {
     "title": "Dashboard",
     "subtitle": "Real-time monitoring overview",
@@ -127,7 +169,18 @@
     "customRange": "Custom Range",
     "exportReport": "Export Report",
     "downloadPdf": "Download PDF",
-    "downloadCsv": "Download CSV"
+    "downloadCsv": "Download CSV",
+    "totalRequests": "Total Requests",
+    "avgLatency": "Avg Latency",
+    "avgCreditScore": "Avg Credit Score",
+    "blockchainVol": "Blockchain Vol",
+    "systemTrafficForecast": "System Traffic & Forecast",
+    "blockchainAssets": "Blockchain Assets",
+    "successRate": "Success Rate",
+    "errorRate": "Error Rate",
+    "fraudAlerts": "Fraud Alerts",
+    "resolvedAlerts": "Resolved Alerts",
+    "fetchError": "Failed to fetch analytics data. Please ensure the backend is running."
   },
   "settings": {
     "title": "Settings",
@@ -158,7 +211,19 @@
     "license": "License",
     "support": "Support",
     "documentation": "Documentation",
-    "contact": "Contact"
+    "contact": "Contact",
+    "profileUpdated": "Profile updated successfully!",
+    "light": "Light",
+    "dark": "Dark",
+    "system": "System",
+    "saving": "Saving...",
+    "dangerZone": "Danger Zone",
+    "deleteAccountWarning": "Once you delete your account, there is no going back. Please be certain.",
+    "deleteAccount": "Delete Account",
+    "confirmDeleteEmail": "This action cannot be undone. To confirm, please type your email address: {{email}}",
+    "confirmEmail": "Confirm Email",
+    "deleting": "Deleting...",
+    "deleteForever": "Delete Forever"
   },
   "profile": {
     "title": "Profile",
@@ -230,7 +295,11 @@
     "improveScore": "Improve Your Score",
     "scoreBreakdown": "Score Breakdown",
     "noDataAvailable": "No credit data available",
-    "lastUpdated": "Last Updated"
+    "lastUpdated": "Last Updated",
+    "outOf100": "out of 100",
+    "scoreRange": "Score Range",
+    "pointsDifference_one": "{{count}} point",
+    "pointsDifference_other": "{{count}} points"
   },
   "errors": {
     "networkError": "Network error occurred",
@@ -266,7 +335,21 @@
     "uploadFile": "Upload file",
     "dragDrop": "Drag and drop files here",
     "fileTooBig": "File is too big (max {{size}})",
-    "invalidFileType": "Invalid file type"
+    "invalidFileType": "Invalid file type",
+    "stellarAddressNotExist": "This Stellar address does not exist",
+    "stellarAddressVerifyError": "Unable to verify address at this time",
+    "stellarAddressLabel": "Stellar Address",
+    "stellarAddressPlaceholder": "Enter your Stellar address (G...)",
+    "invalidStellarAddress": "Invalid Stellar address",
+    "amountPlaceholder": "Enter amount",
+    "amountPositive": "Amount must be greater than 0",
+    "scheduledDateLabel": "Scheduled Date",
+    "scheduledDateRequired": "Please choose a scheduled date",
+    "scheduledTimeLabel": "Scheduled Time",
+    "scheduledTimeRequired": "Please choose a scheduled time",
+    "memoLabel": "Memo (Optional)",
+    "memoPlaceholder": "Enter a memo for this transaction",
+    "submittedSuccessfully": "Form submitted successfully!"
   },
   "time": {
     "now": "Now",
diff --git a/frontend/src/locales/es.json b/frontend/src/locales/es.json
index 979084e..bdc41af 100644
--- a/frontend/src/locales/es.json
+++ b/frontend/src/locales/es.json
@@ -22,7 +22,22 @@
     "refresh": "Actualizar",
     "settings": "Configuración",
     "help": "Ayuda",
-    "about": "Acerca de"
+    "about": "Acerca de",
+    "forgotPasswordTitle": "Restablecer su contraseña",
+    "forgotPasswordDesc": "Ingrese su dirección de correo electrónico y le enviaremos un enlace de restablecimiento.",
+    "forgotPasswordSoon": "Funcionalidad de restablecimiento de contraseña próximamente.",
+    "termsTitle": "Términos de Servicio",
+    "termsDesc": "Estos Términos de Servicio rigen el uso de ChenaiKit. Al acceder o utilizar nuestra plataforma, acepta estar sujeto a estos términos. La documentación completa de los términos se publicará aquí antes del lanzamiento de producción.",
+    "privacyTitle": "Política de Privacidad",
+    "privacyDesc": "Su privacidad es importanta para nosotros. ChenaiKit solo recopila los datos necesarios para proporcionar nuestros servicios y nunca vende información personal a terceros. La documentación completa de la política de privacidad se publicará aquí antes del lanzamiento de producción.",
+    "signOut": "Cerrar sesión",
+    "dashboardTitle": "ChenaiKit - Panel de BI y Analytics",
+    "dashboardSubtitle": "Información de IA avanzada y monitoreo de blockchain",
+    "analyticsDashboard": "Panel de Análisis",
+    "forms": "Formularios",
+    "sandbox": "Caja de arena",
+    "profile": "Perfil",
+    "footer": "Desarrollado con ChenaiKit - Soluciones avanzadas de IA y Blockchain"
   },
   "navigation": {
     "dashboard": "Panel",
@@ -33,6 +48,33 @@
     "help": "Ayuda",
     "logout": "Cerrar sesión"
   },
+  "auth": {
+    "welcomeBack": "Bienvenido de nuevo",
+    "loginSubtitle": "Ingrese sus datos para acceder a su panel",
+    "rememberMe": "Recordarme",
+    "forgotPassword": "¿Olvidó su contraseña?",
+    "signIn": "Iniciar sesión",
+    "orContinueWith": "O CONTINUAR CON",
+    "dontHaveAccount": "¿No tiene una cuenta?",
+    "signUp": "Registrarse",
+    "loginError": "Error al iniciar sesión. Por favor, inténtelo de nuevo.",
+    "createAccount": "Crear una cuenta",
+    "signupSubtitle": "Regístrese para monitorear análisis de blockchain y métricas de crédito",
+    "iAgreeTo": "Estoy de acuerdo con los",
+    "termsAgreement": "Acepto los <termsLink>Términos de Servicio</termsLink> y la <privacyLink>Política de Privacidad</privacyLink>",
+    "and": "y",
+    "alreadyHaveAccount": "¿Ya tiene una cuenta? ",
+    "weak": "Débil",
+    "medium": "Medio",
+    "strong": "Fuerte",
+    "passwordStrength": "Fortaleza de la contraseña",
+    "confirmPassword": "Confirmar contraseña",
+    "acceptTermsError": "Debe aceptar los términos de servicio para registrarse.",
+    "registerError": "Error de registro. Por favor, inténtelo de nuevo.",
+    "accountCreated": "¡Cuenta creada!",
+    "accountCreatedDesc": "Su cuenta fue creada para {{email}}.",
+    "goToSignIn": "Ir a Iniciar sesión"
+  },
   "dashboard": {
     "title": "Panel",
     "subtitle": "Resumen de monitoreo en tiempo real",
@@ -127,7 +169,18 @@
     "customRange": "Rango Personalizado",
     "exportReport": "Exportar Informe",
     "downloadPdf": "Descargar PDF",
-    "downloadCsv": "Descargar CSV"
+    "downloadCsv": "Descargar CSV",
+    "totalRequests": "Total de solicitudes",
+    "avgLatency": "Latencia promedio",
+    "avgCreditScore": "Puntaje crediticio promedio",
+    "blockchainVol": "Volumen de blockchain",
+    "systemTrafficForecast": "Tráfico del sistema y pronóstico",
+    "blockchainAssets": "Activos de blockchain",
+    "successRate": "Tasa de éxito",
+    "errorRate": "Tasa de error",
+    "fraudAlerts": "Alertas de fraude",
+    "resolvedAlerts": "Alertas resueltas",
+    "fetchError": "Error al obtener datos analíticos. Asegúrese de que el backend se esté ejecutando."
   },
   "settings": {
     "title": "Configuración",
@@ -158,7 +211,43 @@
     "license": "Licencia",
     "support": "Soporte",
     "documentation": "Documentación",
-    "contact": "Contacto"
+    "contact": "Contacto",
+    "profileUpdated": "¡Perfil actualizado con éxito!",
+    "light": "Claro",
+    "dark": "Oscuro",
+    "system": "Sistema",
+    "saving": "Guardando...",
+    "dangerZone": "Zona de peligro",
+    "deleteAccountWarning": "Una vez que elimine su cuenta, no hay marcha atrás. Por favor, esté seguro.",
+    "deleteAccount": "Eliminar cuenta",
+    "confirmDeleteEmail": "Esta acción no se puede deshacer. Para confirmar, escriba su dirección de correo electrónico: {{email}}",
+    "confirmEmail": "Confirmar correo electrónico",
+    "deleting": "Eliminando...",
+    "deleteForever": "Eliminar para siempre"
+  },
+  "profile": {
+    "title": "Perfil",
+    "subtitle": "El perfil de su cuenta",
+    "activity": "Actividad",
+    "account": "Cuenta",
+    "statistics": "Estadísticas",
+    "editProfile": "Editar perfil",
+    "displayName": "Nombre visible",
+    "email": "Correo electrónico",
+    "role": "Rol",
+    "memberSince": "Miembro desde",
+    "transactions": "Transacciones",
+    "creditScore": "Puntaje crediticio",
+    "activeDays": "Días activos",
+    "uploadAvatar": "Cargar avatar",
+    "changeAvatar": "Cambiar avatar",
+    "saveChanges": "Guardar cambios",
+    "recentActivity": "Actividad reciente",
+    "noActivity": "Sin actividad reciente",
+    "securityStatus": "Estado de seguridad",
+    "twoFactorEnabled": "Autenticación de dos factores",
+    "passwordSet": "Contraseña",
+    "activeSessions": "Sesiones activas"
   },
   "websocket": {
     "connected": "Conectado",
@@ -206,7 +295,11 @@
     "improveScore": "Mejorar Su Puntaje",
     "scoreBreakdown": "Desglose del Puntaje",
     "noDataAvailable": "No hay datos crediticios disponibles",
-    "lastUpdated": "Última Actualización"
+    "lastUpdated": "Última Actualización",
+    "outOf100": "de 100",
+    "scoreRange": "Rango de puntaje",
+    "pointsDifference_one": "{{count}} punto",
+    "pointsDifference_other": "{{count}} puntos"
   },
   "errors": {
     "networkError": "Ocurrió un error de red",
@@ -242,7 +335,21 @@
     "uploadFile": "Subir archivo",
     "dragDrop": "Arrastre y suelte archivos aquí",
     "fileTooBig": "Archivo demasiado grande (máx {{size}})",
-    "invalidFileType": "Tipo de archivo inválido"
+    "invalidFileType": "Tipo de archivo inválido",
+    "stellarAddressNotExist": "Esta dirección de Stellar no existe",
+    "stellarAddressVerifyError": "No se puede verificar la dirección en este momento",
+    "stellarAddressLabel": "Dirección Stellar",
+    "stellarAddressPlaceholder": "Ingrese su dirección Stellar (G...)",
+    "invalidStellarAddress": "Dirección Stellar no válida",
+    "amountPlaceholder": "Ingrese el monto",
+    "amountPositive": "El monto debe ser mayor que 0",
+    "scheduledDateLabel": "Fecha programada",
+    "scheduledDateRequired": "Elija una fecha programada",
+    "scheduledTimeLabel": "Hora programada",
+    "scheduledTimeRequired": "Elija una hora programada",
+    "memoLabel": "Memo (Opcional)",
+    "memoPlaceholder": "Ingrese un memo para esta transacción",
+    "submittedSuccessfully": "¡Formulario enviado con éxito!"
   },
   "time": {
     "now": "Ahora",
diff --git a/frontend/src/locales/zh.json b/frontend/src/locales/zh.json
index 2021f0e..2dd733c 100644
--- a/frontend/src/locales/zh.json
+++ b/frontend/src/locales/zh.json
@@ -22,7 +22,22 @@
     "refresh": "刷新",
     "settings": "设置",
     "help": "帮助",
-    "about": "关于"
+    "about": "关于",
+    "forgotPasswordTitle": "重置密码",
+    "forgotPasswordDesc": "输入您的电子邮件地址，我们将向您发送密码重置链接。",
+    "forgotPasswordSoon": "重置密码功能即将推出。",
+    "termsTitle": "服务条款",
+    "termsDesc": "这些服务条款适用于您使用 ChenaiKit。访问或使用我们的平台，即表示您同意受这些条款 of 约束。完整的条款文档将在正式上线前在此发布。",
+    "privacyTitle": "隐私政策",
+    "privacyDesc": "您的隐私对我们非常重要。ChenaiKit 仅收集提供服务所必需的数据，绝不向第三方出售个人信息。完整的隐私政策文档将在正式上线前在此发布。",
+    "signOut": "登出",
+    "dashboardTitle": "ChenaiKit - 商业智能与分析仪表板",
+    "dashboardSubtitle": "先进的 AI 见解和区块链监控",
+    "analyticsDashboard": "分析仪表板",
+    "forms": "表单示例",
+    "sandbox": "沙盒测试",
+    "profile": "个人中心",
+    "footer": "基于 ChenaiKit 构建 - 先进的 AI 和区块链解决方案"
   },
   "navigation": {
     "dashboard": "仪表板",
@@ -33,6 +48,33 @@
     "help": "帮助",
     "logout": "登出"
   },
+  "auth": {
+    "welcomeBack": "欢迎回来",
+    "loginSubtitle": "输入您的详细信息以访问仪表板",
+    "rememberMe": "记住我",
+    "forgotPassword": "忘记密码？",
+    "signIn": "登录",
+    "orContinueWith": "或通过以下方式继续",
+    "dontHaveAccount": "没有账户？",
+    "signUp": "注册",
+    "loginError": "登录失败，请重试。",
+    "createAccount": "创建账户",
+    "signupSubtitle": "注册以监控区块链分析和信用指标",
+    "iAgreeTo": "我同意",
+    "termsAgreement": "我同意<termsLink>服务条款</termsLink>和<privacyLink>隐私政策</privacyLink>",
+    "and": "和",
+    "alreadyHaveAccount": "已有账户？ ",
+    "weak": "弱",
+    "medium": "中",
+    "strong": "强",
+    "passwordStrength": "密码强度",
+    "confirmPassword": "确认密码",
+    "acceptTermsError": "您必须接受服务条款才能注册。",
+    "registerError": "注册失败，请重试。",
+    "accountCreated": "账户已创建！",
+    "accountCreatedDesc": "您的账户已成功为 {{email}} 创建。",
+    "goToSignIn": "前往登录"
+  },
   "dashboard": {
     "title": "仪表板",
     "subtitle": "实时监控概览",
@@ -127,7 +169,18 @@
     "customRange": "自定义范围",
     "exportReport": "导出报告",
     "downloadPdf": "下载PDF",
-    "downloadCsv": "下载CSV"
+    "downloadCsv": "下载CSV",
+    "totalRequests": "总请求数",
+    "avgLatency": "平均延迟",
+    "avgCreditScore": "平均信用评分",
+    "blockchainVol": "区块链交易量",
+    "systemTrafficForecast": "系统流量与预测",
+    "blockchainAssets": "区块链资产",
+    "successRate": "成功率",
+    "errorRate": "错误率",
+    "fraudAlerts": "欺诈警报",
+    "resolvedAlerts": "已解决警报",
+    "fetchError": "获取分析数据失败。请确保后端正在运行。"
   },
   "settings": {
     "title": "设置",
@@ -158,7 +211,43 @@
     "license": "许可证",
     "support": "支持",
     "documentation": "文档",
-    "contact": "联系"
+    "contact": "联系",
+    "profileUpdated": "个人资料更新成功！",
+    "light": "浅色模式",
+    "dark": "深色模式",
+    "system": "系统默认",
+    "saving": "保存中...",
+    "dangerZone": "危险区域",
+    "deleteAccountWarning": "删除账户后将无法恢复，请谨慎操作。",
+    "deleteAccount": "删除账户",
+    "confirmDeleteEmail": "此操作无法撤销。如需确认，请输入您的电子邮件地址：{{email}}",
+    "confirmEmail": "确认电子邮件",
+    "deleting": "删除中...",
+    "deleteForever": "永久删除"
+  },
+  "profile": {
+    "title": "个人资料",
+    "subtitle": "您的账户资料",
+    "activity": "活动",
+    "account": "账户",
+    "statistics": "统计数据",
+    "editProfile": "编辑个人资料",
+    "displayName": "显示名称",
+    "email": "电子邮件",
+    "role": "角色",
+    "memberSince": "注册成员自",
+    "transactions": "交易",
+    "creditScore": "信用评分",
+    "activeDays": "活跃天数",
+    "uploadAvatar": "上传头像",
+    "changeAvatar": "修改头像",
+    "saveChanges": "保存修改",
+    "recentActivity": "最近活动",
+    "noActivity": "无最近活动",
+    "securityStatus": "安全状态",
+    "twoFactorEnabled": "双因素认证",
+    "passwordSet": "密码",
+    "activeSessions": "活动会话"
   },
   "websocket": {
     "connected": "已连接",
@@ -206,7 +295,11 @@
     "improveScore": "改善您的评分",
     "scoreBreakdown": "评分细分",
     "noDataAvailable": "无信用数据可用",
-    "lastUpdated": "最后更新"
+    "lastUpdated": "最后更新",
+    "outOf100": "总分 100",
+    "scoreRange": "评分范围",
+    "pointsDifference_one": "{{count}} 分",
+    "pointsDifference_other": "{{count}} 分"
   },
   "errors": {
     "networkError": "发生网络错误",
@@ -242,7 +335,21 @@
     "uploadFile": "上传文件",
     "dragDrop": "拖放文件到这里",
     "fileTooBig": "文件太大（最大{{size}}）",
-    "invalidFileType": "无效的文件类型"
+    "invalidFileType": "无效的文件类型",
+    "stellarAddressNotExist": "此 Stellar 地址不存在",
+    "stellarAddressVerifyError": "目前无法验证地址",
+    "stellarAddressLabel": "Stellar 地址",
+    "stellarAddressPlaceholder": "输入您的 Stellar 地址 (G...)",
+    "invalidStellarAddress": "无效的 Stellar 地址",
+    "amountPlaceholder": "输入金额",
+    "amountPositive": "金额必须大于 0",
+    "scheduledDateLabel": "预定日期",
+    "scheduledDateRequired": "请选择预定日期",
+    "scheduledTimeLabel": "预定时间",
+    "scheduledTimeRequired": "请选择预定时间",
+    "memoLabel": "备注 (选填)",
+    "memoPlaceholder": "输入此交易的备注",
+    "submittedSuccessfully": "表单提交成功！"
   },
   "time": {
     "now": "现在",
diff --git a/frontend/src/pages/Profile.tsx b/frontend/src/pages/Profile.tsx
index a1d7130..fd8e7d7 100644
--- a/frontend/src/pages/Profile.tsx
+++ b/frontend/src/pages/Profile.tsx
@@ -21,7 +21,20 @@ import {
   Warning as WarningIcon
 } from '@mui/icons-material';
 import ProfileHeader from '../components/profile/ProfileHeader';
-import AccessibleTabPanel from '../components/a11y/AccessibleTabPanel';
+import { useTranslation } from 'react-i18next';
+import { formatDate, formatDateTime, formatNumber } from '../i18n/config';
+
+interface TabPanelProps {
+  children?: React.ReactNode;
+  index: number;
+  value: number;
+}
+
+const TabPanel: React.FC<TabPanelProps> = ({ children, value, index }) => (
+  <div hidden={value !== index} style={{ paddingTop: 24 }}>
+    {value === index && children}
+  </div>
+);
 
 interface ActivityItem {
   id: string;
@@ -70,6 +83,7 @@ export const Profile: React.FC<ProfilePageProps> = ({
   activity = [],
   onUpdateProfile
 }) => {
+  const { t } = useTranslation();
   const [activeTab, setActiveTab] = useState(0);
 
   return (
@@ -92,21 +106,21 @@ export const Profile: React.FC<ProfilePageProps> = ({
               }
             }}
           >
-            <Tab label="Activity" id="profile-tab-0" aria-controls="profile-panel-0" />
-            <Tab label="Account" id="profile-tab-1" aria-controls="profile-panel-1" />
-            <Tab label="Statistics" id="profile-tab-2" aria-controls="profile-panel-2" />
+            <Tab label={t('profile.activity')} />
+            <Tab label={t('profile.account')} />
+            <Tab label={t('profile.statistics')} />
           </Tabs>
 
           <Box sx={{ p: 3 }}>
             <AccessibleTabPanel value={activeTab} index={0} idPrefix="profile">
               <Typography variant="h6" sx={{ fontWeight: 700, mb: 3, color: 'text.primary' }}>
-                Recent Activity
+                {t('profile.recentActivity')}
               </Typography>
               {activity.length === 0 ? (
                 <Box sx={{ textAlign: 'center', py: 6 }}>
                   <HistoryIcon sx={{ fontSize: 48, color: 'text.disabled', mb: 2 }} />
                   <Typography variant="body1" sx={{ color: 'text.secondary' }}>
-                    No recent activity
+                    {t('profile.noActivity')}
                   </Typography>
                 </Box>
               ) : (
@@ -134,7 +148,7 @@ export const Profile: React.FC<ProfilePageProps> = ({
                                 component="span"
                                 sx={{ display: 'block', color: 'text.disabled', mt: 0.5 }}
                               >
-                                {new Date(item.timestamp).toLocaleString()}
+                                {formatDateTime(item.timestamp)}
                               </Typography>
                             </Box>
                           }
@@ -151,12 +165,12 @@ export const Profile: React.FC<ProfilePageProps> = ({
                   <Card variant="outlined" sx={{ borderRadius: 2 }}>
                     <CardContent>
                       <Typography variant="h6" sx={{ fontWeight: 700, mb: 2 }}>
-                        Account Information
+                        {t('profile.accountInformation', { defaultValue: 'Account Information' })}
                       </Typography>
                       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
                         <Box>
                           <Typography variant="caption" sx={{ color: 'text.secondary' }}>
-                            Email
+                            {t('profile.email')}
                           </Typography>
                           <Typography variant="body1" sx={{ fontWeight: 500 }}>
                             {user.email}
@@ -164,19 +178,19 @@ export const Profile: React.FC<ProfilePageProps> = ({
                         </Box>
                         <Box>
                           <Typography variant="caption" sx={{ color: 'text.secondary' }}>
-                            Role
+                            {t('profile.role')}
                           </Typography>
                           <Typography variant="body1" sx={{ fontWeight: 500, textTransform: 'capitalize' }}>
-                            {user.role || 'User'}
+                            {t('profile.roleName.' + (user.role || 'user'), { defaultValue: user.role || 'User' })}
                           </Typography>
                         </Box>
                         {user.createdAt && (
                         <Box>
                           <Typography variant="caption" sx={{ color: 'text.secondary' }}>
-                            Member Since
+                            {t('profile.memberSince')}
                           </Typography>
                             <Typography variant="body1" sx={{ fontWeight: 500 }}>
-                              {new Date(user.createdAt).toLocaleDateString()}
+                              {formatDate(user.createdAt)}
                             </Typography>
                           </Box>
                         )}
@@ -189,19 +203,19 @@ export const Profile: React.FC<ProfilePageProps> = ({
                   <Card variant="outlined" sx={{ borderRadius: 2 }}>
                     <CardContent>
                       <Typography variant="h6" sx={{ fontWeight: 700, mb: 2 }}>
-                        Security Status
+                        {t('profile.securityStatus')}
                       </Typography>
                       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
                         <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                          <Typography variant="body2">Two-Factor Auth</Typography>
-                          <Chip label="Disabled" size="small" color="default" />
+                          <Typography variant="body2">{t('profile.twoFactorEnabled')}</Typography>
+                          <Chip label={t('common.disabled')} size="small" color="default" />
                         </Box>
                         <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                          <Typography variant="body2">Password</Typography>
-                          <Chip label="Set" size="small" color="success" />
+                          <Typography variant="body2">{t('profile.passwordSet')}</Typography>
+                          <Chip label={t('settings.set', { defaultValue: 'Set' })} size="small" color="success" />
                         </Box>
                         <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                          <Typography variant="body2">Active Sessions</Typography>
+                          <Typography variant="body2">{t('profile.activeSessions')}</Typography>
                           <Chip label="1" size="small" color="primary" />
                         </Box>
                       </Box>
@@ -218,10 +232,10 @@ export const Profile: React.FC<ProfilePageProps> = ({
                     <Card variant="outlined" sx={{ borderRadius: 2, textAlign: 'center', p: 3 }}>
                       <CreditCardIcon sx={{ fontSize: 40, color: '#38bdf8', mb: 1 }} />
                       <Typography variant="h3" sx={{ fontWeight: 700, color: 'text.primary' }}>
-                        {stats.transactions.toLocaleString()}
+                        {formatNumber(stats.transactions)}
                       </Typography>
                       <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-                        Total Transactions
+                        {t('dashboard.totalTransactions')}
                       </Typography>
                     </Card>
                   </Grid>
@@ -231,10 +245,10 @@ export const Profile: React.FC<ProfilePageProps> = ({
                     <Card variant="outlined" sx={{ borderRadius: 2, textAlign: 'center', p: 3 }}>
                       <TrendingUpIcon sx={{ fontSize: 40, color: '#22c55e', mb: 1 }} />
                       <Typography variant="h3" sx={{ fontWeight: 700, color: 'text.primary' }}>
-                        {stats.score}
+                        {formatNumber(stats.score)}
                       </Typography>
                       <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-                        Credit Score
+                        {t('profile.creditScore')}
                       </Typography>
                     </Card>
                   </Grid>
@@ -244,10 +258,10 @@ export const Profile: React.FC<ProfilePageProps> = ({
                     <Card variant="outlined" sx={{ borderRadius: 2, textAlign: 'center', p: 3 }}>
                       <HistoryIcon sx={{ fontSize: 40, color: '#a855f7', mb: 1 }} />
                       <Typography variant="h3" sx={{ fontWeight: 700, color: 'text.primary' }}>
-                        {stats.activeDays}
+                        {formatNumber(stats.activeDays)}
                       </Typography>
                       <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-                        Active Days
+                        {t('profile.activeDays')}
                       </Typography>
                     </Card>
                   </Grid>
diff --git a/frontend/src/pages/Settings.tsx b/frontend/src/pages/Settings.tsx
index cf5b97f..156ad06 100644
--- a/frontend/src/pages/Settings.tsx
+++ b/frontend/src/pages/Settings.tsx
@@ -20,7 +20,19 @@ import AccountSettings from '../components/settings/AccountSettings';
 import NotificationSettings from '../components/settings/NotificationSettings';
 import SecuritySettings from '../components/settings/SecuritySettings';
 import ApiKeysSettings from '../components/settings/ApiKeysSettings';
-import AccessibleTabPanel from '../components/a11y/AccessibleTabPanel';
+import { useTranslation } from 'react-i18next';
+
+interface TabPanelProps {
+  children?: React.ReactNode;
+  index: number;
+  value: number;
+}
+
+const TabPanel: React.FC<TabPanelProps> = ({ children, value, index }) => (
+  <div hidden={value !== index} style={{ paddingTop: 24 }}>
+    {value === index && children}
+  </div>
+);
 
 interface SettingsPageProps {
   user: {
@@ -97,6 +109,7 @@ export const Settings: React.FC<SettingsPageProps> = ({
   onDeleteApiKey,
   onRegenerateApiKey
 }) => {
+  const { t } = useTranslation();
   const [activeTab, setActiveTab] = useState(0);
 
   return (
@@ -104,15 +117,15 @@ export const Settings: React.FC<SettingsPageProps> = ({
       <Box sx={{ maxWidth: 1000, mx: 'auto' }}>
         <Breadcrumbs sx={{ mb: 2 }}>
           <Link component={RouterLink} to="/" underline="hover" color="inherit">
-            Dashboard
+            {t('navigation.dashboard')}
           </Link>
-          <Typography color="text.primary">Settings</Typography>
+          <Typography color="text.primary">{t('settings.title')}</Typography>
         </Breadcrumbs>
 
         <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, mb: 4 }}>
           <SettingsIcon sx={{ fontSize: 32, color: 'text.primary' }} />
           <Typography variant="h4" sx={{ fontWeight: 700, color: 'text.primary' }}>
-            Settings
+            {t('settings.title')}
           </Typography>
         </Box>
 
@@ -136,30 +149,22 @@ export const Settings: React.FC<SettingsPageProps> = ({
             <Tab
               icon={<PersonIcon />}
               iconPosition="start"
-              label="Account"
-              id="settings-tab-0"
-              aria-controls="settings-panel-0"
+              label={t('profile.account')}
             />
             <Tab
               icon={<NotificationsIcon />}
               iconPosition="start"
-              label="Notifications"
-              id="settings-tab-1"
-              aria-controls="settings-panel-1"
+              label={t('settings.notifications')}
             />
             <Tab
               icon={<SecurityIcon />}
               iconPosition="start"
-              label="Security"
-              id="settings-tab-2"
-              aria-controls="settings-panel-2"
+              label={t('settings.security')}
             />
             <Tab
               icon={<VpnKeyIcon />}
               iconPosition="start"
-              label="API Keys"
-              id="settings-tab-3"
-              aria-controls="settings-panel-3"
+              label={t('settings.api')}
             />
           </Tabs>
 
diff --git a/package.json b/package.json
index 0985108..33e7056 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "tests/*"
   ],
   "scripts": {
-    "build": "pnpm -r build",
+    "build": "pnpm --filter \"./packages/**\" --filter \"./backend\" --filter \"./frontend\" run build",
     "dev": "pnpm -r dev",
     "test": "jest --coverage",
     "test:core": "cd packages/core && jest --coverage",