- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| scripts | -
-
- |
- 0% | -0/76 | -0% | -0/2 | -0% | -0/2 | -0% | -0/76 | -
| src | -
-
- |
- 0% | -0/24 | -0% | -0/2 | -0% | -0/2 | -0% | -0/24 | -
| src/components | -
-
- |
- 0% | -0/313 | -0% | -0/3 | -0% | -0/3 | -0% | -0/313 | -
| src/router | -
-
- |
- 0% | -0/23 | -0% | -0/1 | -0% | -0/1 | -0% | -0/23 | -
| src/services | -
-
- |
- 7.87% | -64/813 | -76.19% | -16/21 | -85.71% | -6/7 | -7.87% | -64/813 | -
| src/store | -
-
- |
- 0% | -0/195 | -0% | -0/3 | -0% | -0/3 | -0% | -0/195 | -
| src/theme | -
-
- |
- 0% | -0/64 | -0% | -0/1 | -0% | -0/1 | -0% | -0/64 | -
| src/types | -
-
- |
- 0% | -0/0 | -0% | -1/1 | -0% | -1/1 | -0% | -0/0 | -
| src/views | -
-
- |
- 0% | -0/1152 | -0% | -0/5 | -0% | -0/5 | -0% | -0/1152 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 | - - - - - - - - - - - - - - - - - - - - - - - - | #!/usr/bin/env node - -const semver = (v) => v.split('.').map((n) => parseInt(n, 10)); - -const compare = (a, b) => { - for (let i = 0; i < Math.max(a.length, b.length); i += 1) { - const ai = a[i] || 0; - const bi = b[i] || 0; - if (ai > bi) return 1; - if (ai < bi) return -1; - } - return 0; -}; - -const current = semver(process.versions.node); -const min = semver('20.19.0'); - -if (compare(current, min) < 0) { - console.error(`â Version de Node trop ancienne: ${process.versions.node}. Requise: >= 20.19.0`); - console.error('âĄïž Utilisez nvm: nvm use 20 (ou installez: nvm install 20)'); - process.exit(1); -} - -console.log(`â Node ${process.versions.node} OK (>= 20.19.0)`); - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| check-node.mjs | -
-
- |
- 0% | -0/19 | -0% | -0/1 | -0% | -0/1 | -0% | -0/19 | -
| simple-server.js | -
-
- |
- 0% | -0/57 | -0% | -0/1 | -0% | -0/1 | -0% | -0/57 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | #!/usr/bin/env node - -import http from 'http'; -import fs from 'fs'; -import path from 'path'; -import { fileURLToPath } from 'url'; - -const __filename = fileURLToPath(import.meta.url); -const __dirname = path.dirname(__filename); - -const PORT = 5173; -const HOST = '0.0.0.0'; - -// Types MIME -const mimeTypes = { - '.html': 'text/html', - '.js': 'text/javascript', - '.css': 'text/css', - '.json': 'application/json', - '.png': 'image/png', - '.jpg': 'image/jpg', - '.gif': 'image/gif', - '.svg': 'image/svg+xml', - '.ico': 'image/x-icon' -}; - -const server = http.createServer((req, res) => { - console.log(`${new Date().toISOString()} - ${req.method} ${req.url}`); - - let filePath = '.' + req.url; - if (filePath === './') { - filePath = './index.html'; - } - - const extname = String(path.extname(filePath)).toLowerCase(); - const mimeType = mimeTypes[extname] || 'application/octet-stream'; - - fs.readFile(filePath, (error, content) => { - if (error) { - if (error.code === 'ENOENT') { - // Fichier non trouvĂ©, servir index.html pour SPA - fs.readFile('./index.html', (error, content) => { - if (error) { - res.writeHead(404); - res.end('File not found'); - } else { - res.writeHead(200, { 'Content-Type': 'text/html' }); - res.end(content, 'utf-8'); - } - }); - } else { - res.writeHead(500); - res.end('Server error: ' + error.code); - } - } else { - res.writeHead(200, { 'Content-Type': mimeType }); - res.end(content, 'utf-8'); - } - }); -}); - -server.listen(PORT, HOST, () => { - console.log(`đ Serveur 4NK_IA_front dĂ©marrĂ© sur http://${HOST}:${PORT}`); - console.log(`đ Servant les fichiers depuis: ${process.cwd()}`); - console.log(`đĄ Appuyez sur Ctrl+C pour arrĂȘter`); -}); - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 | - - - - - - | import './App.css' -import { AppRouter } from './router' - -export default function App() { - return <AppRouter /> -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 -300 -301 -302 -303 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import React, { useState, useEffect } from 'react' -import { - Box, - Typography, - IconButton, - Button, - Dialog, - DialogTitle, - DialogContent, - DialogActions, - CircularProgress, - Alert, -} from '@mui/material' -import { - PictureAsPdf, - Download, - Close, - ZoomIn, - ZoomOut, - NavigateBefore, - NavigateNext, -} from '@mui/icons-material' -import type { Document } from '../types' - -interface FilePreviewProps { - document: Document - onClose: () => void -} - -export const FilePreview: React.FC<FilePreviewProps> = ({ document, onClose }) => { - const [loading, setLoading] = useState(true) - const [error, setError] = useState<string | null>(null) - const [page, setPage] = useState(1) - const [scale, setScale] = useState(1.0) - const [numPages, setNumPages] = useState(0) - - useEffect(() => { - setLoading(true) - setError(null) - setPage(1) - setScale(1.0) - - // Simuler le chargement du PDF - const timer = setTimeout(() => { - setNumPages(3) // Simuler 3 pages - setLoading(false) - }, 1000) - - return () => clearTimeout(timer) - }, [document]) - - const handleDownload = () => { - if (document.previewUrl) { - const link = window.document.createElement('a') - link.href = document.previewUrl - link.download = document.name - link.click() - } - } - - const isPDF = document.mimeType.includes('pdf') || document.name.toLowerCase().endsWith('.pdf') - const isImage = - document.mimeType.startsWith('image/') || - ['.png', '.jpg', '.jpeg', '.gif', '.webp'].some((ext) => document.name.toLowerCase().endsWith(ext)) - - if (!isPDF && isImage) { - return ( - <Dialog open onClose={onClose} maxWidth="lg" fullWidth> - <DialogTitle> - <Box display="flex" justifyContent="space-between" alignItems="center"> - <Typography variant="h6">{document.name}</Typography> - <IconButton onClick={onClose} title="Fermer"> - <Close /> - </IconButton> - </Box> - </DialogTitle> - <DialogContent dividers> - <Box display="flex" justifyContent="space-between" alignItems="center" mb={2}> - <Box /> - <Box display="flex" alignItems="center" gap={1}> - <Button - variant="outlined" - size="small" - startIcon={<ZoomOut />} - onClick={() => setScale((prev) => Math.max(prev - 0.2, 0.2))} - > - Zoom - - </Button> - <Typography variant="body2">{Math.round(scale * 100)}%</Typography> - <Button - variant="outlined" - size="small" - startIcon={<ZoomIn />} - onClick={() => setScale((prev) => Math.min(prev + 0.2, 4))} - > - Zoom + - </Button> - </Box> - </Box> - <Box - sx={{ - border: '1px solid', - borderColor: 'grey.300', - borderRadius: 1, - overflow: 'auto', - maxHeight: '70vh', - display: 'flex', - justifyContent: 'center', - alignItems: 'center', - backgroundColor: 'grey.50', - }} - > - {document.previewUrl ? ( - <img - src={document.previewUrl} - alt={document.name} - style={{ - maxWidth: `${100 * scale}%`, - maxHeight: `${100 * scale}%`, - objectFit: 'contain', - }} - onLoad={() => setLoading(false)} - onError={() => { - setError('Erreur de chargement de l\'image') - setLoading(false) - }} - /> - ) : ( - <Box textAlign="center" p={4}> - <Typography variant="h6" gutterBottom> - Aperçu image - </Typography> - <Typography variant="body2" color="text.secondary"> - Le fichier a été uploadé avec succÚs. - </Typography> - <Typography variant="body2" color="text.secondary"> - Taille: {(document.size / 1024 / 1024).toFixed(2)} MB - </Typography> - </Box> - )} - </Box> - </DialogContent> - <DialogActions> - <Button onClick={onClose}>Fermer</Button> - <Button variant="contained" startIcon={<Download />} onClick={handleDownload} disabled={!document.previewUrl}> - Télécharger - </Button> - </DialogActions> - </Dialog> - ) - } - - return ( - <Dialog open onClose={onClose} maxWidth="lg" fullWidth> - <DialogTitle> - <Box display="flex" justifyContent="space-between" alignItems="center"> - <Box display="flex" alignItems="center" gap={1}> - <PictureAsPdf color="error" /> - <Typography variant="h6">{document.name}</Typography> - </Box> - <IconButton onClick={onClose} title="Fermer"> - <Close /> - </IconButton> - </Box> - </DialogTitle> - - <DialogContent dividers> - {loading && ( - <Box display="flex" justifyContent="center" alignItems="center" minHeight="400px"> - <CircularProgress /> - <Typography variant="body2" sx={{ ml: 2 }}> - Chargement du PDF... - </Typography> - </Box> - )} - - {error && ( - <Alert severity="error" sx={{ mb: 2 }}> - {error} - </Alert> - )} - - {!loading && !error && ( - <Box> - {/* ContrÎles de navigation */} - <Box display="flex" justifyContent="space-between" alignItems="center" mb={2}> - <Box display="flex" alignItems="center" gap={1}> - <Button - variant="outlined" - size="small" - startIcon={<NavigateBefore />} - onClick={() => setPage(prev => Math.max(prev - 1, 1))} - disabled={page <= 1} - > - Précédent - </Button> - <Typography variant="body2"> - Page {page} sur {numPages} - </Typography> - <Button - variant="outlined" - size="small" - endIcon={<NavigateNext />} - onClick={() => setPage(prev => Math.min(prev + 1, numPages))} - disabled={page >= numPages} - > - Suivant - </Button> - </Box> - - <Box display="flex" alignItems="center" gap={1}> - <Button - variant="outlined" - size="small" - startIcon={<ZoomOut />} - onClick={() => setScale(prev => Math.max(prev - 0.2, 0.5))} - > - Zoom - - </Button> - <Typography variant="body2"> - {Math.round(scale * 100)}% - </Typography> - <Button - variant="outlined" - size="small" - startIcon={<ZoomIn />} - onClick={() => setScale(prev => Math.min(prev + 0.2, 2.0))} - > - Zoom + - </Button> - </Box> - </Box> - - {/* Aperçu PDF avec viewer intégré */} - <Box sx={{ - border: '1px solid', - borderColor: 'grey.300', - borderRadius: 1, - overflow: 'hidden', - maxHeight: '70vh', - display: 'flex', - justifyContent: 'center', - backgroundColor: 'grey.50' - }}> - {document.previewUrl ? ( - <Box sx={{ width: '100%', height: '600px' }}> - {/* Utiliser un viewer PDF intégré */} - <iframe - src={`${document.previewUrl}#toolbar=1&navpanes=1&scrollbar=1&page=1&view=FitH`} - width="100%" - height="100%" - style={{ - border: 'none', - transform: `scale(${scale})`, - transformOrigin: 'top left', - width: `${100 / scale}%`, - height: `${600 / scale}px` - }} - title={`Aperçu de ${document.name}`} - onLoad={() => setLoading(false)} - onError={() => { - setError('Erreur de chargement du PDF') - setLoading(false) - }} - /> - </Box> - ) : ( - <Box display="flex" justifyContent="center" alignItems="center" minHeight="400px"> - <Box textAlign="center"> - <PictureAsPdf sx={{ fontSize: 64, color: 'error.main', mb: 2 }} /> - <Typography variant="h6" gutterBottom> - Aperçu PDF - </Typography> - <Typography variant="body2" color="text.secondary"> - Le fichier PDF "{document.name}" a été uploadé avec succÚs. - </Typography> - <Typography variant="body2" color="text.secondary"> - Taille: {(document.size / 1024 / 1024).toFixed(2)} MB - </Typography> - </Box> - </Box> - )} - </Box> - </Box> - )} - </DialogContent> - - <DialogActions> - <Button onClick={onClose}> - Fermer - </Button> - <Button - variant="contained" - startIcon={<Download />} - onClick={handleDownload} - disabled={!document.previewUrl} - > - Télécharger - </Button> - </DialogActions> - </Dialog> - ) -} |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import React, { useEffect } from 'react' -import { AppBar, Toolbar, Typography, Container, Box, LinearProgress } from '@mui/material' -import { useNavigate, useLocation } from 'react-router-dom' -import { NavigationTabs } from './NavigationTabs' -import { useAppDispatch, useAppSelector } from '../store' -import { extractDocument, analyzeDocument, getContextData, getConseil } from '../store/documentSlice' - -interface LayoutProps { - children: React.ReactNode -} - -export const Layout: React.FC<LayoutProps> = ({ children }) => { - const navigate = useNavigate() - const location = useLocation() - const dispatch = useAppDispatch() - const { documents, extractionById, loading, currentDocument, contextResult, conseilResult, analysisResult } = useAppSelector((s) => s.document) - - // Au chargement/nav: lancer OCR+classification pour tous les documents sans résultat - useEffect(() => { - documents.forEach((doc) => { - if (!extractionById[doc.id]) dispatch(extractDocument(doc.id)) - }) - }, [documents, extractionById, dispatch]) - - // Déclencher contexte et conseil globaux une fois qu'un document courant existe - useEffect(() => { - if (currentDocument) { - if (!analysisResult) dispatch(analyzeDocument(currentDocument.id)) - if (!contextResult) dispatch(getContextData(currentDocument.id)) - if (!conseilResult) dispatch(getConseil(currentDocument.id)) - } - }, [currentDocument, analysisResult, contextResult, conseilResult, dispatch]) - - return ( - <Box sx={{ flexGrow: 1 }}> - <AppBar position="static"> - <Toolbar> - <Typography - variant="h6" - component="div" - sx={{ flexGrow: 1, cursor: 'pointer' }} - onClick={() => navigate('/')} - > - 4NK IA - Lecoffre.io - </Typography> - </Toolbar> - </AppBar> - - <NavigationTabs currentPath={location.pathname} /> - - {loading && ( - <Box sx={{ px: 2, pt: 1 }}> - <LinearProgress /> - </Box> - )} - - <Container maxWidth="xl" sx={{ mt: 3, mb: 3 }}> - {children} - </Container> - </Box> - ) -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import React from 'react' -import { Tabs, Tab, Box } from '@mui/material' -import { useNavigate } from 'react-router-dom' - -interface NavigationTabsProps { - currentPath: string -} - -export const NavigationTabs: React.FC<NavigationTabsProps> = ({ currentPath }) => { - const navigate = useNavigate() - - const tabs = [ - { label: 'Téléversement', path: '/' }, - { label: 'Extraction', path: '/extraction' }, - { label: 'Analyse', path: '/analyse' }, - { label: 'Contexte', path: '/contexte' }, - { label: 'Conseil', path: '/conseil' }, - ] - - const currentTabIndex = tabs.findIndex(tab => tab.path === currentPath) - - const handleTabChange = (_event: React.SyntheticEvent, newValue: number) => { - navigate(tabs[newValue].path) - } - - return ( - <Box sx={{ borderBottom: 1, borderColor: 'divider' }}> - <Tabs - value={currentTabIndex >= 0 ? currentTabIndex : 0} - onChange={handleTabChange} - aria-label="navigation tabs" - variant="scrollable" - scrollButtons="auto" - > - {tabs.map((tab, index) => ( - <Tab key={index} label={tab.label} /> - ))} - </Tabs> - </Box> - ) -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| FilePreview.tsx | -
-
- |
- 0% | -0/237 | -0% | -0/1 | -0% | -0/1 | -0% | -0/237 | -
| Layout.tsx | -
-
- |
- 0% | -0/46 | -0% | -0/1 | -0% | -0/1 | -0% | -0/46 | -
| NavigationTabs.tsx | -
-
- |
- 0% | -0/30 | -0% | -0/1 | -0% | -0/1 | -0% | -0/30 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 | - - - - - - - - - - - - - - - - - - - - | import { StrictMode } from 'react' -import { createRoot } from 'react-dom/client' -import { Provider } from 'react-redux' -import { ThemeProvider } from '@mui/material/styles' -import { CssBaseline } from '@mui/material' -import './index.css' -import App from './App.tsx' -import { store } from './store' -import { theme } from './theme' - -createRoot(document.getElementById('root')!).render( - <StrictMode> - <Provider store={store}> - <ThemeProvider theme={theme}> - <CssBaseline /> - <App /> - </ThemeProvider> - </Provider> - </StrictMode>, -) - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.tsx | -
-
- |
- 0% | -0/23 | -0% | -0/1 | -0% | -0/1 | -0% | -0/23 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { lazy, Suspense } from 'react' -import { createBrowserRouter, RouterProvider } from 'react-router-dom' -import { Box, CircularProgress, Typography } from '@mui/material' - -const UploadView = lazy(() => import('../views/UploadView')) -const ExtractionView = lazy(() => import('../views/ExtractionView')) -const AnalyseView = lazy(() => import('../views/AnalyseView')) -const ContexteView = lazy(() => import('../views/ContexteView')) -const ConseilView = lazy(() => import('../views/ConseilView')) - -const LoadingFallback = () => ( - <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', minHeight: '50vh' }}> - <CircularProgress /> - <Typography sx={{ ml: 2 }}>Chargement...</Typography> - </Box> -) - -const router = createBrowserRouter([ - { path: '/', element: <Suspense fallback={<LoadingFallback />}><UploadView /></Suspense> }, - { path: '/extraction', element: <Suspense fallback={<LoadingFallback />}><ExtractionView /></Suspense> }, - { path: '/analyse', element: <Suspense fallback={<LoadingFallback />}><AnalyseView /></Suspense> }, - { path: '/contexte', element: <Suspense fallback={<LoadingFallback />}><ContexteView /></Suspense> }, - { path: '/conseil', element: <Suspense fallback={<LoadingFallback />}><ConseilView /></Suspense> }, -]) - -export const AppRouter = () => { - return <RouterProvider router={router} /> -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import axios from 'axios' -import { openaiDocumentApi, openaiExternalApi } from './openai' -import type { Document, ExtractionResult, AnalysisResult, ContextResult, ConseilResult } from '../types' - -const BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000' -const USE_OPENAI = import.meta.env.VITE_USE_OPENAI === 'true' - -// Debug non-invasif en dev pour vĂ©rifier la lecture du .env -if (import.meta.env.DEV) { - const maskedKey = (import.meta.env.VITE_OPENAI_API_KEY || '') - .toString() - .replace(/.(?=.{4})/g, '*') - // eslint-disable-next-line no-console - console.info('[ENV] VITE_API_URL=', BASE_URL, 'VITE_USE_AI=', USE_OPENAI, 'VITE_AI_API_KEY=', maskedKey) -} - -export const apiClient = axios.create({ - baseURL: BASE_URL, - timeout: 60000, -}) - -// Intercepteur pour les erreurs -apiClient.interceptors.response.use( - (response) => response, - (error) => { - // Laisser remonter les erreurs au consommateur - return Promise.reject(error) - } -) - -// Services API pour les documents -export const documentApi = { - // TĂ©lĂ©versement de document - upload: async (file: File): Promise<Document> => { - if (USE_OPENAI) return openaiDocumentApi.upload(file) - const formData = new FormData() - formData.append('file', file) - const { data } = await apiClient.post('/api/notary/upload', formData) - - // L'API retourne {message, document_id, status} - // On doit mapper vers le format Document attendu - const fileUrl = URL.createObjectURL(file) - return { - id: data.document_id || data.id || 'upload-' + Date.now(), - name: file.name, - mimeType: data.mime_type || data.mimeType || file.type || 'application/pdf', - functionalType: data.functional_type || data.functionalType || undefined, - size: file.size, - uploadDate: new Date(), - status: 'completed', - previewUrl: fileUrl - } - }, - - // Extraction des donnĂ©es - extract: async (documentId: string): Promise<ExtractionResult> => { - if (USE_OPENAI) { - // En mode OpenAI, nous nâavons pas le fichier original cĂŽtĂ© service. - // Le texte a Ă©tĂ© approximĂ© Ă lâupload. On tente nĂ©anmoins lâextraction textuelle cĂŽtĂ© OpenAI sans fichier. - return openaiDocumentApi.extract(documentId) - } - const { data } = await apiClient.get(`/api/notary/documents/${documentId}`) - - // Mapper les donnĂ©es de l'API vers le format ExtractionResult - const results = data.results || {} - return { - documentId, - text: results.ocr_text || 'Texte extrait du document...', - language: 'fr', - documentType: results.document_type || 'Document', - identities: results.entities?.persons?.map((name: string, index: number) => ({ - id: `person-${index}`, - type: 'person' as const, - firstName: name.split(' ')[0] || name, - lastName: name.split(' ').slice(1).join(' ') || '', - birthDate: '', - nationality: 'Française', - confidence: 0.9, - })) || [], - addresses: results.entities?.addresses?.map((address: string) => ({ - street: address, - city: 'Paris', - postalCode: '75001', - country: 'France', - })) || [], - properties: results.entities?.properties?.map((_propertyName: string, index: number) => ({ - id: `prop-${index}`, - type: 'apartment' as const, - address: { - street: '123 Rue de la Paix', - city: 'Paris', - postalCode: '75001', - country: 'France', - }, - surface: 75, - cadastralReference: '1234567890AB', - value: 250000, - })) || [], - contracts: [ - { - id: 'contract-1', - type: 'sale' as const, - parties: [], - amount: 250000, - date: '2024-01-15', - clauses: ['Clause de garantie', 'Clause de condition suspensive'], - }, - ], - signatures: results.entities?.persons || [], - confidence: results.verification_score || 0.85, - } - }, - - // Analyse du document - analyze: async (documentId: string): Promise<AnalysisResult> => { - if (USE_OPENAI) return openaiDocumentApi.analyze(documentId) - const { data } = await apiClient.get<AnalysisResult>(`/api/documents/${documentId}/analyze`) - return data - }, - - // DonnĂ©es contextuelles - getContext: async (documentId: string): Promise<ContextResult> => { - if (USE_OPENAI) return openaiDocumentApi.getContext(documentId) - const { data } = await apiClient.get<ContextResult>(`/api/documents/${documentId}/context`) - return data - }, - - // Conseil LLM - getConseil: async (documentId: string): Promise<ConseilResult> => { - if (USE_OPENAI) return openaiDocumentApi.getConseil(documentId) - const { data } = await apiClient.get<ConseilResult>(`/api/documents/${documentId}/conseil`) - return data - }, - - // DĂ©tection du type de document - detectType: async (file: File): Promise<{ type: string; confidence: number }> => { - if (USE_OPENAI) return openaiDocumentApi.detectType(file) - const formData = new FormData() - formData.append('file', file) - const { data } = await apiClient.post('/api/ocr/detect', formData) - return data - }, -} - -// Services API pour les donnĂ©es externes -export const externalApi = { - // Cadastre via backend - cadastre: async (address: string) => { - if (USE_OPENAI) return openaiExternalApi.cadastre(address) - const { data } = await apiClient.get('/api/context/cadastre', { params: { q: address } }) - return data - }, - - // GĂ©orisques via backend - georisques: async (coordinates: { lat: number; lng: number }) => { - if (USE_OPENAI) return openaiExternalApi.georisques(coordinates) - const { data } = await apiClient.get('/api/context/georisques', { params: coordinates }) - return data - }, - - // GĂ©ofoncier via backend - geofoncier: async (address: string) => { - if (USE_OPENAI) return openaiExternalApi.geofoncier(address) - const { data } = await apiClient.get('/api/context/geofoncier', { params: { address } }) - return data - }, - - // BODACC via backend - bodacc: async (companyName: string) => { - if (USE_OPENAI) return openaiExternalApi.bodacc(companyName) - const { data } = await apiClient.get('/api/context/bodacc', { params: { q: companyName } }) - return data - }, - - // Infogreffe via backend - infogreffe: async (siren: string) => { - if (USE_OPENAI) return openaiExternalApi.infogreffe(siren) - const { data } = await apiClient.get('/api/context/infogreffe', { params: { siren } }) - return data - }, -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | // Chargements dynamiques locaux (pdfjs-dist/tesseract.js) -let _pdfjsLib: any | null = null -async function getPdfJs() { - if (_pdfjsLib) return _pdfjsLib - const pdfjsLib: any = await import('pdfjs-dist') - try { - // Utilise un worker module réel pour éviter le fake worker - const workerUrl = new URL('pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url) - pdfjsLib.GlobalWorkerOptions.workerPort = new Worker(workerUrl, { type: 'module' }) - } catch { - // ignore si worker introuvable - } - _pdfjsLib = pdfjsLib - return _pdfjsLib -} - -export async function extractTextFromFile(file: File): Promise<string> { - const mime = file.type || '' - if (mime.includes('pdf') || file.name.toLowerCase().endsWith('.pdf')) { - const pdfText = await extractFromPdf(file) - if (import.meta.env.DEV) { - // eslint-disable-next-line no-console - console.info('[OCR][PDF]', file.name, 'len=', pdfText.length, 'peek=', pdfText.slice(0, 200)) - } - return pdfText - } - if (mime.startsWith('image/') || ['.png', '.jpg', '.jpeg'].some((ext) => file.name.toLowerCase().endsWith(ext))) { - const imgText = await extractFromImage(file) - if (import.meta.env.DEV) { - // eslint-disable-next-line no-console - console.info('[OCR][IMG]', file.name, 'len=', imgText.length, 'peek=', imgText.slice(0, 200)) - } - return imgText - } - // Fallback: lecture texte brut - try { - return await file.text() - } catch { - return '' - } -} - -async function extractFromPdf(file: File): Promise<string> { - const pdfjsLib = await getPdfJs().catch(() => null) - if (!pdfjsLib) return '' - const arrayBuffer = await file.arrayBuffer() - const pdf = await pdfjsLib.getDocument({ data: new Uint8Array(arrayBuffer) }).promise - const texts: string[] = [] - const numPages = Math.min(pdf.numPages, 50) - for (let i = 1; i <= numPages; i += 1) { - const page = await pdf.getPage(i) - const content = await page.getTextContent().catch(() => null) - let pageText = '' - if (content) { - pageText = content.items.map((it: any) => (it.str ? it.str : '')).join(' ') - } - // Fallback OCR si pas de texte exploitable - if (!pageText || pageText.replace(/\s+/g, '').length < 30) { - const viewport = page.getViewport({ scale: 2 }) - const canvas = document.createElement('canvas') - canvas.width = viewport.width - canvas.height = viewport.height - const ctx = canvas.getContext('2d') as any - await page.render({ canvasContext: ctx, viewport }).promise - const blob: Blob = await new Promise((resolve) => canvas.toBlob((b) => resolve(b as Blob), 'image/png')) - const ocrText = await extractFromImage(new File([blob], `${file.name}-p${i}.png`, { type: 'image/png' })) - pageText = ocrText - } - if (pageText.trim()) texts.push(pageText) - } - return texts.join('\n') -} - -async function extractFromImage(file: File): Promise<string> { - const { createWorker } = await import('tesseract.js') - - // Pré-redimensionne l'image si trop petite (largeur minimale 300px) - const imgBitmap = await createImageBitmap(file) - let source: Blob = file - // Normalisation pour CNI: contraste, gris, upscaling plus agressif - const minWidth = /recto|verso|cni|carte/i.test(file.name) ? 1200 : 300 - if (imgBitmap.width < minWidth) { - const scale = minWidth / Math.max(1, imgBitmap.width) - const canvas = document.createElement('canvas') - canvas.width = Math.max(300, Math.floor(imgBitmap.width * scale)) - canvas.height = Math.floor(imgBitmap.height * scale) - const ctx = canvas.getContext('2d')! - ctx.imageSmoothingEnabled = true - ctx.imageSmoothingQuality = 'high' - ctx.drawImage(imgBitmap, 0, 0, canvas.width, canvas.height) - // Conversion en niveaux de gris + amélioration du contraste - const imgData = ctx.getImageData(0, 0, canvas.width, canvas.height) - const data = imgData.data - for (let i = 0; i < data.length; i += 4) { - const r = data[i], g = data[i + 1], b = data[i + 2] - // luma - let y = 0.299 * r + 0.587 * g + 0.114 * b - // contraste simple - y = Math.max(0, Math.min(255, (y - 128) * 1.2 + 128)) - data[i] = data[i + 1] = data[i + 2] = y - } - ctx.putImageData(imgData, 0, 0) - source = await new Promise<Blob>((resolve) => canvas.toBlob((b) => resolve(b || file))!) - } - - const worker = await createWorker() - try { - // Configure le logger aprÚs création pour éviter DataCloneError - // @ts-expect-error - setLogger is not directly on Worker type - worker.setLogger?.((m: any) => { - if (m?.progress != null) console.info('[OCR]', Math.round(m.progress * 100) + '%') - }) - await worker.load() - // @ts-expect-error - loadLanguage is not directly on Worker type - await worker.loadLanguage('fra+eng') - // @ts-expect-error - initialize is not directly on Worker type - await worker.initialize('fra+eng') - // Essaie plusieurs PSM et orientations (0/90/180/270) et garde le meilleur résultat - const rotations = [0, 90, 180, 270] - const psmModes = ['6', '7', '11'] // 6: block, 7: single line, 11: sparse text - let bestText = '' - let bestScore = -1 - - for (const psm of psmModes) { - // @ts-expect-error - tessedit_pageseg_mode expects PSM enum, but string is used - await worker.setParameters({ tessedit_pageseg_mode: psm }) - for (const deg of rotations) { - const rotatedBlob = await rotateBlob(source, deg) - const { data } = await worker.recognize(rotatedBlob) - const text = data.text || '' - const len = text.replace(/\s+/g, ' ').trim().length - const score = (data.confidence || 0) * Math.log(len + 1) - if (score > bestScore) { - bestScore = score - bestText = text - } - // Court-circuit si trÚs bon - if (data.confidence >= 85 && len > 40) break - } - } - - return bestText - } finally { - await worker.terminate() - } -} - -async function rotateBlob(blob: Blob, deg: number): Promise<Blob> { - if (deg % 360 === 0) return blob - const bmp = await createImageBitmap(blob) - const rad = (deg * Math.PI) / 180 - const sin = Math.abs(Math.sin(rad)) - const cos = Math.abs(Math.cos(rad)) - const w = bmp.width - const h = bmp.height - const newW = Math.floor(w * cos + h * sin) - const newH = Math.floor(w * sin + h * cos) - const canvas = document.createElement('canvas') - canvas.width = newW - canvas.height = newH - const ctx = canvas.getContext('2d')! - ctx.imageSmoothingEnabled = true - ctx.imageSmoothingQuality = 'high' - ctx.translate(newW / 2, newH / 2) - ctx.rotate(rad) - ctx.drawImage(bmp, -w / 2, -h / 2) - return await new Promise<Blob>((resolve) => canvas.toBlob((b) => resolve(b || blob))!) -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| api.ts | -
-
- |
- 0% | -0/141 | -0% | -0/1 | -0% | -0/1 | -0% | -0/141 | -
| fileExtract.ts | -
-
- |
- 0% | -0/141 | -100% | -1/1 | -100% | -1/1 | -0% | -0/141 | -
| openai.ts | -
-
- |
- 0% | -0/286 | -100% | -1/1 | -100% | -1/1 | -0% | -0/286 | -
| ruleNer.ts | -
-
- |
- 0% | -0/178 | -100% | -1/1 | -100% | -1/1 | -0% | -0/178 | -
| testFilesApi.ts | -
-
- |
- 95.52% | -64/67 | -76.47% | -13/17 | -100% | -3/3 | -95.52% | -64/67 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 -300 -301 -302 -303 -304 -305 -306 -307 -308 -309 -310 -311 -312 -313 -314 -315 -316 -317 -318 -319 -320 -321 -322 -323 -324 -325 -326 -327 -328 -329 -330 -331 -332 -333 -334 -335 -336 -337 -338 -339 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | /*
- Mode OpenAI (fallback) pour 4NK IA Front
- Utilise l'API OpenAI cÎté frontend uniquement à des fins de démonstration/dépannage quand le backend est indisponible.
-*/
-import type {
- Document,
- ExtractionResult,
- AnalysisResult,
- ContextResult,
- ConseilResult,
-} from '../types'
-import { extractTextFromFile } from './fileExtract'
-import { runRuleNER } from './ruleNer'
-
-const OPENAI_API_KEY = import.meta.env.VITE_OPENAI_API_KEY
-const OPENAI_BASE_URL = import.meta.env.VITE_OPENAI_BASE_URL || 'https://api.openai.com/v1'
-const OPENAI_CHAT_MODEL = import.meta.env.VITE_OPENAI_MODEL || 'gpt-4o-mini'
-
-async function callOpenAIChat(messages: Array<{ role: 'system' | 'user' | 'assistant'; content: string }>): Promise<string> {
- if (!OPENAI_API_KEY) {
- throw new Error('Clé API OpenAI manquante (VITE_AI_API_KEY)')
- }
-
- // Log minimal masqué
- if (import.meta.env.DEV) {
- // eslint-disable-next-line no-console
- console.info('[LLM] Request chat.completions (mode AI distante activé)')
- }
- const response = await fetch(`${OPENAI_BASE_URL}/chat/completions`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- Authorization: `Bearer ${OPENAI_API_KEY}`,
- },
- body: JSON.stringify({
- model: OPENAI_CHAT_MODEL,
- messages,
- temperature: 0.2,
- }),
- })
-
- if (!response.ok) {
- if (import.meta.env.DEV) {
- // eslint-disable-next-line no-console
- console.warn('[LLM] Response error', response.status)
- }
- const text = await response.text()
- throw new Error(`OpenAI error ${response.status}: ${text}`)
- }
-
- const data = await response.json()
- if (import.meta.env.DEV) {
- // eslint-disable-next-line no-console
- console.info('[LLM] Response received')
- }
- return data.choices?.[0]?.message?.content || ''
-}
-
-type ProgressHooks = { onOcrProgress?: (p: number) => void; onLlmProgress?: (p: number) => void }
-
-export const openaiDocumentApi = {
- upload: async (file: File): Promise<Document> => {
- const fileUrl = URL.createObjectURL(file)
- return {
- id: `openai-upload-${Date.now()}`,
- name: file.name,
- mimeType: file.type || 'application/octet-stream',
- functionalType: undefined,
- size: file.size,
- uploadDate: new Date(),
- status: 'completed',
- previewUrl: fileUrl,
- }
- },
-
- extract: async (documentId: string, file?: File, hooks?: ProgressHooks): Promise<ExtractionResult> => {
- let localText = ''
- if (file) {
- try {
- hooks?.onOcrProgress?.(0)
- localText = await extractTextFromFile(file)
- hooks?.onOcrProgress?.(1)
- } catch {
- localText = ''
- }
- }
- // Flags de mode
- const useRuleNer = import.meta.env.VITE_USE_RULE_NER === 'true'
- const classifyOnly = import.meta.env.VITE_LLM_CLASSIFY_ONLY === 'true'
- const disableLLM = import.meta.env.VITE_DISABLE_LLM === 'true'
-
- console.log('đ§ [CONFIG] Mode sans LLM activĂ©:', {
- useRuleNer,
- classifyOnly,
- disableLLM,
- hasOpenAIKey: !!OPENAI_API_KEY
- })
-
- // Si NER local actif, on l'utilise pour tout (identités/adresses/...) puis, si demandé,
- // on peut consulter le LLM uniquement pour classifier le type de document
- if (useRuleNer) {
- console.log('đ [OCR] DĂ©but de l\'extraction OCR locale...')
- console.log('đ [OCR] Texte Ă traiter:', localText.substring(0, 200) + '...')
-
- // Simuler la progression OCR de maniĂšre asynchrone pour Ă©viter les boucles
- if (hooks?.onOcrProgress) {
- setTimeout(() => {
- hooks.onOcrProgress?.(0.3)
- console.log('âł [OCR] Progression: 30%')
- }, 100)
-
- setTimeout(() => {
- hooks.onOcrProgress?.(0.7)
- console.log('âł [OCR] Progression: 70%')
- }, 200)
-
- setTimeout(() => {
- hooks.onOcrProgress?.(1)
- console.log('â
[OCR] Progression: 100% - Extraction terminée')
- }, 300)
- }
-
- console.log('đ [NER] DĂ©but de l\'extraction par rĂšgles...')
- let res = runRuleNER(documentId, localText)
- console.log('đ [NER] RĂ©sultats extraits:', {
- documentType: res.documentType,
- identitiesCount: res.identities.length,
- addressesCount: res.addresses.length,
- confidence: res.confidence
- })
-
- if (classifyOnly && OPENAI_API_KEY && localText && !disableLLM) {
- console.log('đ€ [LLM] Classification LLM demandĂ©e...')
- try {
- hooks?.onLlmProgress?.(0)
- const cls = await callOpenAIChat([
- { role: 'system', content: 'Tu es un classifieur. Retourne uniquement un JSON strict.' },
- { role: 'user', content: `Classifie ce texte en une des catégories suivantes: [CNI, Facture, Attestation, Document]. Réponds strictement sous la forme {"documentType":"..."}.\nTexte:\n${localText.slice(0, 8000)}` },
- ])
- const parsed = JSON.parse(cls)
- if (parsed && typeof parsed.documentType === 'string') {
- res = { ...res, documentType: parsed.documentType }
- res.confidenceReasons = [...(res.confidenceReasons || []), 'Classification LLM limitée au documentType']
- console.log('â
[LLM] Classification LLM terminée:', parsed.documentType)
- }
- hooks?.onLlmProgress?.(1)
- } catch (error) {
- console.warn('â ïž [LLM] Ăchec de la classification LLM:', error)
- hooks?.onLlmProgress?.(1)
- }
- } else {
- console.log('đ« [LLM] LLM dĂ©sactivĂ© - Mode 100% local')
- // Mode sans LLM : simuler la progression LLM de maniĂšre asynchrone
- if (hooks?.onLlmProgress) {
- setTimeout(() => {
- hooks.onLlmProgress?.(0.5)
- console.log('âł [LLM] Progression: 50%')
- }, 400)
-
- setTimeout(() => {
- hooks.onLlmProgress?.(1)
- console.log('â
[LLM] Progression: 100%')
- }, 500)
- }
- }
-
- console.log('đ [FINAL] Extraction complĂšte terminĂ©e:', res)
- return res
- }
-
- hooks?.onLlmProgress?.(0)
- // Si on demande uniquement la classification par LLM, ne demander que le type;
- // sinon on demande la structuration complÚte (mode précédent)
- if (classifyOnly) {
- try {
- const cls = await callOpenAIChat([
- { role: 'system', content: 'Tu es un classifieur. Retourne uniquement un JSON strict.' },
- { role: 'user', content: `Classifie ce texte en une des catégories suivantes: [CNI, Facture, Attestation, Document]. Réponds strictement sous la forme {"documentType":"..."}.\nTexte:\n${localText.slice(0, 8000)}` },
- ])
- const parsed = JSON.parse(cls)
- hooks?.onLlmProgress?.(1)
- return {
- documentId,
- text: localText || '',
- language: 'fr',
- documentType: (parsed && parsed.documentType) || 'Document',
- identities: [],
- addresses: [],
- properties: [],
- contracts: [],
- signatures: [],
- confidence: 0.6,
- confidenceReasons: ['Classification LLM sans contexte, pas d\'extraction d\'identités'],
- }
- } catch {
- hooks?.onLlmProgress?.(1)
- return {
- documentId,
- text: localText || '',
- language: 'fr',
- documentType: 'Document',
- identities: [],
- addresses: [],
- properties: [],
- contracts: [],
- signatures: [],
- confidence: 0.6,
- confidenceReasons: ['Classification LLM échouée, valeur par défaut'],
- }
- }
- }
-
- const content = await callOpenAIChat([
- {
- role: 'system',
- content:
- 'Tu extrais uniquement les informations présentes dans le texte OCR. Interdiction d\'inventer. Interdiction d\'utiliser le nom du fichier comme identité. Réponds en JSON strict, sans texte autour.',
- },
- {
- role: 'user',
- content: `Document ID: ${documentId}. Texte OCR (tronqué): ${localText.slice(0, 8000)}\nRÚgles: 1) ne pas inventer, 2) si incertitude, laisser vide, 3) ne JAMAIS utiliser le nom du fichier comme identité. Schéma JSON: {"language":"fr","documentType":"...","identities":[{"id":"id-1","type":"person","firstName":"...","lastName":"...","confidence":0.9}],"addresses":[{"street":"...","city":"...","postalCode":"...","country":"..."}],"properties":[{"id":"prop-1","type":"apartment","address":{"street":"...","city":"...","postalCode":"...","country":"..."},"surface":75}],"contracts":[{"id":"contract-1","type":"sale","parties":[],"amount":0,"date":"YYYY-MM-DD","clauses":["..."]}],"signatures":[],"confidence":0.7,"confidenceReasons":["sources présentes dans le texte"]}`,
- },
- ])
- // Essaye d'analyser le JSON, sinon fallback heuristique
- try {
- const parsed = JSON.parse(content)
- hooks?.onLlmProgress?.(1)
- // Post-traitement: filtrage des identités qui ressemblent au nom de fichier
- const docBase = (file?.name || '').toLowerCase().replace(/\.[a-z0-9]+$/, '')
- const safeIdentities = (parsed.identities || []).filter((it: any) => {
- const full = `${it.firstName || ''} ${it.lastName || ''}`.trim().toLowerCase()
- return full && !docBase || (full && !docBase.includes(full) && !full.includes(docBase))
- })
-
- return {
- documentId,
- text: localText || '',
- language: parsed.language || 'fr',
- documentType: parsed.documentType || 'Document',
- identities: safeIdentities,
- addresses: parsed.addresses || [],
- properties: parsed.properties || [],
- contracts: parsed.contracts || [],
- signatures: parsed.signatures || [],
- confidence: Math.round((typeof parsed.confidence === 'number' ? parsed.confidence : 0.7) * 100) / 100,
- confidenceReasons: parsed.confidenceReasons || [],
- }
- } catch {
- hooks?.onLlmProgress?.(1)
- const lowered = (localText || '').toLowerCase()
- let documentType = 'Document'
- const reasons: string[] = []
- if (/carte\s+nationale\s+d'identité|cni|national id/.test(lowered)) {
- documentType = 'CNI'
- reasons.push('Mots-clés CNI détectés')
- } else if (/facture|invoice|amount|tva|siren/.test(lowered)) {
- documentType = 'Facture'
- reasons.push('Mots-clés facture détectés')
- } else if (/attestation|certificat/.test(lowered)) {
- documentType = 'Attestation'
- reasons.push('Mots-clés attestation détectés')
- }
- return {
- documentId,
- text: localText || 'Contenu résumé non disponible.',
- language: 'fr',
- documentType,
- identities: [],
- addresses: [],
- properties: [],
- contracts: [],
- signatures: [],
- confidence: 0.7,
- confidenceReasons: reasons,
- }
- }
- },
-
- analyze: async (documentId: string): Promise<AnalysisResult> => {
- const result = await callOpenAIChat([
- { role: 'system', content: 'Tu fournis une analyse brĂšve et des risques potentiels.' },
- { role: 'user', content: `Analyse le document ${documentId} et fournis un résumé des risques.` },
- ])
- const isCNI = /cni|carte\s+nationale\s+d'identité/i.test(result || '')
- const number = (result || '').match(/[A-Z0-9]{12,}/)?.[0] || ''
- const formatValid = /^[A-Z0-9]{12,}$/.test(number)
- const checksumValid = pseudoChecksum(number)
- const numberValid = formatValid && checksumValid
- return {
- documentId,
- documentType: isCNI ? 'CNI' : 'Document',
- isCNI,
- verificationResult: isCNI
- ? { numberValid, formatValid, checksumValid }
- : undefined,
- credibilityScore: isCNI ? (numberValid ? 0.8 : 0.6) : 0.6,
- summary: result || 'Analyse indisponible.',
- recommendations: [],
- confidenceReasons: isCNI
- ? [
- formatValid ? 'Format du numéro plausible' : 'Format du numéro invalide',
- checksumValid ? 'Checksum plausible' : 'Checksum invalide',
- ]
- : ['Analyse préliminaire via modÚle'],
- }
- },
-
- getContext: async (documentId: string): Promise<ContextResult> => {
- return { documentId, lastUpdated: new Date(), georisquesData: {}, cadastreData: {} }
- },
-
- getConseil: async (documentId: string): Promise<ConseilResult> => {
- const conseil = await callOpenAIChat([
- { role: 'system', content: 'Tu fournis des conseils opérationnels courts et concrets.' },
- { role: 'user', content: `Donne 3 conseils actionnables pour le document ${documentId}.` },
- ])
- return { documentId, analysis: conseil || '', recommendations: conseil ? [conseil] : [], risks: [], nextSteps: [], generatedAt: new Date() }
- },
-
- detectType: async (_file: File): Promise<{ type: string; confidence: number }> => {
- return { type: 'Document', confidence: 0.6 }
- },
-}
-
-export const openaiExternalApi = {
- cadastre: async (_address: string) => ({ note: 'Mode OpenAI: contexte non connecté' }),
- georisques: async (_coordinates: { lat: number; lng: number }) => ({ note: 'Mode OpenAI: contexte non connecté' }),
- geofoncier: async (_address: string) => ({ note: 'Mode OpenAI: contexte non connecté' }),
- bodacc: async (_companyName: string) => ({ note: 'Mode OpenAI: contexte non connecté' }),
- infogreffe: async (_siren: string) => ({ note: 'Mode OpenAI: contexte non connecté' }),
-}
-
-function pseudoChecksum(input: string): boolean {
- if (!input) return false
- // checksum simple: somme des codes char modulo 10 doit ĂȘtre pair
- const sum = Array.from(input).reduce((acc, ch) => acc + ch.charCodeAt(0), 0)
- return sum % 10 % 2 === 0
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import type { ExtractionResult, Identity, Address, Property, Contract } from '../types'
-
-function toTitleCase(input: string): string {
- return input
- .toLowerCase()
- .split(/\s+/)
- .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
- .join(' ')
-}
-
-function extractMRZ(text: string): { firstName?: string; lastName?: string } | null {
- // Cherche MRZ (deux lignes, < comme séparateur). Stricte A-Z0-9<
- const lines = text.split(/\n|\r/).map((l) => l.trim().toUpperCase())
- for (let i = 0; i < lines.length - 1; i += 1) {
- const a = lines[i].replace(/[^A-Z0-9<]/g, '')
- const b = lines[i + 1].replace(/[^A-Z0-9<]/g, '')
- if (a.includes('<<') || b.includes('<<')) {
- const target = a.length >= b.length ? a : b
- const parts = target.split('<<')
- if (parts.length >= 2) {
- const rawLast = parts[0].replace(/<+/g, ' ').trim()
- const rawFirst = parts[1].replace(/<+/g, ' ').trim()
- if (rawLast && rawFirst) return { firstName: toTitleCase(rawFirst), lastName: rawLast.replace(/\s+/g, ' ') }
- }
- }
- }
- return null
-}
-
-function extractDates(text: string): string[] {
- const results = new Set<string>()
- const patterns = [
- /(\b\d{2}[\/\-]\d{2}[\/\-]\d{4}\b)/g, // JJ/MM/AAAA ou JJ-MM-AAAA
- /(\b\d{4}[\/\-]\d{2}[\/\-]\d{2}\b)/g, // AAAA/MM/JJ
- ]
- for (const re of patterns) {
- for (const m of text.matchAll(re)) results.add(m[1])
- }
- return Array.from(results)
-}
-
-function extractCniNumbers(text: string): string[] {
- const results = new Set<string>()
- const re = /\b[A-Z0-9]{12,15}\b/g
- for (const m of text.toUpperCase().matchAll(re)) results.add(m[0])
- return Array.from(results)
-}
-
-function extractAddresses(text: string): Address[] {
- const items: Address[] = []
-
- // Pattern amélioré pour les adresses françaises
- const addressPatterns = [
- // "123 Rue de la Paix, 75001 Paris"
- /(\d{1,4})\s+([A-Za-zĂ-ĂĂ-öÞ-Ăż\s\-']+?),\s*(\d{5})\s+([A-Za-zĂ-ĂĂ-öÞ-Ăż\s\-']+)/gi,
- // "demeurant 123 Rue de la Paix, 75001 Paris"
- /demeurant\s+(\d{1,4})\s+([A-Za-zĂ-ĂĂ-öÞ-Ăż\s\-']+?),\s*(\d{5})\s+([A-Za-zĂ-ĂĂ-öÞ-Ăż\s\-']+)/gi,
- // "situé 123 Rue de la Paix, 75001 Paris"
- /situĂ©\s+(\d{1,4})\s+([A-Za-zĂ-ĂĂ-öÞ-Ăż\s\-']+?),\s*(\d{5})\s+([A-Za-zĂ-ĂĂ-öÞ-Ăż\s\-']+)/gi
- ]
-
- for (const pattern of addressPatterns) {
- for (const match of text.matchAll(pattern)) {
- const street = `${match[1]} ${toTitleCase(match[2].trim())}`
- const postalCode = match[3]
- const city = toTitleCase(match[4].trim())
-
- items.push({
- street,
- city,
- postalCode,
- country: 'France'
- })
- }
- }
-
- return items
-}
-
-function extractNames(text: string): Identity[] {
- const identities: Identity[] = []
-
- // Pattern pour "Vendeur : Prénom Nom" ou "Acheteur : Prénom Nom"
- const rolePattern = /(Vendeur|Acheteur|Vendeuse|Acheteuse|Propriétaire|Locataire|Bailleur|Preneur)\s*:\s*([A-Z][a-zà -öÞ-ÿ'\-]+\s+[A-Z][a-zà -öÞ-ÿ'\-]+)/gi
-
- for (const match of text.matchAll(rolePattern)) {
- const fullName = match[2].trim()
- const nameParts = fullName.split(/\s+/)
- const firstName = nameParts[0]
- const lastName = nameParts.slice(1).join(' ')
-
- identities.push({
- id: `role-${identities.length}`,
- type: 'person',
- firstName: toTitleCase(firstName),
- lastName: toTitleCase(lastName),
- confidence: 0.9,
- })
- }
-
- // Pattern pour "né le DD/MM/YYYY" ou "née le DD/MM/YYYY"
- const birthPattern = /(né|née)\s+le\s+(\d{2}\/\d{2}\/\d{4})/gi
- for (const match of text.matchAll(birthPattern)) {
- const birthDate = match[2]
- // Associer la date de naissance à la derniÚre identité trouvée
- if (identities.length > 0) {
- identities[identities.length - 1].birthDate = birthDate
- }
- }
-
- // Fallback: heuristique lignes en MAJUSCULES pour NOM
- if (identities.length === 0) {
- const lines = text.split(/\n|\r/).map((l) => l.trim()).filter(Boolean)
- for (let i = 0; i < lines.length; i += 1) {
- const line = lines[i]
- if (/^[A-ZĂ-ĂĂ-Ă\-\s]{3,}$/.test(line) && line.length <= 40) {
- const lastName = line.replace(/\s+/g, ' ').trim()
- const cand = (lines[i + 1] || '').trim()
- const firstNameMatch = cand.match(/^[A-Z][a-zà -öÞ-ÿ'\-]{1,}(?:\s+[A-Z][a-zà -öÞ-ÿ'\-]{1,})?$/)
- const firstName = firstNameMatch ? cand : undefined
- if (lastName && (!firstName || firstName.length <= 40)) {
- identities.push({
- id: `id-${i}`,
- type: 'person',
- firstName: firstName ? toTitleCase(firstName) : undefined,
- lastName,
- confidence: firstName ? 0.85 : 0.7,
- })
- }
- }
- }
- }
-
- return identities
-}
-
-export function runRuleNER(documentId: string, text: string): ExtractionResult {
- console.log('đ [RULE-NER] DĂ©but de l\'analyse du texte...')
- console.log('đ [RULE-NER] Longueur du texte:', text.length)
-
- const identitiesFromMRZ = extractMRZ(text)
- console.log('đ [RULE-NER] MRZ dĂ©tectĂ©:', !!identitiesFromMRZ)
-
- const identities = identitiesFromMRZ
- ? [
- {
- id: 'mrz-1',
- type: 'person',
- firstName: identitiesFromMRZ.firstName,
- lastName: identitiesFromMRZ.lastName!,
- confidence: 0.9,
- } as Identity,
- ]
- : extractNames(text)
-
- console.log('đ„ [RULE-NER] IdentitĂ©s extraites:', identities.length, identities)
-
- const addresses = extractAddresses(text)
- console.log('đ [RULE-NER] Adresses extraites:', addresses.length, addresses)
-
- const cniNumbers = extractCniNumbers(text)
- console.log('đ [RULE-NER] NumĂ©ros CNI dĂ©tectĂ©s:', cniNumbers.length, cniNumbers)
-
- const dates = extractDates(text)
- console.log('đ
[RULE-NER] Dates détectées:', dates.length, dates)
-
- const contracts: Contract[] = []
- const properties: Property[] = []
-
- const reasons: string[] = []
- if (identities.length) reasons.push('Identités détectées par rÚgles')
- if (addresses.length) reasons.push('Adresse(s) détectée(s) par motifs')
- if (cniNumbers.length) reasons.push('Numéro CNI plausible détecté')
- if (dates.length) reasons.push('Dates détectées')
-
- let documentType = 'Document'
- if (/carte\s+nationale\s+d'identité|cni|mrz|identite/i.test(text)) {
- documentType = 'CNI'
- console.log('đ [RULE-NER] Type dĂ©tectĂ©: CNI')
- } else if (/facture|tva|siren|montant/i.test(text)) {
- documentType = 'Facture'
- console.log('đ [RULE-NER] Type dĂ©tectĂ©: Facture')
- } else if (/attestation|certificat/i.test(text)) {
- documentType = 'Attestation'
- console.log('đ [RULE-NER] Type dĂ©tectĂ©: Attestation')
- } else if (/contrat|vente|achat|acte/i.test(text)) {
- documentType = 'Contrat'
- console.log('đ [RULE-NER] Type dĂ©tectĂ©: Contrat')
- } else {
- console.log('đ [RULE-NER] Type dĂ©tectĂ©: Document (par dĂ©faut)')
- }
-
- // Confiance: base 0.6 + bonus par signal
- let confidence = 0.6
- if (identities.length) confidence += 0.15
- if (cniNumbers.length) confidence += 0.15
- if (addresses.length) confidence += 0.05
- confidence = Math.max(0, Math.min(1, confidence))
-
- console.log('đ [RULE-NER] Confiance calculĂ©e:', confidence)
- console.log('đ [RULE-NER] Raisons:', reasons)
-
- const result = {
- documentId,
- text,
- language: 'fr',
- documentType,
- identities,
- addresses,
- properties,
- contracts,
- signatures: [],
- confidence,
- confidenceReasons: reasons,
- }
-
- console.log('â
[RULE-NER] RĂ©sultat final:', result)
- return result
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 | - - - - - - - - - - - - - -2x -2x - - -2x -2x -2x -2x -2x -2x -2x - -2x - -2x -10x -10x -10x -4x -4x -4x - -4x -4x -4x -4x -4x -4x -4x -10x -5x -5x -10x - -2x -2x - - - -2x - - - - -3x -3x -3x -3x -1x -1x - -1x -1x -3x -2x -2x -2x -3x - - - - -1x -3x -3x -3x -3x -3x -3x -3x -3x -3x -3x - -3x - -12x -6x -6x - - -12x -12x - -12x -3x -3x - | /**
- * API pour gérer les fichiers de test
- */
-
-export interface TestFileInfo {
- name: string
- size: number
- type: string
- lastModified: number
-}
-
-/**
- * RĂ©cupĂšre la liste des fichiers disponibles dans le dossier test-files
- */
-export async function getTestFilesList(): Promise<TestFileInfo[]> {
- try {
- // En mode développement, on peut utiliser une API pour lister les fichiers
- // Pour l'instant, on utilise une approche simple avec les fichiers connus
- const knownFiles = [
- 'IMG_20250902_162159.jpg',
- 'IMG_20250902_162210.jpg',
- 'sample.md',
- 'sample.pdf',
- 'sample.txt'
- ]
-
- const files: TestFileInfo[] = []
-
- for (const fileName of knownFiles) {
- try {
- const response = await fetch(`/test-files/${fileName}`, { method: 'HEAD' })
- if (response.ok) {
- const contentLength = response.headers.get('content-length')
- const contentType = response.headers.get('content-type')
- const lastModified = response.headers.get('last-modified')
-
- files.push({
- name: fileName,
- size: contentLength ? parseInt(contentLength, 10) : 0,
- type: contentType || 'application/octet-stream',
- lastModified: lastModified ? new Date(lastModified).getTime() : Date.now()
- })
- }
- } catch (error) {
- console.warn(`Impossible de vérifier le fichier ${fileName}:`, error)
- }
- }
-
- return files
- } catch (error) {
- console.error('Erreur lors de la récupération de la liste des fichiers de test:', error)
- return []
- }
-}
-
-/**
- * Charge un fichier de test par son nom
- */
-export async function loadTestFile(fileName: string): Promise<File | null> {
- try {
- const response = await fetch(`/test-files/${fileName}`)
- if (!response.ok) {
- throw new Error(`Fichier non trouvé: ${fileName}`)
- }
-
- const blob = await response.blob()
- return new File([blob], fileName, { type: blob.type })
- } catch (error) {
- console.error(`Erreur lors du chargement du fichier ${fileName}:`, error)
- return null
- }
-}
-
-/**
- * Filtre les fichiers par type MIME supporté
- */
-export function filterSupportedFiles(files: TestFileInfo[]): TestFileInfo[] {
- const supportedTypes = [
- 'application/pdf',
- 'image/jpeg',
- 'image/jpg',
- 'image/png',
- 'image/tiff',
- 'text/plain',
- 'text/markdown',
- 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
- ]
-
- return files.filter(file => {
- // VĂ©rifier le type MIME
- if (supportedTypes.includes(file.type)) {
- return true
- }
-
- // VĂ©rifier l'extension si le type MIME n'est pas fiable
- const extension = file.name.split('.').pop()?.toLowerCase()
- const supportedExtensions = ['pdf', 'jpg', 'jpeg', 'png', 'tiff', 'txt', 'md', 'docx']
-
- return extension && supportedExtensions.includes(extension)
- })
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 | - - - - - - - - - - - - - - - - - | import { createSlice } from '@reduxjs/toolkit' - -export type AppState = { - initialized: boolean -} - -const initialState: AppState = { - initialized: true, -} - -const appSlice = createSlice({ - name: 'app', - initialState, - reducers: {}, -}) - -export const appReducer = appSlice.reducer - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { createSlice, createAsyncThunk } from '@reduxjs/toolkit' -import type { PayloadAction } from '@reduxjs/toolkit' -import type { Document, ExtractionResult, AnalysisResult, ContextResult, ConseilResult } from '../types' -import { documentApi } from '../services/api' -import { openaiDocumentApi } from '../services/openai' - -interface DocumentState { - documents: Document[] - currentDocument: Document | null - extractionResult: ExtractionResult | null - extractionById: Record<string, ExtractionResult> - fileById: Record<string, File> - analysisResult: AnalysisResult | null - contextResult: ContextResult | null - conseilResult: ConseilResult | null - loading: boolean - error: string | null - progressById: Record<string, { ocr: number; llm: number }> -} - -const initialState: DocumentState = { - documents: [], - currentDocument: null, - extractionResult: null, - extractionById: {}, - fileById: {}, - analysisResult: null, - contextResult: null, - conseilResult: null, - loading: false, - error: null, - progressById: {}, -} - -export const uploadDocument = createAsyncThunk( - 'document/upload', - async (file: File) => { - return await documentApi.upload(file) - } -) - -export const extractDocument = createAsyncThunk( - 'document/extract', - async (documentId: string, thunkAPI) => { - const useOpenAI = import.meta.env.VITE_USE_OPENAI === 'true' - if (useOpenAI) { - const state = thunkAPI.getState() as { document: DocumentState } - const doc = state.document.documents.find((d) => d.id === documentId) - - // Hooks de progression simplifiĂ©s pour Ă©viter les boucles - const progressHooks = { - onOcrProgress: (p: number) => { - console.log(`đ [PROGRESS] OCR ${documentId}: ${Math.round(p * 100)}%`) - // Dispatch seulement si changement significatif - const currentProgress = (state.document.progressById[documentId]?.ocr || 0) - if (Math.abs(p - currentProgress) > 0.1) { - (thunkAPI.dispatch as any)(setOcrProgress({ id: documentId, progress: p })) - } - }, - onLlmProgress: (p: number) => { - console.log(`đ [PROGRESS] LLM ${documentId}: ${Math.round(p * 100)}%`) - // Dispatch seulement si changement significatif - const currentProgress = (state.document.progressById[documentId]?.llm || 0) - if (Math.abs(p - currentProgress) > 0.1) { - (thunkAPI.dispatch as any)(setLlmProgress({ id: documentId, progress: p })) - } - } - } - - if (doc?.previewUrl) { - try { - const res = await fetch(doc.previewUrl) - const blob = await res.blob() - const file = new File([blob], doc.name, { type: doc.mimeType }) - return await openaiDocumentApi.extract(documentId, file, progressHooks) - } catch { - // fallback sans fichier - return await openaiDocumentApi.extract(documentId, undefined, progressHooks) - } - } - return await openaiDocumentApi.extract(documentId, undefined, progressHooks) - } - return await documentApi.extract(documentId) - } -) - -export const analyzeDocument = createAsyncThunk( - 'document/analyze', - async (documentId: string) => { - return await documentApi.analyze(documentId) - } -) - -export const getContextData = createAsyncThunk( - 'document/context', - async (documentId: string) => { - return await documentApi.getContext(documentId) - } -) - -export const getConseil = createAsyncThunk( - 'document/conseil', - async (documentId: string) => { - return await documentApi.getConseil(documentId) - } -) - -const documentSlice = createSlice({ - name: 'document', - initialState, - reducers: { - setCurrentDocument: (state, action: PayloadAction<Document | null>) => { - state.currentDocument = action.payload - }, - clearResults: (state) => { - state.extractionResult = null - // Ne pas effacer extractionById pour conserver les rĂ©sultats par document - state.analysisResult = null - state.contextResult = null - state.conseilResult = null - }, - addDocuments: (state, action: PayloadAction<Document[]>) => { - const incoming = action.payload - // Ăvite les doublons par (name,size) pour les bootstraps rĂ©pĂ©tĂ©s en dev - const seenKey = new Set(state.documents.map((d) => `${d.name}::${d.size}`)) - const merged = [...state.documents] - incoming.forEach((d) => { - const key = `${d.name}::${d.size}` - if (!seenKey.has(key)) { - seenKey.add(key) - merged.push(d) - } - }) - state.documents = merged - }, - removeDocument: (state, action: PayloadAction<string>) => { - const idToRemove = action.payload - state.documents = state.documents.filter((d) => d.id !== idToRemove) - if (state.currentDocument && state.currentDocument.id === idToRemove) { - state.currentDocument = null - state.extractionResult = null - state.analysisResult = null - state.contextResult = null - state.conseilResult = null - } - delete state.progressById[idToRemove] - }, - setOcrProgress: (state, action: PayloadAction<{ id: string; progress: number }>) => { - const { id, progress } = action.payload - state.progressById[id] = { ocr: Math.max(0, Math.min(100, Math.round(progress * 100))), llm: state.progressById[id]?.llm || 0 } - }, - setLlmProgress: (state, action: PayloadAction<{ id: string; progress: number }>) => { - const { id, progress } = action.payload - state.progressById[id] = { ocr: state.progressById[id]?.ocr || 0, llm: Math.max(0, Math.min(100, Math.round(progress * 100))) } - }, - }, - extraReducers: (builder) => { - builder - .addCase(uploadDocument.pending, (state) => { - state.loading = true - state.error = null - }) - .addCase(uploadDocument.fulfilled, (state, action) => { - state.loading = false - state.documents.push(action.payload) - state.currentDocument = action.payload - // Capture le File depuis l'URL blob si disponible - if (action.payload.previewUrl?.startsWith('blob:')) { - // On ne peut pas rĂ©cupĂ©rer l'objet File initial ici sans passer par onDrop; - // il est reconstruit lors de l'extraction via fetch blob. - } - }) - .addCase(uploadDocument.rejected, (state, action) => { - state.loading = false - state.error = action.error.message || 'Erreur lors du tĂ©lĂ©versement' - }) - .addCase(extractDocument.pending, (state) => { - state.loading = true - state.error = null - }) - .addCase(extractDocument.fulfilled, (state, action) => { - state.loading = false - state.extractionResult = action.payload - state.extractionById[action.payload.documentId] = action.payload - }) - .addCase(extractDocument.rejected, (state, action) => { - state.loading = false - state.error = action.error.message || 'Erreur lors de l\'extraction' - }) - .addCase(analyzeDocument.fulfilled, (state, action) => { - state.analysisResult = action.payload - }) - .addCase(getContextData.fulfilled, (state, action) => { - state.contextResult = action.payload - }) - .addCase(getConseil.fulfilled, (state, action) => { - state.conseilResult = action.payload - }) - }, -}) - -export const { setCurrentDocument, clearResults, addDocuments, removeDocument, setOcrProgress, setLlmProgress } = documentSlice.actions -export const documentReducer = documentSlice.reducer - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| appSlice.ts | -
-
- |
- 0% | -0/10 | -0% | -0/1 | -0% | -0/1 | -0% | -0/10 | -
| documentSlice.ts | -
-
- |
- 0% | -0/168 | -0% | -0/1 | -0% | -0/1 | -0% | -0/168 | -
| index.ts | -
-
- |
- 0% | -0/17 | -0% | -0/1 | -0% | -0/1 | -0% | -0/17 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 | - - - - - - - - - - - - - - - - - - - - - - - | import { configureStore } from '@reduxjs/toolkit' -import { useDispatch, useSelector } from 'react-redux' -import type { TypedUseSelectorHook } from 'react-redux' -import { appReducer } from './appSlice' -import { documentReducer } from './documentSlice' - -export const store = configureStore({ - reducer: { - app: appReducer, - document: documentReducer, - }, - middleware: (getDefaultMiddleware) => getDefaultMiddleware({ - serializableCheck: false, - immutableCheck: true, - }), - devTools: true, -}) - -export type RootState = ReturnType<typeof store.getState> -export type AppDispatch = typeof store.dispatch - -export const useAppDispatch: () => AppDispatch = useDispatch -export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.ts | -
-
- |
- 0% | -0/64 | -0% | -0/1 | -0% | -0/1 | -0% | -0/64 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { createTheme } from '@mui/material/styles' - -export const theme = createTheme({ - palette: { - mode: 'light', - background: { - default: '#ffffff', - paper: '#ffffff', - }, - primary: { - main: '#1976d2', - light: '#42a5f5', - dark: '#1565c0', - }, - secondary: { - main: '#dc004e', - light: '#ff5983', - dark: '#9a0036', - }, - error: { - main: '#f44336', - }, - warning: { - main: '#ff9800', - }, - info: { - main: '#2196f3', - }, - success: { - main: '#4caf50', - }, - }, - typography: { - fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif', - h4: { - fontWeight: 600, - }, - h6: { - fontWeight: 500, - }, - }, - components: { - MuiCssBaseline: { - styleOverrides: { - body: { - backgroundColor: '#ffffff', - }, - }, - }, - MuiAppBar: { - styleOverrides: { - root: { - backgroundColor: '#1976d2', - }, - }, - }, - MuiPaper: { - styleOverrides: { - root: { - backgroundColor: '#ffffff', - }, - }, - }, - }, -}) - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| index.ts | -
-
- |
- 0% | -0/0 | -0% | -1/1 | -0% | -1/1 | -0% | -0/0 | -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | export interface Document {
- id: string
- name: string
- mimeType: string
- functionalType?: string
- size: number
- uploadDate: Date
- status: 'uploading' | 'processing' | 'completed' | 'error'
- previewUrl?: string
- content?: string
-}
-
-export interface Identity {
- id: string
- type: 'person' | 'company'
- firstName?: string
- lastName?: string
- companyName?: string
- birthDate?: string
- nationality?: string
- address?: Address
- confidence: number
-}
-
-export interface Address {
- street: string
- city: string
- postalCode: string
- country: string
- coordinates?: { lat: number; lng: number }
-}
-
-export interface Property {
- id: string
- type: 'house' | 'apartment' | 'land' | 'commercial'
- address: Address
- surface?: number
- cadastralReference?: string
- value?: number
-}
-
-export interface Contract {
- id: string
- type: 'sale' | 'rent' | 'inheritance' | 'donation'
- parties: Identity[]
- property?: Property
- amount?: number
- date?: string
- clauses: string[]
-}
-
-export interface ExtractionResult {
- documentId: string
- text: string
- language: string
- documentType: string
- identities: Identity[]
- addresses: Address[]
- properties: Property[]
- contracts: Contract[]
- signatures: string[]
- confidence: number
- confidenceReasons?: string[]
-}
-
-export interface AnalysisResult {
- documentId: string
- documentType: string
- isCNI: boolean
- country?: string
- verificationResult?: {
- numberValid: boolean
- formatValid: boolean
- checksumValid: boolean
- }
- credibilityScore: number
- summary: string
- recommendations: string[]
- confidenceReasons?: string[]
-}
-
-export interface ContextResult {
- documentId: string
- cadastreData?: Record<string, unknown>
- georisquesData?: Record<string, unknown>
- geofoncierData?: Record<string, unknown>
- bodaccData?: Record<string, unknown>
- infogreffeData?: Record<string, unknown>
- lastUpdated: Date
-}
-
-export interface ConseilResult {
- documentId: string
- analysis: string
- recommendations: string[]
- risks: string[]
- nextSteps: string[]
- generatedAt: Date
-}
- |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { useEffect } from 'react' -import { - Box, - Typography, - Paper, - Card, - CardContent, - Chip, - List, - ListItem, - ListItemText, - ListItemIcon, - Alert, - LinearProgress, -} from '@mui/material' -import { - CheckCircle, - Error, - Warning, - Flag, - Security, - Assessment, - Info, -} from '@mui/icons-material' -import type { ChipProps, LinearProgressProps } from '@mui/material' -import { useAppDispatch, useAppSelector } from '../store' -import { analyzeDocument, getConseil, getContextData } from '../store/documentSlice' -import { Layout } from '../components/Layout' - -export default function AnalyseView() { - const dispatch = useAppDispatch() - const { currentDocument, analysisResult, loading, conseilResult, contextResult } = useAppSelector((state) => state.document) - - useEffect(() => { - if (!currentDocument) return - if (!analysisResult) dispatch(analyzeDocument(currentDocument.id)) - if (!conseilResult) dispatch(getConseil(currentDocument.id)) - if (!contextResult) dispatch(getContextData(currentDocument.id)) - }, [currentDocument, analysisResult, conseilResult, contextResult, dispatch]) - - if (!currentDocument) { - return ( - <Layout> - <Alert severity="info"> - Veuillez d'abord téléverser et sélectionner un document. - </Alert> - </Layout> - ) - } - - if (loading) { - return ( - <Layout> - <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', mt: 4 }}> - <LinearProgress sx={{ width: '100%', mb: 2 }} /> - <Typography>Analyse en cours...</Typography> - </Box> - </Layout> - ) - } - - if (!analysisResult) { - return ( - <Layout> - <Alert severity="warning"> - Aucun résultat d'analyse disponible. - </Alert> - </Layout> - ) - } - - const getScoreColor = (score: number): ChipProps['color'] => { - if (score >= 0.8) return 'success' - if (score >= 0.6) return 'warning' - return 'error' - } - - const getScoreIcon = (score: number) => { - if (score >= 0.8) return <CheckCircle color="success" /> - if (score >= 0.6) return <Warning color="warning" /> - return <Error color="error" /> - } - - return ( - <Layout> - <Typography variant="h4" gutterBottom> - Analyse du document - </Typography> - - <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}> - {/* Résumé général */} - <Paper sx={{ p: 2 }}> - <Typography variant="h6" gutterBottom> - Résumé de l'analyse - </Typography> - <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap', alignItems: 'center' }}> - <Chip - icon={<Assessment />} - label={`Avancement: ${Math.round(analysisResult.credibilityScore * 100)}%`} - color={getScoreColor(analysisResult.credibilityScore)} - variant="filled" - /> - {analysisResult.isCNI && ( - <Chip - icon={<Flag />} - label={`Pays: ${analysisResult.country}`} - color="secondary" - variant="outlined" - /> - )} - </Box> - </Paper> - - {/* Cas CNI */} - {analysisResult.isCNI && ( - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <Security sx={{ mr: 1, verticalAlign: 'middle' }} /> - Vérification CNI - </Typography> - {analysisResult.verificationResult && ( - <List> - <ListItem> - <ListItemIcon> - {analysisResult.verificationResult.numberValid ? ( - <CheckCircle color="success" /> - ) : ( - <Error color="error" /> - )} - </ListItemIcon> - <ListItemText - primary="Numéro valide" - secondary={ - analysisResult.verificationResult.numberValid - ? 'Le numéro de CNI est valide' - : 'Le numéro de CNI est invalide' - } - /> - </ListItem> - <ListItem> - <ListItemIcon> - {analysisResult.verificationResult.formatValid ? ( - <CheckCircle color="success" /> - ) : ( - <Error color="error" /> - )} - </ListItemIcon> - <ListItemText - primary="Format valide" - secondary={ - analysisResult.verificationResult.formatValid - ? 'Le format du numéro est correct' - : 'Le format du numéro est incorrect' - } - /> - </ListItem> - <ListItem> - <ListItemIcon> - {analysisResult.verificationResult.checksumValid ? ( - <CheckCircle color="success" /> - ) : ( - <Error color="error" /> - )} - </ListItemIcon> - <ListItemText - primary="Checksum valide" - secondary={ - analysisResult.verificationResult.checksumValid - ? 'La somme de contrÎle est correcte' - : 'La somme de contrÎle est incorrecte' - } - /> - </ListItem> - </List> - )} - </CardContent> - </Card> - )} - - <Box sx={{ display: 'flex', gap: 3, flexWrap: 'wrap' }}> - {/* Score de vraisemblance */} - <Box sx={{ flex: '1 1 300px' }}> - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - Score de vraisemblance - </Typography> - <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}> - {getScoreIcon(analysisResult.credibilityScore)} - <Typography variant="h4" sx={{ ml: 2 }}> - {(analysisResult.credibilityScore * 100).toFixed(1)}% - </Typography> - </Box> - <LinearProgress - variant="determinate" - value={analysisResult.credibilityScore * 100} - color={getScoreColor(analysisResult.credibilityScore) as LinearProgressProps['color']} - sx={{ height: 10, borderRadius: 5 }} - /> - <Typography variant="body2" color="text.secondary" sx={{ mt: 1 }}> - {analysisResult.credibilityScore >= 0.8 - ? 'Document trÚs fiable' - : analysisResult.credibilityScore >= 0.6 - ? 'Document moyennement fiable' - : 'Document peu fiable - vérification recommandée'} - </Typography> - </CardContent> - </Card> - </Box> - - {/* SynthÚse */} - <Box sx={{ flex: '1 1 300px' }}> - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - SynthÚse - </Typography> - <Typography variant="body1" sx={{ whiteSpace: 'pre-wrap' }}> - {analysisResult.summary} - </Typography> - </CardContent> - </Card> - </Box> - </Box> - - {/* Recommandations */} - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - Recommandations - </Typography> - <List> - {analysisResult.recommendations.map((recommendation, index) => ( - <ListItem key={index}> - <ListItemIcon> - <Info color="primary" /> - </ListItemIcon> - <ListItemText primary={recommendation} /> - </ListItem> - ))} - </List> - </CardContent> - </Card> - </Box> - </Layout> - ) -} |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { useEffect } from 'react' -import { - Box, - Typography, - Paper, - Card, - CardContent, - List, - ListItem, - ListItemText, - ListItemIcon, - Alert, - Chip, - Button, - CircularProgress, -} from '@mui/material' -import { - Lightbulb, - Warning, - CheckCircle, - TrendingUp, - Schedule, - Psychology, -} from '@mui/icons-material' -import type { SvgIconProps } from '@mui/material' -import { useAppDispatch, useAppSelector } from '../store' -import { getConseil } from '../store/documentSlice' -import { Layout } from '../components/Layout' - -export default function ConseilView() { - const dispatch = useAppDispatch() - const { currentDocument, conseilResult, loading } = useAppSelector( - (state) => state.document - ) - - useEffect(() => { - if (currentDocument && !conseilResult) { - dispatch(getConseil(currentDocument.id)) - } - }, [currentDocument, conseilResult, dispatch]) - - if (!currentDocument) { - return ( - <Layout> - <Alert severity="info"> - Veuillez d'abord tĂ©lĂ©verser et sĂ©lectionner un document. - </Alert> - </Layout> - ) - } - - if (loading) { - return ( - <Layout> - <Box sx={{ display: 'flex', justifyContent: 'center', mt: 4 }}> - <CircularProgress /> - <Typography sx={{ ml: 2 }}>GĂ©nĂ©ration des conseils LLM...</Typography> - </Box> - </Layout> - ) - } - - if (!conseilResult) { - return ( - <Layout> - <Alert severity="warning"> - Aucun conseil disponible. - </Alert> - </Layout> - ) - } - - const getRiskColor = (risk: string): SvgIconProps['color'] => { - if (risk.toLowerCase().includes('Ă©levĂ©') || risk.toLowerCase().includes('critique')) { - return 'error' - } - if (risk.toLowerCase().includes('moyen') || risk.toLowerCase().includes('modĂ©rĂ©')) { - return 'warning' - } - return 'info' - } - - return ( - <Layout> - <Typography variant="h4" gutterBottom> - <Psychology sx={{ mr: 1, verticalAlign: 'middle' }} /> - Conseil LLM - </Typography> - - <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}> - {/* Analyse LLM */} - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <Lightbulb sx={{ mr: 1, verticalAlign: 'middle' }} /> - Analyse LLM - </Typography> - <Paper - sx={{ - p: 2, - bgcolor: 'grey.50', - border: '1px solid', - borderColor: 'grey.200', - }} - > - <Typography variant="body1" sx={{ whiteSpace: 'pre-wrap' }}> - {conseilResult.analysis} - </Typography> - </Paper> - <Typography variant="caption" color="text.secondary" sx={{ mt: 1, display: 'block' }}> - GĂ©nĂ©rĂ© le {new Date(conseilResult.generatedAt).toLocaleString()} - </Typography> - </CardContent> - </Card> - - <Box sx={{ display: 'flex', gap: 3, flexWrap: 'wrap' }}> - {/* Recommandations */} - <Box sx={{ flex: '1 1 300px' }}> - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <CheckCircle sx={{ mr: 1, verticalAlign: 'middle' }} /> - Recommandations ({conseilResult.recommendations.length}) - </Typography> - <List dense> - {conseilResult.recommendations.map((recommendation, index) => ( - <ListItem key={index}> - <ListItemIcon> - <CheckCircle color="success" /> - </ListItemIcon> - <ListItemText primary={recommendation} /> - </ListItem> - ))} - </List> - </CardContent> - </Card> - </Box> - - {/* Risques identifiĂ©s */} - <Box sx={{ flex: '1 1 300px' }}> - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <Warning sx={{ mr: 1, verticalAlign: 'middle' }} /> - Risques identifiĂ©s ({conseilResult.risks.length}) - </Typography> - <List dense> - {conseilResult.risks.map((risk, index) => ( - <ListItem key={index}> - <ListItemIcon> - <Warning color={getRiskColor(risk)} /> - </ListItemIcon> - <ListItemText - primary={risk} - primaryTypographyProps={{ - color: getRiskColor(risk) === 'error' ? 'error.main' : - getRiskColor(risk) === 'warning' ? 'warning.main' : 'info.main' - }} - /> - </ListItem> - ))} - </List> - </CardContent> - </Card> - </Box> - </Box> - - {/* Prochaines Ă©tapes */} - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <TrendingUp sx={{ mr: 1, verticalAlign: 'middle' }} /> - Prochaines Ă©tapes recommandĂ©es - </Typography> - <List> - {conseilResult.nextSteps.map((step, index) => ( - <ListItem key={index}> - <ListItemIcon> - <Schedule color="primary" /> - </ListItemIcon> - <ListItemText - primary={`Ătape ${index + 1}`} - secondary={step} - /> - </ListItem> - ))} - </List> - </CardContent> - </Card> - - {/* Actions */} - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - Actions - </Typography> - <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}> - <Button - variant="contained" - onClick={() => dispatch(getConseil(currentDocument.id))} - disabled={loading} - > - RĂ©gĂ©nĂ©rer les conseils - </Button> - <Button variant="outlined"> - Exporter le rapport - </Button> - <Button variant="outlined"> - Partager avec l'Ă©quipe - </Button> - </Box> - </CardContent> - </Card> - - {/* RĂ©sumĂ© exĂ©cutif */} - <Paper sx={{ p: 2, bgcolor: 'primary.50' }}> - <Typography variant="h6" gutterBottom> - RĂ©sumĂ© exĂ©cutif - </Typography> - <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap', mb: 2 }}> - <Chip - label={`${conseilResult.recommendations.length} recommandations`} - color="success" - variant="outlined" - /> - <Chip - label={`${conseilResult.risks.length} risques identifiĂ©s`} - color="warning" - variant="outlined" - /> - <Chip - label={`${conseilResult.nextSteps.length} Ă©tapes suivantes`} - color="info" - variant="outlined" - /> - </Box> - <Typography variant="body2" color="text.secondary"> - Cette analyse LLM a Ă©tĂ© gĂ©nĂ©rĂ©e automatiquement et doit ĂȘtre validĂ©e par un expert notarial. - </Typography> - </Paper> - </Box> - </Layout> - ) -} |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { useEffect } from 'react' -import { - Box, - Typography, - Paper, - Card, - CardContent, - Chip, - Alert, - Button, - Accordion, - AccordionSummary, - AccordionDetails, - CircularProgress, -} from '@mui/material' -import { - ExpandMore, - LocationOn, - Warning, - CheckCircle, - Error, - Public, - Business, - Home, -} from '@mui/icons-material' -import type { ChipProps } from '@mui/material' -import { useAppDispatch, useAppSelector } from '../store' -import { getContextData } from '../store/documentSlice' -import { Layout } from '../components/Layout' - -export default function ContexteView() { - const dispatch = useAppDispatch() - const { currentDocument, contextResult, loading } = useAppSelector( - (state) => state.document - ) - - useEffect(() => { - if (currentDocument && !contextResult) { - dispatch(getContextData(currentDocument.id)) - } - }, [currentDocument, contextResult, dispatch]) - - if (!currentDocument) { - return ( - <Layout> - <Alert severity="info"> - Veuillez d'abord téléverser et sélectionner un document. - </Alert> - </Layout> - ) - } - - if (loading) { - return ( - <Layout> - <Box sx={{ display: 'flex', justifyContent: 'center', mt: 4 }}> - <CircularProgress /> - <Typography sx={{ ml: 2 }}>Recherche d'informations contextuelles...</Typography> - </Box> - </Layout> - ) - } - - if (!contextResult) { - return ( - <Layout> - <Alert severity="warning"> - Aucune donnée contextuelle disponible. - </Alert> - </Layout> - ) - } - - const getStatusIcon = (hasData: boolean) => { - return hasData ? <CheckCircle color="success" /> : <Error color="error" /> - } - - const getStatusColor = (hasData: boolean): ChipProps['color'] => { - return hasData ? 'success' : 'error' - } - - return ( - <Layout> - <Typography variant="h4" gutterBottom> - Informations contextuelles - </Typography> - - <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}> - {/* Résumé des sources */} - <Paper sx={{ p: 2 }}> - <Typography variant="h6" gutterBottom> - Sources de données consultées - </Typography> - <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}> - <Chip - icon={getStatusIcon(!!contextResult.cadastreData)} - label="Cadastre" - color={getStatusColor(!!contextResult.cadastreData)} - variant="outlined" - /> - <Chip - icon={getStatusIcon(!!contextResult.georisquesData)} - label="Géorisques" - color={getStatusColor(!!contextResult.georisquesData)} - variant="outlined" - /> - <Chip - icon={getStatusIcon(!!contextResult.geofoncierData)} - label="Géofoncier" - color={getStatusColor(!!contextResult.geofoncierData)} - variant="outlined" - /> - <Chip - icon={getStatusIcon(!!contextResult.bodaccData)} - label="BODACC" - color={getStatusColor(!!contextResult.bodaccData)} - variant="outlined" - /> - <Chip - icon={getStatusIcon(!!contextResult.infogreffeData)} - label="Infogreffe" - color={getStatusColor(!!contextResult.infogreffeData)} - variant="outlined" - /> - </Box> - <Typography variant="caption" color="text.secondary" sx={{ mt: 1, display: 'block' }}> - DerniÚre mise à jour: {new Date(contextResult.lastUpdated).toLocaleString()} - </Typography> - </Paper> - - {/* Données cadastrales */} - <Accordion> - <AccordionSummary expandIcon={<ExpandMore />}> - <Box sx={{ display: 'flex', alignItems: 'center' }}> - <Home sx={{ mr: 1 }} /> - <Typography variant="h6">Données cadastrales</Typography> - <Chip - label={contextResult.cadastreData ? 'Disponible' : 'Non disponible'} - color={getStatusColor(!!contextResult.cadastreData)} - size="small" - sx={{ ml: 2 }} - /> - </Box> - </AccordionSummary> - <AccordionDetails> - {contextResult.cadastreData ? ( - <Box> - <Typography variant="body2" sx={{ whiteSpace: 'pre-wrap' }}> - {JSON.stringify(contextResult.cadastreData, null, 2)} - </Typography> - </Box> - ) : ( - <Alert severity="info"> - Aucune donnée cadastrale trouvée pour ce document. - </Alert> - )} - </AccordionDetails> - </Accordion> - - {/* Données Géorisques */} - <Accordion> - <AccordionSummary expandIcon={<ExpandMore />}> - <Box sx={{ display: 'flex', alignItems: 'center' }}> - <Warning sx={{ mr: 1 }} /> - <Typography variant="h6">Données Géorisques</Typography> - <Chip - label={contextResult.georisquesData ? 'Disponible' : 'Non disponible'} - color={getStatusColor(!!contextResult.georisquesData)} - size="small" - sx={{ ml: 2 }} - /> - </Box> - </AccordionSummary> - <AccordionDetails> - {contextResult.georisquesData ? ( - <Box> - <Typography variant="body2" sx={{ whiteSpace: 'pre-wrap' }}> - {JSON.stringify(contextResult.georisquesData, null, 2)} - </Typography> - </Box> - ) : ( - <Alert severity="info"> - Aucune donnée Géorisques trouvée pour ce document. - </Alert> - )} - </AccordionDetails> - </Accordion> - - {/* Données Géofoncier */} - <Accordion> - <AccordionSummary expandIcon={<ExpandMore />}> - <Box sx={{ display: 'flex', alignItems: 'center' }}> - <LocationOn sx={{ mr: 1 }} /> - <Typography variant="h6">Données Géofoncier</Typography> - <Chip - label={contextResult.geofoncierData ? 'Disponible' : 'Non disponible'} - color={getStatusColor(!!contextResult.geofoncierData)} - size="small" - sx={{ ml: 2 }} - /> - </Box> - </AccordionSummary> - <AccordionDetails> - {contextResult.geofoncierData ? ( - <Box> - <Typography variant="body2" sx={{ whiteSpace: 'pre-wrap' }}> - {JSON.stringify(contextResult.geofoncierData, null, 2)} - </Typography> - </Box> - ) : ( - <Alert severity="info"> - Aucune donnée Géofoncier trouvée pour ce document. - </Alert> - )} - </AccordionDetails> - </Accordion> - - {/* Données BODACC */} - <Accordion> - <AccordionSummary expandIcon={<ExpandMore />}> - <Box sx={{ display: 'flex', alignItems: 'center' }}> - <Public sx={{ mr: 1 }} /> - <Typography variant="h6">Données BODACC</Typography> - <Chip - label={contextResult.bodaccData ? 'Disponible' : 'Non disponible'} - color={getStatusColor(!!contextResult.bodaccData)} - size="small" - sx={{ ml: 2 }} - /> - </Box> - </AccordionSummary> - <AccordionDetails> - {contextResult.bodaccData ? ( - <Box> - <Typography variant="body2" sx={{ whiteSpace: 'pre-wrap' }}> - {JSON.stringify(contextResult.bodaccData, null, 2)} - </Typography> - </Box> - ) : ( - <Alert severity="info"> - Aucune donnée BODACC trouvée pour ce document. - </Alert> - )} - </AccordionDetails> - </Accordion> - - {/* Données Infogreffe */} - <Accordion> - <AccordionSummary expandIcon={<ExpandMore />}> - <Box sx={{ display: 'flex', alignItems: 'center' }}> - <Business sx={{ mr: 1 }} /> - <Typography variant="h6">Données Infogreffe</Typography> - <Chip - label={contextResult.infogreffeData ? 'Disponible' : 'Non disponible'} - color={getStatusColor(!!contextResult.infogreffeData)} - size="small" - sx={{ ml: 2 }} - /> - </Box> - </AccordionSummary> - <AccordionDetails> - {contextResult.infogreffeData ? ( - <Box> - <Typography variant="body2" sx={{ whiteSpace: 'pre-wrap' }}> - {JSON.stringify(contextResult.infogreffeData, null, 2)} - </Typography> - </Box> - ) : ( - <Alert severity="info"> - Aucune donnée Infogreffe trouvée pour ce document. - </Alert> - )} - </AccordionDetails> - </Accordion> - - {/* Actions */} - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - Actions - </Typography> - <Box sx={{ display: 'flex', gap: 2 }}> - <Button - variant="contained" - onClick={() => dispatch(getContextData(currentDocument.id))} - disabled={loading} - > - Actualiser les données - </Button> - <Button variant="outlined"> - Exporter le rapport - </Button> - </Box> - </CardContent> - </Card> - </Box> - </Layout> - ) -} |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 -288 -289 -290 -291 -292 -293 -294 -295 -296 -297 -298 -299 -300 -301 -302 -303 -304 -305 -306 -307 -308 -309 -310 -311 -312 -313 -314 -315 -316 -317 -318 -319 -320 -321 -322 -323 -324 -325 -326 -327 -328 -329 -330 -331 -332 -333 -334 -335 -336 -337 -338 -339 -340 -341 -342 -343 -344 -345 -346 -347 -348 -349 -350 -351 -352 -353 -354 -355 -356 -357 -358 -359 -360 -361 -362 -363 -364 -365 -366 -367 -368 -369 -370 -371 -372 -373 -374 -375 -376 -377 -378 -379 -380 -381 -382 -383 -384 -385 -386 -387 -388 -389 -390 -391 -392 -393 -394 -395 -396 -397 -398 -399 -400 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { useEffect } from 'react' -import { - Box, - Typography, - Paper, - Card, - CardContent, - Chip, - List, - ListItem, - ListItemText, - Alert, - CircularProgress, - Button, - Tooltip, -} from '@mui/material' -import { - Person, - LocationOn, - Home, - Description, - Language, - Verified, -} from '@mui/icons-material' -import { useAppDispatch, useAppSelector } from '../store' -import { extractDocument, setCurrentDocument } from '../store/documentSlice' -import { Layout } from '../components/Layout' - -export default function ExtractionView() { - const dispatch = useAppDispatch() - const { currentDocument, extractionResult, extractionById, loading, documents, progressById } = useAppSelector((state) => state.document) - - useEffect(() => { - if (!currentDocument) return - const cached = extractionById[currentDocument.id] - if (!cached) dispatch(extractDocument(currentDocument.id)) - }, [currentDocument, extractionById, dispatch]) - - const currentIndex = currentDocument ? Math.max(0, documents.findIndex(d => d.id === currentDocument.id)) : -1 - const hasPrev = currentIndex > 0 - const hasNext = currentIndex >= 0 && currentIndex < documents.length - 1 - - const gotoDoc = (index: number) => { - const doc = documents[index] - if (!doc) return - dispatch(setCurrentDocument(doc)) - // Laisser l'effet dĂ©cider si une nouvelle extraction est nĂ©cessaire - } - - if (!currentDocument) { - return ( - <Layout> - <Alert severity="info"> - Veuillez d'abord tĂ©lĂ©verser et sĂ©lectionner un document. - </Alert> - </Layout> - ) - } - - if (loading) { - return ( - <Layout> - <Box sx={{ display: 'flex', justifyContent: 'center', mt: 4, alignItems: 'center', gap: 2 }}> - <CircularProgress size={24} /> - <Typography>Extraction en cours...</Typography> - </Box> - </Layout> - ) - } - - const activeResult = currentDocument ? (extractionById[currentDocument.id] || extractionResult) : extractionResult - - if (!activeResult) { - return ( - <Layout> - <Alert severity="warning"> - Aucun rĂ©sultat d'extraction disponible. - </Alert> - </Layout> - ) - } - - return ( - <Layout> - <Typography variant="h4" gutterBottom> - Extraction des donnĂ©es - </Typography> - - {/* Navigation entre documents */} - {documents.length > 0 && ( - <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 2 }}> - <Button size="small" variant="outlined" disabled={!hasPrev} onClick={() => gotoDoc(currentIndex - 1)}> - PrĂ©cĂ©dent - </Button> - <Typography variant="body2"> - {currentIndex + 1} / {documents.length} - </Typography> - <Button size="small" variant="outlined" disabled={!hasNext} onClick={() => gotoDoc(currentIndex + 1)}> - Suivant - </Button> - {currentDocument && ( - <Typography variant="body2" sx={{ ml: 2 }} color="text.secondary"> - Document: {currentDocument.name} - </Typography> - )} - </Box> - )} - - <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}> - {/* Informations gĂ©nĂ©rales */} - <Paper sx={{ p: 2 }}> - <Typography variant="h6" gutterBottom> - Informations gĂ©nĂ©rales - </Typography> - <Box sx={{ display: 'flex', gap: 1, flexWrap: 'wrap' }}> - <Chip - icon={<Language />} - label={`Langue: ${ activeResult.language }`} - color="primary" - variant="outlined" - /> - <Chip - icon={<Description />} - label={`Type: ${ activeResult.documentType }`} - color="secondary" - variant="outlined" - /> - <Tooltip - arrow - title={ - (activeResult.confidenceReasons && activeResult.confidenceReasons.length > 0) - ? activeResult.confidenceReasons.join(' âą ') - : `Ăvaluation automatique basĂ©e sur le contenu et le type (${activeResult.documentType}).` - } - > - <Chip - icon={<Verified />} - label={`Confiance: ${Math.round(activeResult.confidence * 100)}%`} - color={activeResult.confidence > 0.8 ? 'success' : 'warning'} - variant="outlined" - /> - </Tooltip> - </Box> - {/* Progression OCR/LLM si en cours pour ce document */} - {currentDocument && progressById[currentDocument.id] && loading && ( - <Box display="flex" alignItems="center" gap={2} sx={{ mt: 1 }}> - <Box sx={{ width: 140 }}> - <Typography variant="caption">OCR</Typography> - <Box sx={{ height: 6, bgcolor: 'grey.300', borderRadius: 1 }}> - <Box sx={{ width: `${progressById[currentDocument.id].ocr}%`, height: '100%', bgcolor: 'primary.main', borderRadius: 1 }} /> - </Box> - </Box> - <Box sx={{ width: 140 }}> - <Typography variant="caption">LLM</Typography> - <Box sx={{ height: 6, bgcolor: 'grey.300', borderRadius: 1 }}> - <Box sx={{ width: `${progressById[currentDocument.id].llm}%`, height: '100%', bgcolor: 'info.main', borderRadius: 1 }} /> - </Box> - </Box> - </Box> - )} - {/* Aperçu rapide du document */} - {currentDocument && ( - <Box sx={{ mt: 2 }}> - <Typography variant="subtitle2" color="text.secondary" gutterBottom> - Aperçu du document - </Typography> - {(() => { - const isPDF = currentDocument.mimeType.includes('pdf') || currentDocument.name.toLowerCase().endsWith('.pdf') - const isImage = - currentDocument.mimeType.startsWith('image/') || - ['.png', '.jpg', '.jpeg', '.gif', '.webp'].some((ext) => currentDocument.name.toLowerCase().endsWith(ext)) - if (isImage && currentDocument.previewUrl) { - return ( - <Box sx={{ - border: '1px solid', borderColor: 'grey.300', borderRadius: 1, p: 1, - display: 'inline-block', maxWidth: '100%' - }}> - <img - src={currentDocument.previewUrl} - alt={currentDocument.name} - style={{ maxWidth: 320, maxHeight: 240, objectFit: 'contain' }} - /> - </Box> - ) - } - if (isPDF && currentDocument.previewUrl) { - return ( - <Box sx={{ - border: '1px solid', borderColor: 'grey.300', borderRadius: 1, - overflow: 'hidden', width: 360, height: 240 - }}> - <iframe - src={`${currentDocument.previewUrl}#toolbar=0&navpanes=0&scrollbar=0&page=1&view=FitH`} - width="100%" - height="100%" - style={{ border: 'none' }} - title={`Aperçu rapide de ${currentDocument.name}`} - /> - </Box> - ) - } - return null - })()} - </Box> - )} - </Paper> - - <Box sx={{ display: 'flex', gap: 3, flexWrap: 'wrap' }}> - {/* IdentitĂ©s */} - <Box sx={{ flex: '1 1 300px' }}> - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <Person sx={{ mr: 1, verticalAlign: 'middle' }} /> - IdentitĂ©s ({activeResult.identities?.length || 0}) - </Typography> - <List dense> - {(activeResult.identities || []).map((identity, index) => ( - <ListItem key={index}> - <ListItemText - primary={ - identity.type === 'person' - ? `${identity.firstName} ${identity.lastName}` - : identity.companyName - } - secondaryTypographyProps={{ component: 'span' }} - secondary={ - <Box component="span"> - <Typography variant="caption" display="block" component="span"> - Type: {identity.type} - </Typography> - {identity.birthDate && ( - <Typography variant="caption" display="block" component="span"> - Naissance: {identity.birthDate} - </Typography> - )} - {identity.nationality && ( - <Typography variant="caption" display="block" component="span"> - NationalitĂ©: {identity.nationality} - </Typography> - )} - <Typography variant="caption" display="block" component="span"> - Confiance: {(identity.confidence * 100).toFixed(1)}% - </Typography> - </Box> - } - /> - </ListItem> - ))} - </List> - </CardContent> - </Card> - </Box> - - {/* Adresses */} - <Box sx={{ flex: '1 1 300px' }}> - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <LocationOn sx={{ mr: 1, verticalAlign: 'middle' }} /> - Adresses ({activeResult.addresses?.length || 0}) - </Typography> - <List dense> - {(activeResult.addresses || []).map((address, index) => ( - <ListItem key={index}> - <ListItemText - primary={`${address.street}, ${address.city}`} - secondary={`${address.postalCode} ${address.country}`} - /> - </ListItem> - ))} - </List> - </CardContent> - </Card> - </Box> - </Box> - - <Box sx={{ display: 'flex', gap: 3, flexWrap: 'wrap' }}> - {/* Biens */} - <Box sx={{ flex: '1 1 300px' }}> - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <Home sx={{ mr: 1, verticalAlign: 'middle' }} /> - Biens ({activeResult.properties?.length || 0}) - </Typography> - <List dense> - {(activeResult.properties || []).map((property, index) => ( - <ListItem key={index}> - <ListItemText - primary={`${property.type} - ${property.address.city}`} - secondaryTypographyProps={{ component: 'span' }} - secondary={ - <Box component="span"> - <Typography variant="caption" display="block" component="span"> - {property.address.street} - </Typography> - {property.surface && ( - <Typography variant="caption" display="block" component="span"> - Surface: {property.surface} mÂČ - </Typography> - )} - {property.cadastralReference && ( - <Typography variant="caption" display="block" component="span"> - Cadastre: {property.cadastralReference} - </Typography> - )} - </Box> - } - /> - </ListItem> - ))} - </List> - </CardContent> - </Card> - </Box> - - {/* Contrats */} - <Box sx={{ flex: '1 1 300px' }}> - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - <Description sx={{ mr: 1, verticalAlign: 'middle' }} /> - Contrats ({activeResult.contracts?.length || 0}) - </Typography> - <List dense> - {(activeResult.contracts || []).map((contract, index) => ( - <ListItem key={index}> - <ListItemText - primary={`${contract.type} - ${contract.amount ? `${contract.amount}âŹ` : 'Montant non spĂ©cifiĂ©'}`} - secondaryTypographyProps={{ component: 'span' }} - secondary={ - <Box component="span"> - <Typography variant="caption" display="block" component="span"> - Parties: {contract.parties.length} - </Typography> - {contract.date && ( - <Typography variant="caption" display="block" component="span"> - Date: {contract.date} - </Typography> - )} - <Typography variant="caption" display="block" component="span"> - Clauses: {contract.clauses.length} - </Typography> - </Box> - } - /> - </ListItem> - ))} - </List> - </CardContent> - </Card> - </Box> - </Box> - - {/* Signatures */} - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - Signatures dĂ©tectĂ©es ({activeResult.signatures?.length || 0}) - </Typography> - <List dense> - {(activeResult.signatures || []).map((signature: any, index: number) => { - const label = typeof signature === 'string' - ? signature - : signature?.name || signature?.title || signature?.date || JSON.stringify(signature) - return ( - <ListItem key={index}> - <ListItemText primary={label} /> - </ListItem> - ) - })} - </List> - </CardContent> - </Card> - - {/* Texte extrait */} - <Card> - <CardContent> - <Typography variant="h6" gutterBottom> - Texte extrait - </Typography> - <Paper - sx={{ - p: 2, - bgcolor: 'grey.50', - maxHeight: 300, - overflow: 'auto', - }} - > - <Typography variant="body2" sx={{ whiteSpace: 'pre-wrap' }}> - {activeResult.text} - </Typography> - </Paper> - </CardContent> - </Card> - </Box> - </Layout> - ) -} |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| 1 -2 -3 -4 -5 -6 -7 -8 -9 -10 -11 -12 -13 -14 -15 -16 -17 -18 -19 -20 -21 -22 -23 -24 -25 -26 -27 -28 -29 -30 -31 -32 -33 -34 -35 -36 -37 -38 -39 -40 -41 -42 -43 -44 -45 -46 -47 -48 -49 -50 -51 -52 -53 -54 -55 -56 -57 -58 -59 -60 -61 -62 -63 -64 -65 -66 -67 -68 -69 -70 -71 -72 -73 -74 -75 -76 -77 -78 -79 -80 -81 -82 -83 -84 -85 -86 -87 -88 -89 -90 -91 -92 -93 -94 -95 -96 -97 -98 -99 -100 -101 -102 -103 -104 -105 -106 -107 -108 -109 -110 -111 -112 -113 -114 -115 -116 -117 -118 -119 -120 -121 -122 -123 -124 -125 -126 -127 -128 -129 -130 -131 -132 -133 -134 -135 -136 -137 -138 -139 -140 -141 -142 -143 -144 -145 -146 -147 -148 -149 -150 -151 -152 -153 -154 -155 -156 -157 -158 -159 -160 -161 -162 -163 -164 -165 -166 -167 -168 -169 -170 -171 -172 -173 -174 -175 -176 -177 -178 -179 -180 -181 -182 -183 -184 -185 -186 -187 -188 -189 -190 -191 -192 -193 -194 -195 -196 -197 -198 -199 -200 -201 -202 -203 -204 -205 -206 -207 -208 -209 -210 -211 -212 -213 -214 -215 -216 -217 -218 -219 -220 -221 -222 -223 -224 -225 -226 -227 -228 -229 -230 -231 -232 -233 -234 -235 -236 -237 -238 -239 -240 -241 -242 -243 -244 -245 -246 -247 -248 -249 -250 -251 -252 -253 -254 -255 -256 -257 -258 -259 -260 -261 -262 -263 -264 -265 -266 -267 -268 -269 -270 -271 -272 -273 -274 -275 -276 -277 -278 -279 -280 -281 -282 -283 -284 -285 -286 -287 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - | import { useCallback, useState, useEffect } from 'react' -import { useDropzone } from 'react-dropzone' -import { Box, Typography, Paper, CircularProgress, Alert, Button, Chip, Grid } from '@mui/material' -import { - CloudUpload, - CheckCircle, - Error, - HourglassEmpty, - Visibility, -} from '@mui/icons-material' -import { useAppDispatch, useAppSelector } from '../store' -import { uploadDocument, removeDocument, addDocuments, setCurrentDocument } from '../store/documentSlice' -import { Layout } from '../components/Layout' -import { FilePreview } from '../components/FilePreview' -import { getTestFilesList, loadTestFile, filterSupportedFiles } from '../services/testFilesApi' -import type { Document } from '../types' - -export default function UploadView() { - const dispatch = useAppDispatch() - const { documents, error, progressById, extractionById } = useAppSelector((state) => state.document) - const [previewDocument, setPreviewDocument] = useState<Document | null>(null) - const [bootstrapped, setBootstrapped] = useState(false) - - const onDrop = useCallback( - (acceptedFiles: File[]) => { - acceptedFiles.forEach((file) => { - dispatch(uploadDocument(file)) - .unwrap() - .then(async (doc) => { - if (!extractionById[doc.id]) { - const { extractDocument } = await import('../store/documentSlice') - dispatch(extractDocument(doc.id)) - } - }) - .catch(() => {}) - }) - }, - [dispatch, extractionById] - ) - - const { getRootProps, getInputProps, isDragActive } = useDropzone({ - onDrop, - accept: { - 'application/pdf': ['.pdf'], - 'image/*': ['.png', '.jpg', '.jpeg', '.tiff'], - 'text/plain': ['.txt'], - 'text/markdown': ['.md'], - 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['.docx'], - }, - multiple: true, - }) - - const getStatusIcon = (status: string) => { - switch (status) { - case 'completed': - return <CheckCircle color="success" /> - case 'error': - return <Error color="error" /> - case 'processing': - return <CircularProgress size={20} /> - default: - return <HourglassEmpty color="action" /> - } - } - - const getStatusColor = (status: string) => { - switch (status) { - case 'completed': - return 'success' - case 'error': - return 'error' - case 'processing': - return 'warning' - default: - return 'default' - } - } - - // Bootstrap: charger dynamiquement les fichiers de test du dossier test-files (en dev uniquement) - useEffect(() => { - if (bootstrapped || !import.meta.env.DEV) return - - const load = async () => { - console.log('đ [BOOTSTRAP] Chargement des fichiers de test...') - - try { - // RĂ©cupĂ©rer la liste des fichiers disponibles - const testFiles = await getTestFilesList() - console.log('đ [BOOTSTRAP] Fichiers trouvĂ©s:', testFiles.map(f => f.name)) - - // Filtrer les fichiers supportĂ©s - const supportedFiles = filterSupportedFiles(testFiles) - console.log('â [BOOTSTRAP] Fichiers supportĂ©s:', supportedFiles.map(f => f.name)) - - if (supportedFiles.length === 0) { - console.log('â ïž [BOOTSTRAP] Aucun fichier de test supportĂ© trouvĂ©') - setBootstrapped(true) - return - } - - const created: Document[] = [] - - // Charger chaque fichier supportĂ© - for (const fileInfo of supportedFiles) { - try { - console.log(`đ [BOOTSTRAP] Chargement de ${fileInfo.name}...`) - const file = await loadTestFile(fileInfo.name) - - if (file) { - // Simuler upload local - const previewUrl = URL.createObjectURL(file) - const document: Document = { - id: `boot-${fileInfo.name}-${Date.now()}`, - name: fileInfo.name, - mimeType: fileInfo.type || 'application/octet-stream', - functionalType: undefined, - size: fileInfo.size, - uploadDate: new Date(), - status: 'completed', - previewUrl, - } - - created.push(document) - console.log(`â [BOOTSTRAP] ${fileInfo.name} chargĂ© (${(fileInfo.size / 1024).toFixed(1)} KB)`) - } - } catch (error) { - console.warn(`â [BOOTSTRAP] Erreur lors du chargement de ${fileInfo.name}:`, error) - } - } - - if (created.length > 0) { - console.log(`đ [BOOTSTRAP] ${created.length} fichiers chargĂ©s avec succĂšs`) - - // Ajouter les documents au store - dispatch(addDocuments(created)) - - // DĂ©finir le premier document comme document courant - dispatch(setCurrentDocument(created[0])) - - // DĂ©clencher l'extraction pour afficher les barres de progression - const { extractDocument } = await import('../store/documentSlice') - created.forEach((doc) => { - if (!extractionById[doc.id]) { - console.log(`đ [BOOTSTRAP] DĂ©clenchement de l'extraction pour ${doc.name}`) - dispatch(extractDocument(doc.id)) - } - }) - } else { - console.log('â ïž [BOOTSTRAP] Aucun fichier n\'a pu ĂȘtre chargĂ©') - } - - setBootstrapped(true) - } catch (error) { - console.error('â [BOOTSTRAP] Erreur lors du chargement des fichiers de test:', error) - setBootstrapped(true) - } - } - - load() - }, [dispatch, bootstrapped, extractionById]) - - return ( - <Layout> - <Typography variant="h4" gutterBottom> - TĂ©lĂ©versement de documents - </Typography> - - <Paper - {...getRootProps()} - sx={{ - p: 4, - textAlign: 'center', - cursor: 'pointer', - border: '2px dashed', - borderColor: isDragActive ? 'primary.main' : 'grey.300', - bgcolor: isDragActive ? 'action.hover' : 'background.paper', - '&:hover': { - borderColor: 'primary.main', - bgcolor: 'action.hover', - }, - }} - > - <input {...getInputProps()} /> - <CloudUpload sx={{ fontSize: 48, color: 'primary.main', mb: 2 }} /> - <Typography variant="h6" gutterBottom> - {isDragActive - ? 'DĂ©posez les fichiers ici...' - : 'Glissez-dĂ©posez vos documents ou cliquez pour sĂ©lectionner'} - </Typography> - <Typography variant="body2" color="text.secondary"> - Formats acceptĂ©s: PDF, PNG, JPG, JPEG, TIFF, TXT, MD, DOCX - </Typography> - </Paper> - - {error && ( - <Alert severity="error" sx={{ mt: 2 }}> - {error} - </Alert> - )} - - {documents.length > 0 && ( - <Box sx={{ mt: 3 }}> - <Typography variant="h6" gutterBottom> - Documents tĂ©lĂ©versĂ©s ({documents.length}) - </Typography> - - <Grid container spacing={2}> - {documents.map((doc, index) => ( - <Grid size={{ xs: 12, md: 6 }} key={`${doc.id}-${index}`}> - <Paper sx={{ p: 2 }}> - <Box display="flex" justifyContent="space-between" alignItems="center" mb={2}> - <Box display="flex" alignItems="center" gap={1}> - {getStatusIcon(doc.status)} - <Typography variant="subtitle1" noWrap> - {doc.name} - </Typography> - </Box> - <Box display="flex" gap={1}> - <Button - size="small" - startIcon={<Visibility />} - onClick={() => setPreviewDocument(doc)} - disabled={doc.status !== 'completed'} - > - Aperçu - </Button> - <Button - size="small" - color="error" - onClick={() => dispatch(removeDocument(doc.id))} - > - Supprimer - </Button> - </Box> - </Box> - - <Box display="flex" gap={1} flexWrap="wrap" alignItems="center"> - <Chip - label={doc.functionalType || doc.mimeType} - size="small" - variant="outlined" - /> - <Chip - label={doc.status} - size="small" - color={getStatusColor(doc.status) as 'success' | 'error' | 'warning' | 'default'} - /> - <Chip - label={`${(doc.size / 1024 / 1024).toFixed(2)} MB`} - size="small" - variant="outlined" - /> - {progressById[doc.id] && ( - <Box display="flex" alignItems="center" gap={1} sx={{ ml: 1, minWidth: 160 }}> - <Box sx={{ width: 70 }}> - <Typography variant="caption">OCR</Typography> - <Box sx={{ height: 6, bgcolor: 'grey.300', borderRadius: 1 }}> - <Box sx={{ width: `${progressById[doc.id].ocr}%`, height: '100%', bgcolor: 'primary.main', borderRadius: 1 }} /> - </Box> - </Box> - <Box sx={{ width: 70 }}> - <Typography variant="caption">LLM</Typography> - <Box sx={{ height: 6, bgcolor: 'grey.300', borderRadius: 1 }}> - <Box sx={{ width: `${progressById[doc.id].llm}%`, height: '100%', bgcolor: 'info.main', borderRadius: 1 }} /> - </Box> - </Box> - </Box> - )} - </Box> - </Paper> - </Grid> - ))} - </Grid> - </Box> - )} - - {/* Aperçu du document */} - {previewDocument && ( - <FilePreview - document={previewDocument} - onClose={() => setPreviewDocument(null)} - /> - )} - </Layout> - ) -} - |
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -| File | -- | Statements | -- | Branches | -- | Functions | -- | Lines | -- |
|---|---|---|---|---|---|---|---|---|---|
| AnalyseView.tsx | -
-
- |
- 0% | -0/184 | -0% | -0/1 | -0% | -0/1 | -0% | -0/184 | -
| ConseilView.tsx | -
-
- |
- 0% | -0/187 | -0% | -0/1 | -0% | -0/1 | -0% | -0/187 | -
| ContexteView.tsx | -
-
- |
- 0% | -0/228 | -0% | -0/1 | -0% | -0/1 | -0% | -0/228 | -
| ExtractionView.tsx | -
-
- |
- 0% | -0/320 | -0% | -0/1 | -0% | -0/1 | -0% | -0/320 | -
| UploadView.tsx | -
-
- |
- 0% | -0/233 | -0% | -0/1 | -0% | -0/1 | -0% | -0/233 | -