ok error

app/page.tsx

@@ -131,12 +131,12 @@ export default function Home() {
           </div>
         )}
 
-        {/* Error Message */}
+        {/* Error Message - Version améliorée */}
         {error && (
           <div className="bg-red-50 border border-red-200 rounded-xl p-3 sm:p-4 mx-2 sm:mx-0">
-            <div className="flex items-center space-x-2">
+            <div className="flex items-start space-x-3">
               <svg
-                className="w-4 h-4 sm:w-5 sm:h-5 text-red-500 flex-shrink-0"
+                className="w-5 h-5 text-red-500 flex-shrink-0 mt-0.5"
                 fill="none"
                 stroke="currentColor"
                 viewBox="0 0 24 24"
@@ -148,7 +148,32 @@ export default function Home() {
                   d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
                 />
               </svg>
-              <p className="text-red-700 text-xs sm:text-sm font-medium break-words">{error}</p>
+              <div className="flex-1">
+                <h3 className="text-red-800 text-sm font-semibold mb-2">
+                  {error.includes('scanné') ? '📄 PDF Scanné Détecté' : 
+                   error.includes('HTTP') ? '🚨 Erreur de Traitement' : 
+                   '⚠️ Erreur'}
+                </h3>
+                <div className="text-red-700 text-xs sm:text-sm leading-relaxed">
+                  {error.split('\n').map((line, index) => (
+                    <div key={index} className={index > 0 ? 'mt-2' : ''}>
+                      {line.startsWith('💡') ? (
+                        <div className="bg-blue-50 border border-blue-200 rounded-lg p-3 mt-3">
+                          <div className="text-blue-800 font-medium text-sm">
+                            {line}
+                          </div>
+                        </div>
+                      ) : line.startsWith('-') ? (
+                        <div className="ml-4 text-blue-700">
+                          • {line.substring(1).trim()}
+                        </div>
+                      ) : (
+                        <div>{line}</div>
+                      )}
+                    </div>
+                  ))}
+                </div>
+              </div>
             </div>
           </div>
         )}