\n \n \n \n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}\n\n// ======== FRONTEND REACT APP ========\nfunction App() {\n const [file, setFile] = useState(null);\n const [analysis, setAnalysis] = useState(\"\");\n const [logs, setLogs] = useState([]);\n const [search, setSearch] = useState(\"\");\n\n const analyzeFile = async () => {\n if (!file) return alert(\"Please select a file first\");\n const formData = new FormData();\n formData.append(\"file\", file);\n\n const res = await fetch(\"/\", { method: \"POST\", body: formData });\n const data = await res.json();\n setAnalysis(data.analysis);\n };\n\n const loadDashboard = async () => {\n const res = await fetch(\"/dashboard\");\n const data = await res.json();\n setLogs(data);\n };\n\n useEffect(() => {\n loadDashboard();\n }, []);\n\n const filteredLogs = logs.filter(\n (log) =>\n log.filename.toLowerCase().includes(search.toLowerCase()) ||\n log.verdict.toLowerCase().includes(search.toLowerCase()),\n );\n\n return (\n

AI Content Moderator

Upload text or audio files to check for harmful or unsafe content.

\n\n setFile(e.target.files[0])}\n />\n \n\n {analysis && (\n

Moderation Result:

{analysis}

\n )}\n\n

Dashboard

\n setSearch(e.target.value)}\n />\n \n \n \n \n \n \n \n \n \n {filteredLogs.map((log) => (\n \n \n \n \n \n ))}\n \n

File	Verdict	Time
{log.filename}	{log.verdict}	{log.time}

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")).render();","deleted","label",[99],"permalink","https://www.val.town/x/mprasadhv/untitled-4880/code/main.ts","extension","actionData","errors"]