\n Crawl Progress\n

\n \n 🆕 New Crawl\n \n

\n\n

\n \n {getStatusIcon(status.status)} {status.status.charAt(0).toUpperCase() + status.status.slice(1)}\n \n \n Session ID: {sessionId.slice(0, 8)}...\n \n

\n\n

\n Progress\n {status.processedUrls} / {status.totalUrls} URLs\n

\n {status.progress}% complete\n

\n\n {status.errors.length > 0 && (\n

\n ⚠️ Errors ({status.errors.length})\n

{error}
... and {status.errors.length - 3} more

\n )}\n

\n\n {/* Results Table */}\n {session && session.results.length > 0 && (\n

\n Crawl Results ({session.results.length})\n

\n {status.status === 'completed' && (\n \n )}\n

\n\n

\n \n \n \n \n \n \n \n \n \n \n \n \n {session.results.map((result, index) => (\n \n \n \n \n \n \n \n \n ))}\n \n

\n URL\n	\n Title\n	\n Status\n	\n Response Time\n	\n Links\n	\n Images\n
\n \n \n {result.url}\n \n \n	\n \n {result.title \|\| 'No title'}\n \n	\n = 200 && result.statusCode < 300 \n ? 'bg-green-100 text-green-800'\n : result.statusCode >= 400\n ? 'bg-red-100 text-red-800'\n : 'bg-yellow-100 text-yellow-800'\n }`}>\n {result.statusCode \|\| 'Error'}\n \n	\n {result.responseTime}ms\n	\n {result.linksFound}\n	\n {result.imagesFound}\n

\n\n {session.results.length > 10 && (\n

\n Showing first {Math.min(10, session.results.length)} results. \n Download CSV for complete data.\n

\n )}\n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/diegoivo/todo-app-conversion/code/frontend/components/CrawlResults.tsx","extension","actionData","errors"]