Upload folder using huggingface_hub

Frontend/src/admin/components/TicketTable.jsx

@@ -73,6 +73,9 @@ const TicketTable = ({ tickets = [], isLoading = false, limit = null }) => {
                             ? ticket.assigned_team
                             : (teamMap[effectiveCategory] || ticket.assigned_team || 'L1 Helpdesk');
                         const statusSt = getStatusStyle(ticket.status);
+                        const translationMeta = ticket?.metadata?.translation;
+                        const isTranslated = Boolean(translationMeta?.translated);
+                        const sourceLanguageName = translationMeta?.source_language_name || translationMeta?.source_language || 'Unknown';
 
                         // Truncated subject
                         const subject = ticket.subject || ticket.summary || 'Untitled ticket';
@@ -129,9 +132,16 @@ const TicketTable = ({ tickets = [], isLoading = false, limit = null }) => {
                                             <span style={{ fontSize: '13px', fontWeight: 500, color: '#111827', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                                                 {truncSubject}
                                             </span>
-                                            <span style={{ fontSize: '11px', color: '#6b7280' }}>
-                                                {effectiveCategory || 'General'}
-                                            </span>
+                                            <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
+                                                <span style={{ fontSize: '11px', color: '#6b7280' }}>
+                                                    {effectiveCategory || 'General'}
+                                                </span>
+                                                {isTranslated && (
+                                                    <span style={{ fontSize: '10px', color: '#0369a1' }}>
+                                                        Translated from {sourceLanguageName}
+                                                    </span>
+                                                )}
+                                            </div>
                                         </div>
                                     </div>
                                 </td>

Frontend/src/admin/pages/AdminTicketDetail.jsx

@@ -35,6 +35,7 @@ const AdminTicketDetail = () => {
     const [imageUrl, setImageUrl] = useState(null);
     const [isUpdating, setIsUpdating] = useState(null);
     const [isLive, setIsLive] = useState(false);
+    const [showOriginalText, setShowOriginalText] = useState(false);
 
     const [correctionForm, setCorrectionForm] = useState({
         category: '',
@@ -198,6 +199,11 @@ const AdminTicketDetail = () => {
     const displayPriority = ticket.priority || 'Medium';
     const displaySummary = ticket.summary || ticket.subject || 'No Summary';
     const displayText = ticket.description || ticket.text || displaySummary;
+    const translationMeta = ticket.metadata?.translation;
+    const originalTextMeta = ticket.metadata?.original_text;
+    const isTranslated = Boolean(translationMeta?.translated && originalTextMeta?.description);
+    const sourceLanguageName = translationMeta?.source_language_name || translationMeta?.source_language || 'Unknown';
+    const renderedText = showOriginalText && isTranslated ? originalTextMeta.description : displayText;
 
     return (
         <div style={{ background: '#f8faf9', minHeight: '100vh', paddingBottom: '80px' }} className="-m-6 p-6 md:-m-10 md:p-10 space-y-6 animate-in fade-in duration-700">
@@ -313,8 +319,22 @@ const AdminTicketDetail = () => {
                             <span style={{ fontSize: '10px', color: '#9ca3af', fontWeight: 600, textTransform: 'uppercase' }}>{formatFullTimestamp(ticket.created_at)}</span>
                         </div>
                         <div style={{ padding: '28px' }}>
+                            {isTranslated && (
+                                <div style={{ marginBottom: '16px', border: '1px solid #bae6fd', background: '#f0f9ff', borderRadius: '12px', padding: '10px 12px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '8px' }}>
+                                    <span style={{ fontSize: '12px', fontWeight: 600, color: '#0c4a6e' }}>
+                                        Translated from {sourceLanguageName}
+                                    </span>
+                                    <button
+                                        type="button"
+                                        onClick={() => setShowOriginalText(prev => !prev)}
+                                        style={{ fontSize: '11px', fontWeight: 700, color: '#0369a1', background: 'transparent', border: 'none', cursor: 'pointer' }}
+                                    >
+                                        {showOriginalText ? 'View English' : 'View Original'}
+                                    </button>
+                                </div>
+                            )}
                             <div style={{ background: 'linear-gradient(135deg, #0f1f12, #1a3320)', color: '#ffffff', borderRadius: '16px', padding: '24px 28px', fontSize: '15px', fontStyle: 'italic', lineHeight: 1.7 }}>
-                                "{displayText}"
+                                "{renderedText}"
                             </div>
 
                             {imageUrl && (

Frontend/src/admin/pages/AdminTickets.jsx

@@ -340,6 +340,11 @@ const AdminTickets = () => {
                                                 {ticket.category} 
                                                 <span className="text-[9px] font-medium text-slate-300">• {formatTimelineDate(ticket.created_at)}</span>
                                             </span>
+                                            {ticket?.metadata?.translation?.translated && (
+                                                <span className="text-[10px] text-sky-700 mt-1">
+                                                    Translated from {ticket.metadata.translation.source_language_name || ticket.metadata.translation.source_language || 'Unknown'}
+                                                </span>
+                                            )}
                                         </div>
                                     </td>
 

Frontend/src/user/components/RecentTickets.jsx

@@ -150,6 +150,11 @@ const RecentTickets = () => {
                                             <p style={{ fontSize: '14px', fontWeight: 500, color: '#111827', margin: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', maxWidth: '320px' }}>
                                                 {ticket.summary || ticket.subject || ticket.description || "No description provided"}
                                             </p>
+                                            {ticket?.metadata?.translation?.translated && (
+                                                <p style={{ fontSize: '11px', color: '#0369a1', margin: '4px 0 0' }}>
+                                                    Translated from {ticket.metadata.translation.source_language_name || ticket.metadata.translation.source_language || 'Unknown'}
+                                                </p>
+                                            )}
                                         </td>
                                         <td style={{ padding: '16px 28px' }}>
                                             {getStatusBadge(ticket.status)}

Frontend/src/user/pages/MyTickets.jsx

@@ -120,6 +120,14 @@ function MyTickets() {
         return 'text-gray-600';
     };
 
+    const getTranslationInfo = (ticket) => {
+        const t = ticket?.metadata?.translation;
+        if (!t?.translated) return null;
+        return {
+            sourceLanguageName: t.source_language_name || t.source_language || 'Unknown',
+        };
+    };
+
     return (
         <main className="flex-1 max-w-[1200px] w-full mx-auto px-6 py-10 flex flex-col gap-8">
             {/* Header section */}
@@ -317,6 +325,11 @@ function MyTickets() {
                                                  <p className="text-sm font-semibold text-gray-900 truncate group-hover:text-emerald-700 transition-colors">
                                                      {ticket.summary || ticket.subject || ticket.description || "No subject"}
                                                  </p>
+                                                 {getTranslationInfo(ticket) && (
+                                                     <p className="text-[10px] text-slate-500 mt-1">
+                                                         Translated from {getTranslationInfo(ticket).sourceLanguageName}
+                                                     </p>
+                                                 )}
                                             </td>
                                             <td className="px-6 py-4">
                                                 <span className="text-sm font-medium text-gray-600 bg-gray-100 px-2.5 py-1 rounded-md">

Frontend/src/user/pages/TicketDetail.jsx

@@ -22,6 +22,7 @@ const TicketDetail = () => {
     const [isReopening, setIsReopening] = useState(false);
     const [showCsat, setShowCsat] = useState(false);
     const [csatHasBeenDismissed, setCsatHasBeenDismissed] = useState(false);
+    const [showOriginalText, setShowOriginalText] = useState(false);
 
     useEffect(() => {
         window.scrollTo(0, 0);
@@ -122,6 +123,10 @@ const TicketDetail = () => {
     const solutionSteps = Array.isArray(ticket.solution_steps) ? ticket.solution_steps : [];
     const isAutoResolved = ticket.auto_resolve === true;
     const confidenceScore = ticket.metadata?.confidence ?? ticket.routing_confidence ?? 0.92;
+    const translationMeta = ticket.metadata?.translation;
+    const originalTextMeta = ticket.metadata?.original_text;
+    const isTranslated = Boolean(translationMeta?.translated && originalTextMeta?.description);
+    const sourceLanguageName = translationMeta?.source_language_name || translationMeta?.source_language || 'Unknown';
 
 
     const handleReopen = async () => {
@@ -184,6 +189,27 @@ const TicketDetail = () => {
 
                 {/* LEFT SIDE (Main Content) */}
                 <div className="lg:col-span-2 flex flex-col gap-6">
+                    {isTranslated && (
+                        <Card className="p-4 rounded-2xl border border-sky-100 bg-sky-50/70 shadow-sm">
+                            <div className="flex items-center justify-between gap-3">
+                                <p className="text-sm font-semibold text-sky-900">
+                                    Translated from {sourceLanguageName}
+                                </p>
+                                <button
+                                    type="button"
+                                    onClick={() => setShowOriginalText(prev => !prev)}
+                                    className="text-xs font-bold text-sky-700 hover:text-sky-900"
+                                >
+                                    {showOriginalText ? "View English" : "View Original"}
+                                </button>
+                            </div>
+                            {showOriginalText && (
+                                <p className="mt-3 text-sm text-slate-700 bg-white border border-sky-100 rounded-lg px-3 py-2">
+                                    {originalTextMeta?.description}
+                                </p>
+                            )}
+                        </Card>
+                    )}
 
                     {/* Card 1: Ticket Timeline */}
                     <Card className="p-6 sm:p-8 rounded-2xl border border-gray-100 shadow-sm bg-white">

backend/main.py

@@ -8,6 +8,7 @@ import os
 import sys
 import uuid
 import json
+import re
 import datetime
 import traceback
 import warnings
@@ -220,6 +221,11 @@ class TicketResponse(BaseModel):
     highlights: list[str] = []
     timeline: dict = {} # Map of step_name: timestamp
     env_metadata: dict = {} # IP, Hostname, Browser/OS
+    sla_breach_at: str | None = None
+    original_text: str | None = None
+    source_language: str = "en"
+    source_language_name: str = "English"
+    was_translated: bool = False
     version: str = "2.1.0-Neural-Diagnostic"
 
 
@@ -302,6 +308,78 @@ try:
 except ImportError:
     ocr_service = None
 
+LANGUAGE_NAMES = {
+    "en": "English",
+    "es": "Spanish",
+    "de": "German",
+    "hi": "Hindi",
+    "fr": "French",
+    "it": "Italian",
+    "pt": "Portuguese",
+    "ja": "Japanese",
+    "ko": "Korean",
+    "zh": "Chinese",
+    "ar": "Arabic",
+    "ru": "Russian",
+}
+
+def _heuristic_language_detection(text: str) -> dict:
+    sample = (text or "").strip()
+    if not sample:
+        return {"code": "en", "name": "English"}
+    ascii_chars = sum(1 for c in sample if ord(c) < 128)
+    ratio = ascii_chars / max(len(sample), 1)
+    if ratio > 0.97:
+        return {"code": "en", "name": "English"}
+    return {"code": "unknown", "name": "Unknown"}
+
+def detect_and_translate_ticket_text(text: str) -> dict:
+    original_text = (text or "").strip()
+    if not original_text:
+        return {
+            "text_for_analysis": text or "",
+            "source_language": "en",
+            "source_language_name": "English",
+            "was_translated": False,
+            "original_text": "",
+        }
+
+    detected = _heuristic_language_detection(original_text)
+    if gemini_service and getattr(gemini_service, "_initialized", False):
+        detected = gemini_service.detect_language(original_text)
+
+    source_code = str(detected.get("code", "en")).lower()
+    source_name = detected.get("name") or LANGUAGE_NAMES.get(source_code, source_code.upper())
+    if source_code in ("en", "eng"):
+        return {
+            "text_for_analysis": original_text,
+            "source_language": "en",
+            "source_language_name": "English",
+            "was_translated": False,
+            "original_text": original_text,
+        }
+
+    translated_text = original_text
+    if gemini_service and getattr(gemini_service, "_initialized", False):
+        translated_text = gemini_service.translate_to_english(original_text, source_name)
+
+    if not translated_text or translated_text.strip() == original_text:
+        return {
+            "text_for_analysis": original_text,
+            "source_language": source_code,
+            "source_language_name": source_name,
+            "was_translated": False,
+            "original_text": original_text,
+        }
+
+    return {
+        "text_for_analysis": translated_text.strip(),
+        "source_language": source_code,
+        "source_language_name": source_name,
+        "was_translated": True,
+        "original_text": original_text,
+    }
+
 
 # ---------------------------------------------------------------------------
 # Lifespan (startup / shutdown)
@@ -650,6 +728,28 @@ async def save_ticket(request_body: TicketSaveRequest):
 
     logger = logging.getLogger(__name__)
     final_data = request_body.model_dump()
+    original_subject = final_data.get("subject", "") or ""
+    original_description = final_data.get("description", "") or ""
+
+    # Detect language and translate subject/description into English before downstream routing/indexing.
+    translation_probe_text = (original_description.strip() or original_subject.strip())
+    translation_ctx = detect_and_translate_ticket_text(translation_probe_text)
+    metadata = final_data.get("metadata") or {}
+    if translation_ctx["was_translated"]:
+        translated_subject = gemini_service.translate_to_english(original_subject, translation_ctx["source_language_name"]) if original_subject else original_subject
+        translated_description = gemini_service.translate_to_english(original_description, translation_ctx["source_language_name"]) if original_description else original_description
+        final_data["subject"] = translated_subject or original_subject
+        final_data["description"] = translated_description or original_description
+        metadata["original_text"] = {
+            "subject": original_subject,
+            "description": original_description,
+        }
+    metadata["translation"] = {
+        "translated": bool(translation_ctx["was_translated"]),
+        "source_language": translation_ctx["source_language"],
+        "source_language_name": translation_ctx["source_language_name"],
+    }
+    final_data["metadata"] = metadata
 
     # Resolve tenant linkage from user profile with authorization validation.
     profile = {}
@@ -891,6 +991,8 @@ async def analyze_only(request_body: TicketRequest):
     and duplicate check before committing to a ticket creation.
     """
     text = request_body.text
+    translation_ctx = detect_and_translate_ticket_text(text)
+    text = translation_ctx["text_for_analysis"]
     print(f"[AI] Starting Analysis (READ-ONLY) for: {text[:50]}...") 
     settings = get_system_settings(request_body.company)
     confidence_threshold = settings["ai_confidence_threshold"]
@@ -935,6 +1037,10 @@ async def analyze_only(request_body: TicketRequest):
             is_potential_duplicate=False,
             parent_ticket_id=None,
             sla_breach_at=_sla_breach.isoformat().replace("+00:00", "Z"),
+            original_text=request_body.text,
+            source_language=translation_ctx["source_language"],
+            source_language_name=translation_ctx["source_language_name"],
+            was_translated=translation_ctx["was_translated"],
         )
     
     # --- Context & Environment ---
@@ -1043,7 +1149,13 @@ async def analyze_only(request_body: TicketRequest):
         highlights=[e.get("text", "") for e in entities], # Use entity texts as highlights for now
         timeline=timeline,
         env_metadata=env_metadata,
-        sla_breach_at=sla_breach_dt.isoformat() + "Z"
+        is_potential_duplicate=dup_result.get("is_potential_duplicate", False),
+        parent_ticket_id=dup_result.get("parent_ticket_id"),
+        sla_breach_at=sla_breach_dt.isoformat().replace("+00:00", "Z"),
+        original_text=translation_ctx["original_text"],
+        source_language=translation_ctx["source_language"],
+        source_language_name=translation_ctx["source_language_name"],
+        was_translated=translation_ctx["was_translated"],
     )
 
 @app.post("/ai/analyze_stream")

backend/services/gemini_service.py

@@ -2,6 +2,7 @@ import os
 import base64
 import io
 import re
+import json
 from PIL import Image
 from google import genai
 from dotenv import load_dotenv
@@ -222,3 +223,65 @@ class GeminiService:
         except Exception as e:
             print(f"[GeminiService] Bug Analysis Error: {e}")
             return f"Diagnostic analysis failed: {str(e)}"
+
+    def detect_language(self, text: str) -> dict:
+        """
+        Detect language for the given text. Returns ISO-ish language code and English language name.
+        """
+        if not text or not text.strip():
+            return {"code": "en", "name": "English"}
+        if not self._initialized:
+            return {"code": "en", "name": "English"}
+
+        try:
+            prompt = (
+                "Detect the natural language of the following user message. "
+                "Return strict JSON only with keys: code, name. "
+                "Example: {\"code\":\"es\",\"name\":\"Spanish\"}.\n\n"
+                f"Text:\n{text}"
+            )
+            response = self.client.models.generate_content(
+                model=self.model_name,
+                contents=prompt
+            )
+            raw = (response.text or "").strip()
+            match = re.search(r"\{.*\}", raw, re.DOTALL)
+            parsed = json.loads(match.group(0) if match else raw)
+            code = str(parsed.get("code", "en")).lower()
+            name = str(parsed.get("name", "English"))
+            if not code:
+                code = "en"
+            if not name:
+                name = "English"
+            return {"code": code, "name": name}
+        except Exception as e:
+            print(f"[GeminiService] Language detection error: {e}")
+            return {"code": "en", "name": "English"}
+
+    def translate_to_english(self, text: str, source_language: str | None = None) -> str:
+        """
+        Translate user text to English while preserving technical terms.
+        """
+        if not text or not text.strip():
+            return text
+        if not self._initialized:
+            return text
+
+        try:
+            lang_hint = f"Source language: {source_language}. " if source_language else ""
+            prompt = (
+                "Translate the following support ticket text to natural, concise English. "
+                "Preserve technical terms, error codes, product names, and formatting. "
+                "Return only translated text with no prefix or explanation. "
+                f"{lang_hint}\n\n"
+                f"Text:\n{text}"
+            )
+            response = self.client.models.generate_content(
+                model=self.model_name,
+                contents=prompt
+            )
+            translated = (response.text or "").strip()
+            return translated or text
+        except Exception as e:
+            print(f"[GeminiService] Translation error: {e}")
+            return text