Upload 3 files

Dockerfile

@@ -0,0 +1,14 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+COPY requirements.txt .
+RUN pip install -r requirements.txt
+
+COPY app.py .
+
+EXPOSE 7860
+
+ENV FLASK_APP=app.py
+
+CMD ["python", "app.py"]

app.py

@@ -0,0 +1,916 @@
+from flask import Flask, request, jsonify, render_template_string, session, redirect
+import urllib.request
+import re
+import sqlite3
+import datetime
+
+app = Flask(__name__)
+app.secret_key = 'ctteen-admin-secret-2024'
+
+ADMIN_PASSWORD = "Okan4715!"
+DB_PATH = "analyses.db"
+
+ANTISEMITIC_PATTERNS = [
+    {
+        "keyword": "jewish conspiracy",
+        "explanation": "This phrase promotes the false and dangerous conspiracy theory that Jewish people secretly control world events.",
+        "trending": True,
+        "trending_note": "This trope has surged on social media following recent global events.",
+        "counter": "Jewish people do not operate secret conspiracies. This is a centuries-old antisemitic myth used to scapegoat Jewish communities and has been debunked repeatedly by historians and scholars."
+    },
+    {
+        "keyword": "jews control",
+        "explanation": "This phrase falsely claims Jewish people have secret control over institutions like banks, media, or governments.",
+        "trending": True,
+        "trending_note": "Variants of this conspiracy theory are among the most widely spread antisemitic tropes online.",
+        "counter": "The claim that Jewish people control major institutions is a harmful stereotype with no basis in fact. It echoes propaganda historically used to justify persecution and genocide."
+    },
+    {
+        "keyword": "jewish agenda",
+        "explanation": "This implies Jewish people have a secret plan to manipulate society, a classic antisemitic conspiracy theory.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "There is no Jewish agenda. This phrase falsely portrays Jewish people as a unified scheming group rather than a diverse community of individuals with varied beliefs and values."
+    },
+    {
+        "keyword": "holocaust never happened",
+        "explanation": "Holocaust denial rejects the historical fact that six million Jewish people were systematically murdered by Nazi Germany.",
+        "trending": True,
+        "trending_note": "Holocaust denial content has increased significantly on unmoderated platforms.",
+        "counter": "The Holocaust is one of the most thoroughly documented events in human history, confirmed by thousands of survivors, military records, and physical evidence. Denying it is both factually wrong and deeply harmful."
+    },
+    {
+        "keyword": "holocaust denial",
+        "explanation": "Denying the Holocaust erases the genocide of six million Jewish people and causes immense harm to survivors and their families.",
+        "trending": True,
+        "trending_note": "Holocaust denial content has increased significantly on unmoderated platforms.",
+        "counter": "The Holocaust is one of the most thoroughly documented events in human history. Denying it has been criminalized in many countries and causes immense pain to survivors and their descendants."
+    },
+    {
+        "keyword": "zionist conspiracy",
+        "explanation": "Using Zionist as a substitute for Jewish people to push conspiracy theories is a recognizable form of antisemitism.",
+        "trending": True,
+        "trending_note": "This framing has become increasingly common as a way to disguise antisemitism as political commentary.",
+        "counter": "Zionism is the belief in Jewish self-determination. Using it as a stand-in for antisemitic conspiracy theories conflates political criticism with ethnic hatred and targets Jewish identity."
+    },
+    {
+        "keyword": "jewish bankers",
+        "explanation": "This phrase invokes the antisemitic stereotype that Jewish people manipulate global finances for personal gain.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "The greedy Jewish banker trope is a centuries-old antisemitic stereotype with no factual basis. It was used extensively in Nazi propaganda to justify persecution and remains deeply harmful today."
+    },
+    {
+        "keyword": "jewish media control",
+        "explanation": "This phrase falsely claims Jewish people secretly control media to manipulate public opinion.",
+        "trending": True,
+        "trending_note": "Claims about Jewish media control have spiked across multiple social platforms recently.",
+        "counter": "Jewish people do not control the media. This conspiracy theory has been used for over a century to justify discrimination and violence against Jewish communities worldwide."
+    },
+    {
+        "keyword": "kill jews",
+        "explanation": "This is a direct and explicit call for violence against Jewish people.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "This is an explicit incitement to violence against Jewish people and should be reported to law enforcement and the platform immediately. This is not protected speech."
+    },
+    {
+        "keyword": "death to jews",
+        "explanation": "This is an explicit call for violence and genocide against Jewish people.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "This is an explicit threat of violence against Jewish people. Report this to law enforcement and the platform hosting it immediately. This content may be illegal in your jurisdiction."
+    },
+    {
+        "keyword": "dirty jew",
+        "explanation": "This is a racial slur that dehumanizes Jewish people using degrading language.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "This is a dehumanizing slur targeting Jewish people. Language like this has historically preceded acts of violence and discrimination against Jewish communities."
+    },
+    {
+        "keyword": "filthy jew",
+        "explanation": "This is a dehumanizing slur that uses degrading language to attack Jewish identity.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Dehumanizing slurs targeting Jewish people have historically been used to justify violence and discrimination. This language should be reported and challenged wherever it appears."
+    },
+    {
+        "keyword": "stupid jew",
+        "explanation": "This is a slur combining ethnic hatred with degrading language targeting Jewish people.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Ethnic slurs targeting Jewish people are a form of hate speech regardless of intent. This language contributes to a culture of discrimination and should be reported."
+    },
+    {
+        "keyword": "jews are evil",
+        "explanation": "Attributing evil as an inherent trait of all Jewish people is classic antisemitic dehumanization.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Attributing negative moral traits to an entire ethnic or religious group is prejudice. Jewish people are a diverse community and cannot be characterized as a monolith."
+    },
+    {
+        "keyword": "jews are greedy",
+        "explanation": "This perpetuates the antisemitic stereotype that Jewish people are inherently dishonest or obsessed with money.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Attributing greed to an entire ethnic or religious group is prejudice. This stereotype has been used to justify discrimination against Jewish people for centuries."
+    },
+    {
+        "keyword": "jews are subhuman",
+        "explanation": "This is explicit dehumanization of Jewish people, the kind of language that directly precedes genocide.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Describing any group of people as subhuman is among the most dangerous forms of hate speech. This language was central to Nazi propaganda and must be reported to law enforcement immediately."
+    },
+    {
+        "keyword": "all jews are",
+        "explanation": "Attributing any negative characteristic to all Jewish people as a monolithic group is antisemitic stereotyping.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Jewish people are an incredibly diverse community spanning many nationalities, backgrounds, and beliefs. Negative generalizations about the entire group are prejudice, plain and simple."
+    },
+    {
+        "keyword": "jewish manipulation",
+        "explanation": "This accuses Jewish people as a group of deceptively controlling others, a classic antisemitic trope.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Accusing Jewish people of collective manipulation is a harmful stereotype rooted in antisemitic conspiracy theories. It falsely portrays an entire community as inherently deceptive."
+    },
+    {
+        "keyword": "jewish problem",
+        "explanation": "This phrase mirrors Nazi rhetoric about Jewish people being a problem to be solved, language that preceded genocide.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "The framing of Jewish people as a problem is language directly drawn from Nazi ideology that led to the Holocaust. This rhetoric is extremely dangerous and should be reported immediately."
+    },
+    {
+        "keyword": "hate jews",
+        "explanation": "An explicit expression of hatred toward Jewish people as a group.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Expressions of hatred toward any ethnic or religious group contribute to discrimination and violence. This content should be reported to the platform immediately."
+    },
+    {
+        "keyword": "jew is a",
+        "explanation": "Using Jew as a pejorative descriptor is a form of antisemitic slur usage.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Using Jewish identity as a negative descriptor is a form of antisemitism. This language should be challenged and reported."
+    },
+    {
+        "keyword": "jew is evil",
+        "explanation": "Attributing evil to Jewish identity is explicit antisemitic dehumanization.",
+        "trending": False,
+        "trending_note": "",
+        "counter": "Attributing negative moral traits to Jewish identity is antisemitism. This language has historically been used to justify persecution of Jewish communities."
+    }
+]
+
+ANTISEMITIC_KEYWORDS = [p["keyword"] for p in ANTISEMITIC_PATTERNS]
+
+JEWISH_CONTEXT_WORDS = [
+    "jew ", " jew", "jewish", "zionist", "synagogue",
+    "rabbi", "kosher", "torah", "talmud", "holocaust",
+    "antisemit", "semit", "yarmulke", "menorah", "passover",
+    "hanukkah", "bar mitzvah", "bat mitzvah"
+]
+
+def init_db():
+    conn = sqlite3.connect(DB_PATH)
+    c = conn.cursor()
+    c.execute('''CREATE TABLE IF NOT EXISTS analyses (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        timestamp TEXT, input_type TEXT, input_preview TEXT,
+        result_type TEXT, confidence REAL, flags TEXT
+    )''')
+    conn.commit()
+    conn.close()
+
+def save_analysis(input_type, input_preview, result_type, confidence, flags):
+    conn = sqlite3.connect(DB_PATH)
+    c = conn.cursor()
+    c.execute('INSERT INTO analyses (timestamp, input_type, input_preview, result_type, confidence, flags) VALUES (?,?,?,?,?,?)',
+        (datetime.datetime.now().strftime('%Y-%m-%d %H:%M:%S'), input_type, input_preview[:300], result_type, confidence, ', '.join(flags)))
+    conn.commit()
+    conn.close()
+
+def get_stats():
+    conn = sqlite3.connect(DB_PATH)
+    c = conn.cursor()
+    c.execute('SELECT COUNT(*) FROM analyses')
+    total = c.fetchone()[0]
+    c.execute("SELECT COUNT(*) FROM analyses WHERE result_type='antisemitic'")
+    antisemitic = c.fetchone()[0]
+    c.execute("SELECT COUNT(*) FROM analyses WHERE result_type='hate'")
+    hate = c.fetchone()[0]
+    c.execute("SELECT COUNT(*) FROM analyses WHERE result_type='clean'")
+    clean = c.fetchone()[0]
+    conn.close()
+    return {'total': total, 'antisemitic': antisemitic, 'hate': hate, 'clean': clean}
+
+def get_all_analyses():
+    conn = sqlite3.connect(DB_PATH)
+    c = conn.cursor()
+    c.execute('SELECT * FROM analyses ORDER BY id DESC LIMIT 500')
+    rows = c.fetchall()
+    conn.close()
+    return rows
+
+from transformers import pipeline
+classifier = pipeline("text-classification", model="facebook/roberta-hate-speech-dynabench-r4-target")
+
+def classify_text(text):
+    result = classifier(text[:512])[0]
+    label = result['label']
+    score = round(result['score'] * 100, 2)
+    text_lower = text.lower()
+    matched_patterns = [p for p in ANTISEMITIC_PATTERNS if p["keyword"] in text_lower]
+    triggered_keywords = [p["keyword"] for p in matched_patterns]
+    has_jewish_context = any(word in text_lower for word in JEWISH_CONTEXT_WORDS)
+    is_antisemitic = len(matched_patterns) > 0 or (label == "hate" and has_jewish_context)
+    is_general_hate = label == "hate" and not is_antisemitic
+    if is_antisemitic:
+        explanations = []
+        counters = []
+        trending_notes = []
+        is_trending = False
+        for p in matched_patterns:
+            explanations.append({"phrase": p["keyword"], "explanation": p["explanation"]})
+            counters.append(p["counter"])
+            if p["trending"]:
+                is_trending = True
+                trending_notes.append(p["trending_note"])
+        if not matched_patterns:
+            explanations.append({"phrase": "context detected", "explanation": "The AI model detected antisemitic language based on context and tone."})
+            counters.append("Antisemitic language causes real harm to Jewish communities. If you encounter this content online, report it to the platform and the ADL.")
+        return {
+            'type': 'antisemitic', 'icon': '⚠', 'title': 'Antisemitic Content Detected',
+            'confidence': score, 'flags': triggered_keywords, 'explanations': explanations,
+            'counter': counters[0] if counters else "",
+            'is_trending': is_trending,
+            'trending_note': trending_notes[0] if trending_notes else "",
+            'message': 'This text contains antisemitic language specifically targeting Jewish people.'
+        }
+    elif is_general_hate:
+        return {
+            'type': 'hate', 'icon': '!', 'title': 'General Hate Speech Detected',
+            'confidence': score, 'flags': [], 'explanations': [], 'counter': '',
+            'is_trending': False, 'trending_note': '',
+            'message': 'This text contains hateful language targeting a group of people, but does not appear to be specifically antisemitic. All forms of hate speech are harmful and should be reported.'
+        }
+    else:
+        return {
+            'type': 'clean', 'icon': '✓', 'title': 'No Hate Content Detected',
+            'confidence': score, 'flags': [], 'explanations': [], 'counter': '',
+            'is_trending': False, 'trending_note': '',
+            'message': 'This text appears to be free of antisemitic or hateful language.'
+        }
+
+MAIN_HTML = """
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Shield — Antisemitism Detector</title>
+<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
+<style>
+*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
+:root {
+  --bg: #f7f4ef; --bg2: #eee9e0; --surface: #ffffff; --border: #d8d0c4;
+  --text: #1a1510; --text2: #6b6358; --text3: #9c9189;
+  --accent: #1e3a5f; --accent2: #2d5aa0; --gold: #c4962a;
+  --danger: #8b1a1a; --danger-bg: #fdf0f0; --danger-border: #e8b4b4;
+  --warn: #7a4a00; --warn-bg: #fdf6e8; --warn-border: #e8d4a0;
+  --ok: #1a4a2a; --ok-bg: #f0faf3; --ok-border: #a8d4b4;
+  --trending: #4a1a6b; --trending-bg: #f5f0fd; --trending-border: #c4a8e8;
+}
+body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; }
+nav { background: var(--accent); padding: 0 48px; height: 64px; display: flex; align-items: center; justify-content: space-between; }
+.nav-brand { display: flex; align-items: center; gap: 10px; }
+.nav-star { width: 32px; height: 32px; background: rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: white; }
+.nav-title { font-family: 'DM Serif Display', serif; font-size: 20px; color: white; }
+.nav-tagline { font-size: 12px; color: rgba(255,255,255,0.5); font-weight: 300; }
+.hero { background: var(--accent); padding: 72px 48px 80px; position: relative; overflow: hidden; }
+.hero::after { content: '✡'; position: absolute; right: 80px; top: 50%; transform: translateY(-50%); font-size: 180px; color: rgba(255,255,255,0.04); }
+.hero-label { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 16px; }
+.hero h1 { font-family: 'DM Serif Display', serif; font-size: 52px; color: white; line-height: 1.15; max-width: 600px; margin-bottom: 20px; }
+.hero h1 em { font-style: italic; color: rgba(255,255,255,0.7); }
+.hero p { font-size: 16px; color: rgba(255,255,255,0.6); max-width: 480px; line-height: 1.7; font-weight: 300; }
+.hero-share { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); color: white; font-size: 13px; font-weight: 500; font-family: 'DM Sans', sans-serif; padding: 10px 20px; border-radius: 8px; cursor: pointer; transition: background 0.2s; }
+.hero-share:hover { background: rgba(255,255,255,0.2); }
+.share-icon { font-size: 14px; }
+.stats-bar { background: var(--bg2); border-bottom: 1px solid var(--border); padding: 0 48px; display: flex; }
+.stat-item { padding: 20px 40px 20px 0; margin-right: 40px; border-right: 1px solid var(--border); }
+.stat-item:last-child { border-right: none; }
+.stat-num { font-family: 'DM Serif Display', serif; font-size: 28px; color: var(--accent); }
+.stat-label { font-size: 11px; color: var(--text3); text-transform: uppercase; letter-spacing: 1px; margin-top: 2px; }
+.main { max-width: 860px; margin: 0 auto; padding: 48px 24px 80px; }
+.section-label { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--text3); margin-bottom: 16px; }
+.card { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 32px; margin-bottom: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
+.tabs { display: flex; border: 1px solid var(--border); border-radius: 10px; padding: 4px; background: var(--bg); margin-bottom: 24px; width: fit-content; }
+.tab { padding: 8px 24px; border-radius: 7px; border: none; background: transparent; color: var(--text2); font-size: 13px; font-family: 'DM Sans', sans-serif; font-weight: 500; cursor: pointer; transition: all 0.2s; }
+.tab.active { background: var(--surface); color: var(--accent); box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
+.tab-content { display: none; }
+.tab-content.active { display: block; }
+textarea, .url-input { width: 100%; background: var(--bg); border: 1.5px solid var(--border); border-radius: 10px; color: var(--text); font-size: 15px; font-family: 'DM Sans', sans-serif; font-weight: 300; padding: 16px; outline: none; transition: border-color 0.2s; }
+textarea { resize: none; height: 140px; }
+.url-input { height: 52px; }
+textarea:focus, .url-input:focus { border-color: var(--accent2); background: white; }
+textarea::placeholder, .url-input::placeholder { color: var(--text3); }
+.url-note { font-size: 12px; color: var(--text3); margin-top: 8px; font-weight: 300; }
+.btn { display: flex; align-items: center; justify-content: center; width: 100%; background: var(--accent); border: none; color: white; font-size: 14px; font-weight: 500; font-family: 'DM Sans', sans-serif; padding: 15px; border-radius: 10px; cursor: pointer; margin-top: 16px; transition: background 0.2s, transform 0.1s; }
+.btn:hover { background: var(--accent2); }
+.btn:active { transform: scale(0.99); }
+.btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.loading { text-align: center; padding: 24px; display: none; color: var(--text2); font-size: 14px; }
+.spinner { width: 24px; height: 24px; border: 2px solid var(--border); border-top-color: var(--accent); border-radius: 50%; animation: spin 0.8s linear infinite; margin: 0 auto 12px; }
+@keyframes spin { to { transform: rotate(360deg); } }
+.result-box { display: none; border-radius: 12px; padding: 24px; margin-top: 16px; animation: fadeIn 0.3s ease; }
+@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
+.result-box.antisemitic { background: var(--danger-bg); border: 1.5px solid var(--danger-border); }
+.result-box.hate { background: var(--warn-bg); border: 1.5px solid var(--warn-border); }
+.result-box.clean { background: var(--ok-bg); border: 1.5px solid var(--ok-border); }
+.result-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
+.result-icon { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; flex-shrink: 0; }
+.antisemitic .result-icon { background: var(--danger); color: white; }
+.hate .result-icon { background: var(--warn); color: white; }
+.clean .result-icon { background: var(--ok); color: white; }
+.result-title { font-family: 'DM Serif Display', serif; font-size: 20px; }
+.antisemitic .result-title { color: var(--danger); }
+.hate .result-title { color: var(--warn); }
+.clean .result-title { color: var(--ok); }
+.result-type-badge { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; margin-bottom: 14px; }
+.antisemitic .result-type-badge { background: var(--danger); color: white; }
+.hate .result-type-badge { background: var(--warn); color: white; }
+.clean .result-type-badge { background: var(--ok); color: white; }
+.confidence-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
+.confidence-label { font-size: 12px; color: var(--text3); width: 80px; flex-shrink: 0; }
+.confidence-bar { flex: 1; background: rgba(0,0,0,0.08); border-radius: 4px; height: 5px; overflow: hidden; }
+.confidence-fill { height: 100%; border-radius: 4px; transition: width 0.6s ease; }
+.antisemitic .confidence-fill { background: var(--danger); }
+.hate .confidence-fill { background: var(--warn); }
+.clean .confidence-fill { background: var(--ok); }
+.confidence-value { font-size: 13px; font-weight: 600; width: 44px; text-align: right; flex-shrink: 0; }
+.result-msg { font-size: 14px; color: var(--text2); line-height: 1.65; font-weight: 300; margin-bottom: 16px; }
+.trending-banner { background: var(--trending-bg); border: 1px solid var(--trending-border); border-radius: 8px; padding: 12px 16px; margin-bottom: 14px; display: flex; align-items: flex-start; gap: 10px; }
+.trending-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
+.trending-text { font-size: 13px; color: var(--trending); line-height: 1.5; }
+.trending-text strong { font-weight: 600; }
+.explanation-block { margin-bottom: 14px; }
+.explanation-title { font-size: 11px; font-weight: 600; color: var(--text3); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
+.explanation-item { background: rgba(139,26,26,0.06); border-left: 3px solid var(--danger); border-radius: 0 8px 8px 0; padding: 12px 14px; margin-bottom: 8px; }
+.explanation-phrase { font-size: 13px; font-weight: 600; color: var(--danger); margin-bottom: 4px; font-family: 'DM Serif Display', serif; }
+.explanation-text { font-size: 13px; color: var(--text2); line-height: 1.55; font-weight: 300; }
+.counter-block { background: rgba(30,58,95,0.06); border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; padding: 14px; margin-bottom: 16px; }
+.counter-title { font-size: 11px; font-weight: 600; color: var(--accent); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
+.counter-text { font-size: 13px; color: var(--text2); line-height: 1.65; font-weight: 300; }
+.copy-counter { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; background: transparent; border: 1px solid var(--border); color: var(--accent); font-size: 12px; font-family: 'DM Sans', sans-serif; font-weight: 500; padding: 6px 12px; border-radius: 6px; cursor: pointer; transition: background 0.2s; }
+.copy-counter:hover { background: var(--bg); }
+.copy-counter.copied { color: var(--ok); border-color: var(--ok-border); }
+.report-section { margin-top: 4px; }
+.report-title { font-size: 11px; font-weight: 600; color: var(--text3); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
+.report-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
+.report-btn { display: inline-flex; align-items: center; gap: 6px; color: white; font-size: 12px; font-weight: 500; font-family: 'DM Sans', sans-serif; text-decoration: none; padding: 8px 14px; border-radius: 8px; transition: opacity 0.2s; }
+.report-btn:hover { opacity: 0.85; }
+.report-btn.adl { background: #1e3a5f; }
+.report-btn.twitter { background: #000000; }
+.report-btn.facebook { background: #1877f2; }
+.report-btn.stopas { background: #8b1a1a; }
+.history-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
+.history-clear { background: transparent; border: 1px solid var(--border); color: var(--text3); font-size: 12px; font-family: 'DM Sans', sans-serif; padding: 6px 14px; border-radius: 8px; cursor: pointer; transition: all 0.2s; }
+.history-clear:hover { border-color: var(--danger); color: var(--danger); }
+.history-empty { text-align: center; color: var(--text3); font-size: 14px; padding: 32px; font-weight: 300; }
+.history-item { display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; margin-bottom: 8px; }
+.history-badge { font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; white-space: nowrap; }
+.history-badge.antisemitic { background: var(--danger-bg); color: var(--danger); border: 1px solid var(--danger-border); }
+.history-badge.hate { background: var(--warn-bg); color: var(--warn); border: 1px solid var(--warn-border); }
+.history-badge.clean { background: var(--ok-bg); color: var(--ok); border: 1px solid var(--ok-border); }
+.history-text { font-size: 13px; color: var(--text2); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 300; }
+.history-time { font-size: 11px; color: var(--text3); white-space: nowrap; }
+.callout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 24px; }
+.callout-card { border-radius: 14px; padding: 28px; }
+.callout-card.mission { background: var(--accent); }
+.callout-card.action { background: var(--gold); }
+.callout-card h4 { font-family: 'DM Serif Display', serif; font-size: 20px; margin-bottom: 10px; }
+.callout-card.mission h4 { color: white; }
+.callout-card.action h4 { color: #3a2500; }
+.callout-card p { font-size: 14px; line-height: 1.65; font-weight: 300; }
+.callout-card.mission p { color: rgba(255,255,255,0.7); }
+.callout-card.action p { color: rgba(58,37,0,0.8); }
+.callout-card a { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; font-size: 13px; font-weight: 500; text-decoration: none; padding: 8px 16px; border-radius: 8px; transition: opacity 0.2s; }
+.callout-card a:hover { opacity: 0.85; }
+.callout-card.mission a { background: rgba(255,255,255,0.15); color: white; border: 1px solid rgba(255,255,255,0.25); }
+.callout-card.action a { background: rgba(58,37,0,0.12); color: #3a2500; border: 1px solid rgba(58,37,0,0.2); }
+.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+.info-item { background: var(--bg); border: 1px solid var(--border); border-radius: 10px; padding: 18px; }
+.info-item h4 { font-size: 13px; font-weight: 600; color: var(--accent); margin-bottom: 6px; }
+.info-item p { font-size: 13px; color: var(--text2); line-height: 1.6; font-weight: 300; }
+.scraped-preview { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 12px; margin-top: 12px; font-size: 12px; color: var(--text2); line-height: 1.5; display: none; max-height: 72px; overflow: hidden; font-weight: 300; }
+.share-toast { position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%); background: var(--accent); color: white; font-size: 13px; font-weight: 500; padding: 12px 24px; border-radius: 10px; opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 999; }
+.share-toast.show { opacity: 1; }
+footer { background: var(--accent); padding: 32px 48px; text-align: center; }
+footer p { font-size: 13px; color: rgba(255,255,255,0.4); font-weight: 300; }
+footer a { color: rgba(255,255,255,0.6); text-decoration: none; }
+footer a:hover { color: white; }
+</style>
+</head>
+<body>
+
+<nav>
+  <div class="nav-brand">
+    <div class="nav-star">✡</div>
+    <span class="nav-title">Shield</span>
+  </div>
+  <span class="nav-tagline">AI-Powered Antisemitism Detection</span>
+</nav>
+
+<div class="hero">
+  <div class="hero-label">Built for Jewish Communities</div>
+  <h1>Detect Hate.<br><em>Protect Communities.</em></h1>
+  <p>Paste any text or scan any URL to instantly identify antisemitic content using advanced artificial intelligence.</p>
+  <button class="hero-share" onclick="shareApp()">
+    <span class="share-icon">⬆</span> Share This Tool
+  </button>
+</div>
+
+<div class="stats-bar">
+  <div class="stat-item"><div class="stat-num" id="statTotal">0</div><div class="stat-label">Analyzed This Session</div></div>
+  <div class="stat-item"><div class="stat-num" id="statAntisemitic">0</div><div class="stat-label">Antisemitic Found</div></div>
+  <div class="stat-item"><div class="stat-num" id="statHate">0</div><div class="stat-label">General Hate Found</div></div>
+  <div class="stat-item"><div class="stat-num" id="statClean">0</div><div class="stat-label">Clean</div></div>
+</div>
+
+<div class="main">
+  <div class="card">
+    <div class="section-label">Analyze Content</div>
+    <div class="tabs">
+      <button class="tab active" onclick="switchTab('text', this)">Paste Text</button>
+      <button class="tab" onclick="switchTab('url', this)">Scan URL</button>
+    </div>
+    <div class="tab-content active" id="tab-text">
+      <textarea id="inputText" placeholder="Paste any text, comment, social media post, or message here to analyze it..."></textarea>
+      <button class="btn" onclick="analyzeText()" id="textBtn">Analyze Text</button>
+    </div>
+    <div class="tab-content" id="tab-url">
+      <input class="url-input" id="inputUrl" type="url" placeholder="https://example.com/article-or-post" />
+      <p class="url-note">The tool will fetch and analyze the text content from the URL you provide.</p>
+      <div class="scraped-preview" id="scrapedPreview"></div>
+      <button class="btn" onclick="analyzeUrl()" id="urlBtn">Scan URL</button>
+    </div>
+    <div class="loading" id="loading">
+      <div class="spinner"></div>
+      <span id="loadingMsg">Analyzing with AI...</span>
+    </div>
+    <div class="result-box" id="resultBox">
+      <div class="result-header">
+        <div class="result-icon" id="resultIcon"></div>
+        <div class="result-title" id="resultTitle"></div>
+      </div>
+      <div class="result-type-badge" id="resultBadge"></div>
+      <div class="confidence-row">
+        <span class="confidence-label">Confidence</span>
+        <div class="confidence-bar"><div class="confidence-fill" id="confidenceFill"></div></div>
+        <span class="confidence-value" id="confidenceValue"></span>
+      </div>
+      <div class="result-msg" id="resultMsg"></div>
+      <div id="trendingBanner" class="trending-banner" style="display:none">
+        <span class="trending-icon">📈</span>
+        <div class="trending-text"><strong>Trending Trope:</strong> <span id="trendingNote"></span></div>
+      </div>
+      <div id="explanationBlock" class="explanation-block" style="display:none">
+        <div class="explanation-title">Why This Is Antisemitic</div>
+        <div id="explanationItems"></div>
+      </div>
+      <div id="counterBlock" class="counter-block" style="display:none">
+        <div class="counter-title">How To Respond</div>
+        <div class="counter-text" id="counterText"></div>
+        <button class="copy-counter" onclick="copyCounter()" id="copyBtn">Copy Response</button>
+      </div>
+      <div id="reportSection" class="report-section" style="display:none">
+        <div class="report-title">Report This Content</div>
+        <div class="report-buttons">
+          <a href="https://www.adl.org/report-incident" target="_blank" class="report-btn adl">Report to ADL →</a>
+          <a href="https://help.twitter.com/en/safety-and-security/report-abusive-behavior" target="_blank" class="report-btn twitter">Report on X/Twitter</a>
+          <a href="https://www.facebook.com/help/181495968648557" target="_blank" class="report-btn facebook">Report on Facebook</a>
+          <a href="https://www.stopantisemitism.org/report" target="_blank" class="report-btn stopas">StopAntisemitism.org</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="card">
+    <div class="history-header">
+      <div class="section-label" style="margin-bottom:0">Your Session History</div>
+      <button class="history-clear" onclick="clearHistory()">Clear</button>
+    </div>
+    <div id="historyList">
+      <div class="history-empty">No analyses yet this session. Start by analyzing some text above.</div>
+    </div>
+  </div>
+
+  <div class="callout-grid">
+    <div class="callout-card mission">
+      <div style="font-size:28px;margin-bottom:14px">✡</div>
+      <h4>Why We Built This</h4>
+      <p>Antisemitic incidents have risen sharply in recent years. Jewish students, communities, and organizations need tools to identify and document hate before it spreads and causes real harm.</p>
+      <a href="https://www.adl.org/resources/report/audit-antisemitic-incidents-2023" target="_blank">View ADL Incident Report →</a>
+    </div>
+    <div class="callout-card action">
+      <div style="font-size:28px;margin-bottom:14px">⚡</div>
+      <h4>What To Do Next</h4>
+      <p>If you find antisemitic content, screenshot it immediately — platforms often remove content quickly. Then report it to the platform directly and to the ADL using the link below.</p>
+      <a href="https://www.adl.org/report-incident" target="_blank">Report to ADL →</a>
+    </div>
+  </div>
+
+  <div class="card" style="margin-top:24px">
+    <div class="section-label">How It Works</div>
+    <div class="info-grid">
+      <div class="info-item">
+        <h4>Two-Layer Detection</h4>
+        <p>Combines a RoBERTa AI model trained on thousands of examples with a specialized antisemitism pattern database for maximum accuracy.</p>
+      </div>
+      <div class="info-item">
+        <h4>Antisemitism vs. General Hate</h4>
+        <p>Specifically distinguishes between content targeting Jewish people and general hate speech so you always know exactly what you are dealing with.</p>
+      </div>
+      <div class="info-item">
+        <h4>URL Scanning</h4>
+        <p>Paste any public URL and the tool will fetch and analyze the text content automatically — articles, forums, social posts, and more.</p>
+      </div>
+      <div class="info-item">
+        <h4>Private Session History</h4>
+        <p>Your analysis history is private to your current session only and never shared with other users. Refresh the page to start a clean session.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="share-toast" id="shareToast">Link copied to clipboard!</div>
+
+<footer>
+  <p>Built to support Jewish communities and combat antisemitism &nbsp;|&nbsp; <a href="https://www.adl.org" target="_blank">ADL</a> &nbsp;|&nbsp; <a href="https://www.stopantisemitism.org" target="_blank">StopAntisemitism.org</a></p>
+</footer>
+
+<script>
+let sessionHistory = [];
+let sessionStats = { total: 0, antisemitic: 0, hate: 0, clean: 0 };
+let currentCounter = '';
+
+function updateStats() {
+  document.getElementById('statTotal').textContent = sessionStats.total;
+  document.getElementById('statAntisemitic').textContent = sessionStats.antisemitic;
+  document.getElementById('statHate').textContent = sessionStats.hate;
+  document.getElementById('statClean').textContent = sessionStats.clean;
+}
+
+function switchTab(tab, el) {
+  document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
+  document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
+  el.classList.add('active');
+  document.getElementById('tab-' + tab).classList.add('active');
+  document.getElementById('resultBox').style.display = 'none';
+}
+
+function showResult(data) {
+  const box = document.getElementById('resultBox');
+  box.className = 'result-box ' + data.type;
+  document.getElementById('resultIcon').textContent = data.icon;
+  document.getElementById('resultTitle').textContent = data.title;
+  const badgeLabels = { antisemitic: 'Antisemitic Content', hate: 'General Hate Speech', clean: 'No Hate Detected' };
+  document.getElementById('resultBadge').textContent = badgeLabels[data.type];
+  document.getElementById('resultBadge').className = 'result-type-badge';
+  document.getElementById('confidenceFill').style.width = data.confidence + '%';
+  document.getElementById('confidenceValue').textContent = data.confidence + '%';
+  document.getElementById('resultMsg').textContent = data.message;
+  const trendingBanner = document.getElementById('trendingBanner');
+  if (data.is_trending && data.trending_note) {
+    document.getElementById('trendingNote').textContent = data.trending_note;
+    trendingBanner.style.display = 'flex';
+  } else { trendingBanner.style.display = 'none'; }
+  const explanationBlock = document.getElementById('explanationBlock');
+  if (data.explanations && data.explanations.length > 0) {
+    explanationBlock.style.display = 'block';
+    document.getElementById('explanationItems').innerHTML = data.explanations.map(e => `
+      <div class="explanation-item">
+        <div class="explanation-phrase">"${e.phrase}"</div>
+        <div class="explanation-text">${e.explanation}</div>
+      </div>
+    `).join('');
+  } else { explanationBlock.style.display = 'none'; }
+  const counterBlock = document.getElementById('counterBlock');
+  if (data.counter) {
+    currentCounter = data.counter;
+    document.getElementById('counterText').textContent = data.counter;
+    counterBlock.style.display = 'block';
+    document.getElementById('copyBtn').textContent = 'Copy Response';
+    document.getElementById('copyBtn').className = 'copy-counter';
+  } else { counterBlock.style.display = 'none'; }
+  document.getElementById('reportSection').style.display = data.type === 'antisemitic' ? 'block' : 'none';
+  box.style.display = 'block';
+}
+
+function copyCounter() {
+  navigator.clipboard.writeText(currentCounter).then(() => {
+    const btn = document.getElementById('copyBtn');
+    btn.textContent = 'Copied!';
+    btn.className = 'copy-counter copied';
+    setTimeout(() => { btn.textContent = 'Copy Response'; btn.className = 'copy-counter'; }, 2000);
+  });
+}
+
+function shareApp() {
+  const url = window.location.href;
+  if (navigator.share) {
+    navigator.share({ title: 'Shield — Antisemitism Detector', text: 'Use this free AI tool to detect antisemitic content online. Built to protect Jewish communities.', url: url });
+  } else {
+    navigator.clipboard.writeText(url).then(() => {
+      const toast = document.getElementById('shareToast');
+      toast.classList.add('show');
+      setTimeout(() => toast.classList.remove('show'), 3000);
+    });
+  }
+}
+
+function addToHistory(preview, data) {
+  const now = new Date();
+  const time = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+  sessionHistory.unshift({ preview: preview.substring(0, 60) + (preview.length > 60 ? '...' : ''), type: data.type, title: data.title, time });
+  if (sessionHistory.length > 30) sessionHistory.pop();
+  sessionStats.total++;
+  if (data.type === 'antisemitic') sessionStats.antisemitic++;
+  else if (data.type === 'hate') sessionStats.hate++;
+  else sessionStats.clean++;
+  updateStats();
+  renderHistory();
+}
+
+function renderHistory() {
+  const list = document.getElementById('historyList');
+  if (sessionHistory.length === 0) {
+    list.innerHTML = '<div class="history-empty">No analyses yet this session. Start by analyzing some text above.</div>';
+    return;
+  }
+  list.innerHTML = sessionHistory.map(h => `
+    <div class="history-item">
+      <span class="history-badge ${h.type}">${h.title}</span>
+      <span class="history-text">${h.preview}</span>
+      <span class="history-time">${h.time}</span>
+    </div>
+  `).join('');
+}
+
+function clearHistory() {
+  sessionHistory = [];
+  sessionStats = { total: 0, antisemitic: 0, hate: 0, clean: 0 };
+  updateStats();
+  renderHistory();
+}
+
+async function analyzeText() {
+  const text = document.getElementById('inputText').value.trim();
+  if (!text) { alert('Please enter some text.'); return; }
+  document.getElementById('textBtn').disabled = true;
+  document.getElementById('loading').style.display = 'block';
+  document.getElementById('loadingMsg').textContent = 'Analyzing with AI...';
+  document.getElementById('resultBox').style.display = 'none';
+  try {
+    const resp = await fetch('/analyze', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({text}) });
+    const data = await resp.json();
+    showResult(data);
+    addToHistory(text, data);
+  } catch(e) { alert('Error. Please try again.'); }
+  document.getElementById('loading').style.display = 'none';
+  document.getElementById('textBtn').disabled = false;
+}
+
+async function analyzeUrl() {
+  const url = document.getElementById('inputUrl').value.trim();
+  if (!url) { alert('Please enter a URL.'); return; }
+  document.getElementById('urlBtn').disabled = true;
+  document.getElementById('loading').style.display = 'block';
+  document.getElementById('loadingMsg').textContent = 'Fetching and analyzing URL...';
+  document.getElementById('resultBox').style.display = 'none';
+  try {
+    const resp = await fetch('/analyze-url', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({url}) });
+    const data = await resp.json();
+    if (data.error) { alert(data.error); }
+    else {
+      document.getElementById('scrapedPreview').textContent = 'Fetched: ' + data.scraped_text;
+      document.getElementById('scrapedPreview').style.display = 'block';
+      showResult(data);
+      addToHistory(url, data);
+    }
+  } catch(e) { alert('Error scanning URL. Please try again.'); }
+  document.getElementById('loading').style.display = 'none';
+  document.getElementById('urlBtn').disabled = false;
+}
+
+document.getElementById('inputText').addEventListener('keydown', function(e) {
+  if (e.ctrlKey && e.key === 'Enter') analyzeText();
+});
+</script>
+</body>
+</html>
+"""
+
+ADMIN_LOGIN_HTML = """
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Admin — Shield</title>
+<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
+<style>
+*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
+body { font-family: 'DM Sans', sans-serif; background: #f7f4ef; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
+.card { background: white; border: 1px solid #d8d0c4; border-radius: 16px; padding: 48px; width: 360px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); }
+h1 { font-family: 'DM Serif Display', serif; font-size: 28px; color: #1e3a5f; margin-bottom: 8px; }
+p { font-size: 13px; color: #9c9189; margin-bottom: 28px; font-weight: 300; }
+input { width: 100%; background: #f7f4ef; border: 1.5px solid #d8d0c4; border-radius: 8px; color: #1a1510; font-size: 15px; font-family: 'DM Sans', sans-serif; padding: 12px 14px; outline: none; margin-bottom: 14px; }
+input:focus { border-color: #2d5aa0; background: white; }
+button { width: 100%; background: #1e3a5f; border: none; color: white; font-size: 14px; font-weight: 500; font-family: 'DM Sans', sans-serif; padding: 13px; border-radius: 8px; cursor: pointer; }
+button:hover { background: #2d5aa0; }
+.error { color: #8b1a1a; font-size: 13px; margin-bottom: 12px; display: none; }
+</style>
+</head>
+<body>
+<div class="card">
+  <h1>Admin Panel</h1>
+  <p>Shield — Antisemitism Detector</p>
+  <div class="error" id="err">Incorrect password. Try again.</div>
+  <input type="password" id="pw" placeholder="Enter admin password" />
+  <button onclick="login()">Sign In</button>
+</div>
+<script>
+async function login() {
+  const pw = document.getElementById('pw').value;
+  const resp = await fetch('/admin/login', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({password: pw}) });
+  const data = await resp.json();
+  if (data.success) { window.location.href = '/admin/dashboard'; }
+  else { document.getElementById('err').style.display = 'block'; }
+}
+document.getElementById('pw').addEventListener('keydown', e => { if (e.key === 'Enter') login(); });
+</script>
+</body>
+</html>
+"""
+
+ADMIN_DASHBOARD_HTML = """
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Admin Dashboard — Shield</title>
+<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
+<style>
+*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
+body { font-family: 'DM Sans', sans-serif; background: #f7f4ef; color: #1a1510; }
+nav { background: #1e3a5f; padding: 0 40px; height: 60px; display: flex; align-items: center; justify-content: space-between; }
+.nav-title { font-family: 'DM Serif Display', serif; font-size: 18px; color: white; }
+.nav-right { display: flex; gap: 16px; align-items: center; }
+.nav-right a { color: rgba(255,255,255,0.6); font-size: 13px; text-decoration: none; }
+.nav-right a:hover { color: white; }
+.logout { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: white !important; padding: 6px 16px; border-radius: 6px; font-size: 12px; }
+.main { max-width: 1100px; margin: 0 auto; padding: 40px 24px; }
+h2 { font-family: 'DM Serif Display', serif; font-size: 32px; color: #1e3a5f; margin-bottom: 8px; }
+.subtitle { font-size: 14px; color: #9c9189; margin-bottom: 32px; font-weight: 300; }
+.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 32px; }
+.stat-card { background: white; border: 1px solid #d8d0c4; border-radius: 12px; padding: 20px 24px; }
+.stat-num { font-family: 'DM Serif Display', serif; font-size: 36px; color: #1e3a5f; }
+.stat-num.danger { color: #8b1a1a; }
+.stat-num.warn { color: #7a4a00; }
+.stat-num.ok { color: #1a4a2a; }
+.stat-label { font-size: 12px; color: #9c9189; margin-top: 4px; text-transform: uppercase; letter-spacing: 1px; }
+.table-card { background: white; border: 1px solid #d8d0c4; border-radius: 12px; overflow: hidden; }
+.table-header { padding: 20px 24px; border-bottom: 1px solid #d8d0c4; display: flex; align-items: center; justify-content: space-between; }
+.table-header h3 { font-size: 15px; font-weight: 600; color: #1e3a5f; }
+.table-header span { font-size: 12px; color: #9c9189; }
+table { width: 100%; border-collapse: collapse; }
+th { padding: 12px 20px; text-align: left; font-size: 11px; font-weight: 600; color: #9c9189; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #d8d0c4; background: #f7f4ef; }
+td { padding: 14px 20px; font-size: 13px; border-bottom: 1px solid #eee9e0; vertical-align: top; }
+tr:last-child td { border-bottom: none; }
+tr:hover td { background: #f7f4ef; }
+.badge { display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; }
+.badge.antisemitic { background: #fdf0f0; color: #8b1a1a; border: 1px solid #e8b4b4; }
+.badge.hate { background: #fdf6e8; color: #7a4a00; border: 1px solid #e8d4a0; }
+.badge.clean { background: #f0faf3; color: #1a4a2a; border: 1px solid #a8d4b4; }
+.preview-text { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #6b6358; font-weight: 300; }
+.flags-cell { font-size: 12px; color: #8b1a1a; font-weight: 300; }
+.empty { text-align: center; padding: 48px; color: #9c9189; font-size: 14px; }
+</style>
+</head>
+<body>
+<nav>
+  <span class="nav-title">Shield — Admin</span>
+  <div class="nav-right">
+    <a href="/">View Site</a>
+    <a href="/admin/logout" class="logout">Sign Out</a>
+  </div>
+</nav>
+<div class="main">
+  <h2>Dashboard</h2>
+  <p class="subtitle">Complete history of all analyses ever performed on Shield.</p>
+  <div class="stats-grid">
+    <div class="stat-card"><div class="stat-num">{{ stats.total }}</div><div class="stat-label">Total Analyzed</div></div>
+    <div class="stat-card"><div class="stat-num danger">{{ stats.antisemitic }}</div><div class="stat-label">Antisemitic</div></div>
+    <div class="stat-card"><div class="stat-num warn">{{ stats.hate }}</div><div class="stat-label">General Hate</div></div>
+    <div class="stat-card"><div class="stat-num ok">{{ stats.clean }}</div><div class="stat-label">Clean</div></div>
+  </div>
+  <div class="table-card">
+    <div class="table-header">
+      <h3>Full Analysis History</h3>
+      <span>{{ stats.total }} total records</span>
+    </div>
+    {% if analyses %}
+    <table>
+      <thead>
+        <tr><th>#</th><th>Timestamp</th><th>Type</th><th>Result</th><th>Confidence</th><th>Input Preview</th><th>Flagged Phrases</th></tr>
+      </thead>
+      <tbody>
+        {% for row in analyses %}
+        <tr>
+          <td style="color:#9c9189">{{ row[0] }}</td>
+          <td style="white-space:nowrap;color:#6b6358">{{ row[1] }}</td>
+          <td style="font-size:12px;color:#6b6358">{{ row[2] }}</td>
+          <td><span class="badge {{ row[4] }}">{{ row[4] }}</span></td>
+          <td>{{ row[5] }}%</td>
+          <td><div class="preview-text">{{ row[3] }}</div></td>
+          <td><div class="flags-cell">{{ row[6] if row[6] else '—' }}</div></td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+    {% else %}
+    <div class="empty">No analyses yet.</div>
+    {% endif %}
+  </div>
+</div>
+</body>
+</html>
+"""
+
+@app.route('/')
+def home():
+    return render_template_string(MAIN_HTML)
+
+@app.route('/analyze', methods=['POST'])
+def analyze():
+    data = request.get_json()
+    text = data.get('text', '').strip()
+    if not text:
+        return jsonify({'error': 'No text provided'})
+    result = classify_text(text)
+    save_analysis('text', text, result['type'], result['confidence'], result['flags'])
+    return jsonify(result)
+
+@app.route('/analyze-url', methods=['POST'])
+def analyze_url():
+    data = request.get_json()
+    url = data.get('url', '').strip()
+    if not url:
+        return jsonify({'error': 'No URL provided'})
+    try:
+        req = urllib.request.Request(url, headers={'User-Agent': 'Mozilla/5.0'})
+        with urllib.request.urlopen(req, timeout=10) as response:
+            html = response.read().decode('utf-8', errors='ignore')
+        clean = re.sub(r'<[^>]+>', ' ', html)
+        clean = re.sub(r'\s+', ' ', clean).strip()
+        clean = clean[:2000]
+        result = classify_text(clean)
+        result['scraped_text'] = clean[:200] + '...'
+        save_analysis('url', url, result['type'], result['confidence'], result['flags'])
+        return jsonify(result)
+    except Exception as e:
+        return jsonify({'error': f'Could not scan URL: {str(e)}'})
+
+@app.route('/admin')
+def admin():
+    return render_template_string(ADMIN_LOGIN_HTML)
+
+@app.route('/admin/login', methods=['POST'])
+def admin_login():
+    data = request.get_json()
+    if data.get('password') == ADMIN_PASSWORD:
+        session['admin'] = True
+        return jsonify({'success': True})
+    return jsonify({'success': False})
+
+@app.route('/admin/dashboard')
+def admin_dashboard():
+    if not session.get('admin'):
+        return redirect('/admin')
+    stats = get_stats()
+    analyses = get_all_analyses()
+    return render_template_string(ADMIN_DASHBOARD_HTML, stats=stats, analyses=analyses)
+
+@app.route('/admin/logout')
+def admin_logout():
+    session.pop('admin', None)
+    return redirect('/admin')
+
+if __name__ == '__main__':
+    init_db()
+    app.run(host='0.0.0.0', port=7860)

requirements.txt

@@ -0,0 +1,5 @@
+flask
+transformers
+torch
+requests
+beautifulsoup4