SafeSense Guardian-AI Content Moderator

\n {/* Upload Section */}\n

📤 Upload Content

Upload images, documents, or paste text for AI-powered moderation

\n \n

\n \n \n \n \n \n

\n\n {/* Text Input */}\n

📝 Or Paste Text Here:

\n setTextInput(e.target.value.slice(0, 5000))}\n style={styles.textarea}\n rows={4}\n />\n

\n {textInput.length}/5000 characters\n \n

\n\n {/* Camera Preview */}\n {cameraActive && (\n

📷 Live Camera

\n \n \n

\n )}\n\n {/* Selected Content Preview */}\n {selectedContent && (\n

📄 Selected Content

\n {selectedContent.type === 'image' ? (\n \n ) : (\n

{selectedContent.name}

\n                    {selectedContent.data}\n

\n )}\n

\n )}\n\n \n\n {/* Loading State */}\n {loading && (\n

AI Analysis in Progress

Analyzing content for safety violations...

\n )}\n\n {/* Moderation Results */}\n {moderationResult && !loading && (\n

\n {moderationResult.safe ? '✅ SAFE CONTENT' : '🚨 UNSAFE CONTENT'}\n

\n Confidence: {moderationResult.confidence}% • {moderationResult.contentType.toUpperCase()}\n

\n {moderationResult.confidence}%\n

\n \n

📋 Analysis Summary

{moderationResult.description}

\n \n

⚠️ Safety Categories

\n {Object.entries(moderationResult.categories).map(([category, flagged]) => (\n

\n \n {flagged ? '❌' : '✅'}\n \n \n {category.replace(/([A-Z])/g, ' $1').replace(/^./, str => str.toUpperCase())}\n \n

\n ))}\n

\n \n {moderationResult.flags.length > 0 && (\n

🚩 Detected Issues

\n ⚠️\n {flag}\n

\n )}\n \n

💡 Recommendation

\n {moderationResult.recommendation}\n

\n )}\n\n {/* History Section */}\n {moderationHistory.length > 0 && (\n

📊 Moderation History

\n \n \n

\n \n

\n {moderationHistory.map((item, index) => (\n

setModerationResult(item)}\n >\n

\n \n {item.contentType.toUpperCase()}\n \n \n {new Date(item.timestamp).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})}\n \n

\n \n {item.safe ? '✅' : '🚨'}\n \n \n {item.safe ? 'Safe' : 'Unsafe'} ({item.confidence}%)\n \n

\n {item.contentPreview || item.description.substring(0, 80)}...\n

\n ))}\n

\n )}\n

🛡️ SafeSense Guardian-AI

📤 Upload Content

📝 Or Paste Text Here:

📷 Live Camera

📄 Selected Content

{selectedContent.name}

AI Analysis in Progress

\n {moderationResult.safe ? '✅ SAFE CONTENT' : '🚨 UNSAFE CONTENT'}\n

📋 Analysis Summary

⚠️ Safety Categories

🚩 Detected Issues

💡 Recommendation

📊 Moderation History

⚠️ Application Error