Hugging Face's logo

Spaces:
vsmdvic
/
idea
Sleeping

App Files Community
idea / static /vhelp.html
vsmdvic's picture
vsmdvic
Upload 20 files
469a4d4 verified
raw
history blame contribute delete
21.1 kB
<!DOCTYPE html>
<html lang="ro">
<head>
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>IDEA | VHelp</title>
<link rel="stylesheet" href="style.css">
<style>
/* โ”€โ”€ VHelp layout โ”€โ”€ */
body { display:flex; flex-direction:column; min-height:100dvh; }
.chat-wrap {
 max-width:680px; margin:0 auto; width:100%;
 padding:16px 14px 100px; flex:1;
}
/* Mesaje */
.msg { display:flex; gap:10px; margin-bottom:18px; animation:fadeIn 0.3s ease; }
.msg.user { flex-direction:row-reverse; }
.msg-avatar {
 width:32px; height:32px; border-radius:50%; flex-shrink:0;
 display:flex; align-items:center; justify-content:center;
 background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1);
 font-size:11px; letter-spacing:1px; color:var(--white-dim);
 align-self:flex-end;
}
.msg-avatar img { width:18px; height:18px; opacity:0.6; }
.msg-bubble {
 max-width:82%; padding:12px 14px;
 background:rgba(255,255,255,0.04);
 border:1px solid rgba(255,255,255,0.08);
 font-size:12px; line-height:1.8; color:var(--white);
}
.msg.user .msg-bubble {
 background:rgba(255,255,255,0.09);
 border-color:rgba(255,255,255,0.15);
 text-align:right;
}
.msg-time { font-size:8px; color:var(--white-faint); letter-spacing:1px; margin-top:5px; }
.msg.user .msg-time { text-align:right; }
/* Typing indicator */
.typing-dots { display:flex; gap:4px; padding:4px 0; align-items:center; }
.typing-dots span {
 width:6px; height:6px; border-radius:50%;
 background:rgba(255,255,255,0.35);
 animation:typing-bounce 1.4s ease-in-out infinite;
}
.typing-dots span:nth-child(2) { animation-delay:0.2s; }
.typing-dots span:nth-child(3) { animation-delay:0.4s; }
@keyframes typing-bounce {
 0%,60%,100% { transform:translateY(0); opacity:0.35; }
 30% { transform:translateY(-5px); opacity:1; }
}
/* Typewriter cursor */
.tw-cursor::after {
 content:'|'; animation:blink-cur 0.7s step-end infinite;
 color:rgba(255,255,255,0.5); margin-left:1px;
}
@keyframes blink-cur { 0%,100%{opacity:1;} 50%{opacity:0;} }
/* Error badge */
.err-badge {
 display:inline-block; font-size:9px; letter-spacing:2px;
 padding:2px 8px; background:rgba(180,60,60,0.15);
 border:1px solid rgba(180,60,60,0.3); color:rgba(220,100,100,0.9);
 margin-bottom:6px;
}
/* Input bar */
.input-bar {
 position:fixed; bottom:0; left:0; right:0;
 background:rgba(10,10,10,0.95);
 backdrop-filter:blur(1px);
 border-top:1px solid rgba(255,255,255,0.07);
 padding:12px 14px; z-index:100;
}
.input-inner {
 max-width:680px; margin:0 auto;
 display:flex; gap:8px; align-items:flex-end;
}
.input-inner textarea {
 flex:1; resize:none; min-height:40px; max-height:120px;
 padding:10px 12px; font-size:12px; line-height:1.6;
 background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1);
 color:var(--white); font-family:'DM Mono',monospace;
 outline:none; transition:border-color 0.2s; overflow-y:auto;
}
.input-inner textarea:focus { border-color:rgba(255,255,255,0.3); }
.input-inner textarea::placeholder { color:var(--white-faint); }
.btn-send {
 width:40px; height:40px; background:var(--white); border:none;
 display:flex; align-items:center; justify-content:center;
 cursor:pointer; flex-shrink:0; transition:opacity 0.2s;
}
.btn-send:hover { opacity:0.85; }
.btn-send svg { width:16px; height:16px; }
/* Chips โ€” suggestii rapide */
.chips { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.chip {
 background:transparent; border:1px solid rgba(255,255,255,0.1);
 color:var(--white-dim); padding:5px 10px;
 font-family:'DM Mono',monospace; font-size:9px; letter-spacing:1px;
 cursor:pointer; transition:all 0.2s;
}
.chip:hover { border-color:rgba(255,255,255,0.3); color:var(--white); background:rgba(255,255,255,0.04); }
/* Header VHelp */
.vhelp-header {
 display:flex; align-items:center; gap:10px; padding:14px 14px 0;
 max-width:680px; margin:0 auto; margin-bottom:16px;
}
.vhelp-logo {
 width:36px; height:36px; border-radius:50%;
 background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12);
 display:flex; align-items:center; justify-content:center;
}
.vhelp-logo img { width:20px; height:20px; }
.vhelp-name { font-family:'Cormorant Garamond',serif; font-size:18px; letter-spacing:2px; }
.vhelp-sub { font-size:9px; color:var(--white-dim); letter-spacing:2px; margin-top:1px; }
.vhelp-badge { margin-left:auto; font-size:8px; letter-spacing:2px; padding:3px 8px; border:1px solid rgba(74,138,74,0.5); color:rgba(100,180,100,0.9); }
@keyframes fadeIn { from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);} }
</style>
</head>
<body>
<div class="topbar">
 <a href="javascript:history.back()" class="topbar-logo" style="text-decoration:none;">
 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.5)" stroke-width="1.5" stroke-linecap="round" style="margin-right:2px;"><polyline points="15 18 9 12 15 6"/></svg>
 <img src="logo.svg" alt="VS" style="margin-left:4px;">
 <span class="topbar-name">IDEA</span>
 </a>
 <div class="topbar-divider"></div>
 <span class="topbar-section">VHELP</span>
 <div class="topbar-right">
 <span class="role-tag" id="user-tag">โ€”</span>
 </div>
</div>
<!-- VHelp header -->
<div class="vhelp-header fade-in">
 <div class="vhelp-logo"><img src="logo.svg" alt="VHelp"></div>
 <div>
 <div class="vhelp-name">VHelp</div>
 <div class="vhelp-sub">Asistent suport IDEA</div>
 </div>
 <div class="vhelp-badge">ONLINE</div>
</div>
<!-- Chat -->
<div class="chat-wrap" id="chat-wrap">
<div class="chips" id="quick-chips">
 <button class="chip" onclick="sendChip('err-001')">err-001</button>
 <button class="chip" onclick="sendChip('err-003')">err-003</button>
 <button class="chip" onclick="sendChip('err-009')">err-009</button>
 <button class="chip" onclick="sendChip('err-013')">err-013</button>
 <button class="chip" onclick="sendChip('err-025')">err-025</button>
 <button class="chip" onclick="sendChip('err-027')">err-027</button>
 </div>
</div>
<!-- Input -->
<div class="input-bar">
 <div class="input-inner">
 <textarea id="msg-input" placeholder="Scrie codul erorii... (ex: err-003)" rows="1"
 onkeydown="handleKey(event)" oninput="autoResize(this)"></textarea>
 <button class="btn-send" onclick="sendMsg()">
 <svg viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round">
 <line x1="22" y1="2" x2="11" y2="13"/>
 <polygon points="22 2 15 22 11 13 2 9 22 2"/>
 </svg>
 </button>
 </div>
</div>
<script>
// โ”€โ”€ Baza de cunostinte VHelp โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€
const ERR_DB = {
 "001": { title:"Firebase conexiune eศ™uatฤƒ", cauza:"Serverul Firebase este indisponibil sau cheia API este invalidฤƒ.", sfat:"Verificฤƒ dacฤƒ ai conexiune la internet. Dacฤƒ problema persistฤƒ, serverul Firebase poate fi momentan oprit โ€” รฎncearcฤƒ din nou รฎn cรขteva minute." },
 "002": { title:"Elev negฤƒsit รฎn baza de date", cauza:"ID-ul selectat nu existฤƒ รฎn Firestore sau a fost ศ™ters.", sfat:"Cere adminului sฤƒ verifice cฤƒ eศ™ti รฎn lista elevilor. Dacฤƒ tocmai ศ›i-a fost creat contul, reรฎncarcฤƒ pagina de login." },
 "003": { title:"Cod VPass incorect", cauza:"Ai introdus un PIN greศ™it de 6 cifre.", sfat:"รŽncearcฤƒ sฤƒ reintroduci codul VPass atent. Dacฤƒ l-ai uitat, foloseศ™te opศ›iunea 'Am uitat parola' de pe pagina de login." },
 "004": { title:"Cont fฤƒrฤƒ parolฤƒ", cauza:"Exiศ™ti รฎn baza de date dar nu ศ›i-ai activat contul.", sfat:"Apasฤƒ butonul รŽNREGISTRARE de pe pagina de login ศ™i urmeazฤƒ cei 4 paศ™i pentru activarea contului." },
 "005": { title:"Cerere de รฎnregistrare รฎn aศ™teptare", cauza:"Ai solicitat deja un cod de confirmare, dar acesta nu a fost validat.", sfat:"Aศ™teaptฤƒ ca administratorul sฤƒ proceseze cererea ta. Dacฤƒ a trecut mai mult de 10 minute, รฎncearcฤƒ din nou din pagina de login." },
 "006": { title:"Cod de confirmare expirat", cauza:"Au trecut mai mult de 10 minute de la generarea codului.", sfat:"Revino la login ศ™i apasฤƒ din nou รŽNREGISTRARE pentru a solicita un cod nou." },
 "007": { title:"Cod de confirmare incorect", cauza:"Cele 4 cifre introduse nu corespund codului trimis.", sfat:"Verificฤƒ SMS-ul sau emailul primit ศ™i introdu exact cele 4 cifre. Atenศ›ie la spaศ›ii sau cifre lipsฤƒ." },
 "008": { title:"Parolฤƒ prea scurtฤƒ", cauza:"Parola aleasฤƒ are mai puศ›in de 6 caractere.", sfat:"Alege o parolฤƒ de minimum 6 cifre sau caractere. Recomandฤƒm o combinaศ›ie de cifre uศ™or de reศ›inut." },
 "009": { title:"Upload eศ™uat โ€” eroare reศ›ea", cauza:"Conexiunea la Google Drive s-a รฎntrerupt รฎn timpul รฎncฤƒrcฤƒrii.", sfat:"Verificฤƒ conexiunea la internet ศ™i รฎncearcฤƒ din nou. Dacฤƒ fiศ™ierul e mare, รฎncearcฤƒ cu o conexiune Wi-Fi stabilฤƒ." },
 "010": { title:"Fiศ™ier prea mare", cauza:"Fiศ™ierul selectat depฤƒศ™eศ™te limita de 50MB.", sfat:"Comprimฤƒ fiศ™ierul sau รฎmparte-l รฎn mai multe pฤƒrศ›i. Poศ›i folosi un site de compresie online pentru PDF-uri sau arhive ZIP." },
 "011": { title:"Niciun fiศ™ier selectat", cauza:"Ai apฤƒsat upload fฤƒrฤƒ sฤƒ selectezi un fiศ™ier.", sfat:"Apasฤƒ zona de upload sau trage fiศ™ierul din calculator รฎn zona marcatฤƒ, apoi รฎncearcฤƒ din nou." },
 "012": { title:"Materie neselectatฤƒ", cauza:"Nu ai selectat materia รฎnainte de a รฎncฤƒrca fiศ™ierul.", sfat:"Apasฤƒ pe una dintre materiile din grila de sus, apoi รฎncearcฤƒ din nou upload-ul." },
 "013": { title:"Sesiune expiratฤƒ", cauza:"Tab-ul a fost reรฎncฤƒrcat sau sesiunea s-a รฎnchis.", sfat:"Revino la pagina de login ศ™i conecteazฤƒ-te din nou. Sesiunea este activฤƒ doar cรขt tabul e deschis." },
 "014": { title:"Acces neautorizat", cauza:"Rolul din sesiune nu corespunde paginii accesate.", sfat:"Deconecteazฤƒ-te apฤƒsรขnd Ieศ™ire ศ™i logheazฤƒ-te din nou cu contul corect." },
 "015": { title:"Timeout server", cauza:"Serverul nu a rฤƒspuns รฎn 30 de secunde.", sfat:"Reรฎncarcฤƒ pagina. Dacฤƒ serverul HuggingFace e pornit recent, poate dura 30-60 secunde sฤƒ se iniศ›ializeze." },
 "016": { title:"B2 autentificare eศ™uatฤƒ", cauza:"Cheia API Backblaze B2 este invalidฤƒ (versiune veche).", sfat:"Contacteazฤƒ administratorul. Sistemul foloseศ™te acum Google Drive, aceastฤƒ eroare apare doar pe versiuni vechi." },
 "017": { title:"B2 upload URL indisponibil", cauza:"Server Backblaze indisponibil (versiune veche).", sfat:"Contacteazฤƒ administratorul โ€” sistemul a migrat la Google Drive รฎn versiunea curentฤƒ." },
 "018": { title:"Listare fiศ™iere eศ™uatฤƒ", cauza:"Nu s-a putut obศ›ine lista fiศ™ierelor din Drive.", sfat:"Reรฎncarcฤƒ pagina. Dacฤƒ problema persistฤƒ, verificฤƒ conexiunea la internet sau contacteazฤƒ adminul." },
 "019": { title:"ศ˜tergere fiศ™ier eศ™uatฤƒ", cauza:"Fiศ™ierul nu a putut fi ศ™ters din Drive.", sfat:"รŽncearcฤƒ din nou. Dacฤƒ nu funcศ›ioneazฤƒ, contacteazฤƒ administratorul cu ID-ul fiศ™ierului." },
 "020": { title:"Parolฤƒ administrator incorectฤƒ", cauza:"Parola introdusฤƒ รฎn panoul admin este greศ™itฤƒ.", sfat:"Verificฤƒ parola de admin. Dacฤƒ ai uitat-o, contacteazฤƒ arhitectul sistemului." },
 "021": { title:"Cรขmp obligatoriu lipsฤƒ", cauza:"Nu ai completat toate cรขmpurile formularului.", sfat:"Verificฤƒ toate cรขmpurile marcate ศ™i asigurฤƒ-te cฤƒ niciun cรขmp nu e gol." },
 "022": { title:"PIN trebuie sฤƒ fie exact 6 cifre", cauza:"PIN-ul introdus are mai mult sau mai puศ›in de 6 cifre.", sfat:"Introdu exact 6 cifre pentru PIN. Fฤƒrฤƒ litere sau spaศ›ii." },
 "023": { title:"Elev deja รฎnregistrat", cauza:"Ai deja o parolฤƒ setatฤƒ pentru acest cont.", sfat:"Foloseศ™te loginul normal. Dacฤƒ nu รฎศ›i aminteศ™ti parola, apasฤƒ 'Am uitat parola' pe pagina de login." },
 "024": { title:"Cerere respinsฤƒ de admin", cauza:"Administratorul a respins cererea ta de รฎnregistrare.", sfat:"Contacteazฤƒ administratorul pentru a afla motivul ศ™i pentru a solicita o nouฤƒ รฎnregistrare." },
 "025": { title:"Eroare Firestore โ€” scriere", cauza:"Nu s-a putut salva รฎn baza de date Firebase.", sfat:"Verificฤƒ conexiunea la internet. Dacฤƒ eศ™ti admin, verificฤƒ regulile Firestore รฎn consolฤƒ." },
 "026": { title:"Eroare Firestore โ€” citire", cauza:"Nu s-au putut citi datele din Firebase.", sfat:"Verificฤƒ conexiunea la internet. Problema poate fi ศ™i la regulile de securitate Firestore." },
 "027": { title:"Eroare reศ›ea generalฤƒ", cauza:"Conexiunea la internet este รฎntreruptฤƒ sau instabilฤƒ.", sfat:"Verificฤƒ Wi-Fi sau datele mobile. Reรฎncarcฤƒ pagina dupฤƒ ce conexiunea e restabilitฤƒ." },
 "028": { title:"Notificare negฤƒsitฤƒ", cauza:"Notificarea a fost deja procesatฤƒ sau ศ™tearsฤƒ.", sfat:"Reรฎncarcฤƒ tab-ul Notificฤƒri din admin dashboard." },
 "029": { title:"Cod format invalid", cauza:"Codul introdus nu are exact 4 cifre numerice.", sfat:"Codul de confirmare trebuie sฤƒ fie exact 4 cifre (ex: 4821). Fฤƒrฤƒ litere sau spaศ›ii." },
 "030": { title:"Sesiune signup expiratฤƒ", cauza:"Pagina de รฎnregistrare a stat inactivฤƒ prea mult timp.", sfat:"Revino la login ศ™i apasฤƒ din nou รŽNREGISTRARE pentru a relua procesul de la รฎnceput." },
 "404": { title:"Paginฤƒ negฤƒsitฤƒ / Mentenanศ›ฤƒ", cauza:"Aceastฤƒ eroare apare fie cฤƒ pagina nu existฤƒ, fie cฤƒ serverul este รฎn modul mentenanศ›ฤƒ.", sfat:"Cel mai probabil serverul IDEA este temporar oprit pentru reparaศ›ii. Acesta va fi funcศ›ional รฎn aproximativ 15 minute. Dacฤƒ problema persistฤƒ dupฤƒ 15 minute, contacteazฤƒ administratorul." },
 "503": { title:"Server รฎn mentenanศ›ฤƒ", cauza:"Administratorul a activat modul de mentenanศ›ฤƒ al serverului.", sfat:"Serverul IDEA este รฎn reparaศ›ie temporarฤƒ. Revino รฎn aproximativ 15 minute. Nu este nevoie sฤƒ faci nimic โ€” sistemul se va reactiva automat." },
};
// Extrage prenumele din "Rosca Victor" โ†’ "Victor"
function getFirstName(fullName) {
 if (!fullName) return "utilizator";
 const parts = fullName.trim().split(/\s+/);
 return parts.length >= 2 ? parts[parts.length - 1] : parts[0];
}
function parseErrCode(input) {
 const m = input.replace(/[\s\-_]/g,'').match(/(?:err|error)?(\d{3})/i);
 return m ? m[1] : null;
}
function nowStr() {
 return new Date().toLocaleTimeString('ro', {hour:'2-digit',minute:'2-digit'});
}
function autoResize(el) {
 el.style.height='auto'; el.style.height=Math.min(el.scrollHeight,120)+'px';
}
function handleKey(e) {
 if (e.key==='Enter' && !e.shiftKey) { e.preventDefault(); sendMsg(); }
}
// โ”€โ”€ Sunet feedback โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€
function playReplySound() {
 try {
 const ctx = new (window.AudioContext||window.webkitAudioContext)();
 const o = ctx.createOscillator();
 const g = ctx.createGain();
 o.type = 'sine'; o.frequency.value = 880;
 g.gain.setValueAtTime(0, ctx.currentTime);
 g.gain.linearRampToValueAtTime(0.04, ctx.currentTime + 0.02);
 g.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.18);
 o.connect(g); g.connect(ctx.destination);
 o.start(); o.stop(ctx.currentTime + 0.18);
 } catch(e) {}
}
// โ”€โ”€ Adauga mesaj in chat โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€
let _userName = '';
let _initialized = false;
function addMsg(role, html, animate=false) {
 const wrap = document.getElementById('chat-wrap');
 const div = document.createElement('div');
 div.className = 'msg ' + role;
 const initials = role === 'user' ? (_userName[0]||'U') : '';
 div.innerHTML = `
 ${role==='vhelp' ? `<div class="msg-avatar"><img src="logo.svg" alt="VH"></div>` : ''}
 <div>
 <div class="msg-bubble" id="bubble-${Date.now()}">${animate ? '' : html}</div>
 <div class="msg-time">${nowStr()}</div>
 </div>
 ${role==='user' ? `<div class="msg-avatar">${initials.toUpperCase()}</div>` : ''}
 `;
 wrap.appendChild(div);
 wrap.scrollTop = wrap.scrollHeight;
 if (animate) {
 const bubble = div.querySelector('.msg-bubble');
 typewriter(bubble, html, 18);
 }
 return div;
}
function addTypingIndicator() {
 const wrap = document.getElementById('chat-wrap');
 const div = document.createElement('div');
 div.className = 'msg vhelp'; div.id = 'typing-indicator';
 div.innerHTML = `
 <div class="msg-avatar"><img src="logo.svg" alt="VH"></div>
 <div>
 <div class="msg-bubble">
 <div class="typing-dots"><span></span><span></span><span></span></div>
 </div>
 </div>`;
 wrap.appendChild(div);
 wrap.scrollTop = wrap.scrollHeight;
}
function removeTypingIndicator() {
 const el = document.getElementById('typing-indicator');
 if (el) el.remove();
}
// โ”€โ”€ Typewriter animation โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€
function typewriter(el, html, speed=18) {
 // Strip HTML tags pentru typewriter, apoi re-inserez formatat
 const tmp = document.createElement('div');
 tmp.innerHTML = html;
 const plain = tmp.textContent;
 el.innerHTML = '';
 el.classList.add('tw-cursor');
 let i = 0;
 const iv = setInterval(() => {
 if (i >= plain.length) {
 clearInterval(iv);
 el.classList.remove('tw-cursor');
 el.innerHTML = html; // switch la HTML complet la final
 return;
 }
 // Afiseaza plain text pana la final
 el.textContent = plain.slice(0, ++i);
 }, speed);
}
// โ”€โ”€ Build raspuns VHelp โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€
function buildReply(code) {
 const info = ERR_DB[code];
 if (!info) return null;
 return `<span class="err-badge">err-${code}</span><br>
<strong>${info.title}</strong><br><br>
<span style="color:var(--white-dim);font-size:11px;">Cauza:</span> ${info.cauza}<br><br>
<span style="color:rgba(100,200,100,0.8);font-size:11px;">Recomandare:</span> ${info.sfat}`;
}
// โ”€โ”€ Send โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€
function sendMsg() {
 const inp = document.getElementById('msg-input');
 const raw = inp.value.trim();
 if (!raw) return;
 inp.value = ''; inp.style.height='auto';
 // Ascunde chips dupa primul mesaj
 document.getElementById('quick-chips').style.display = 'none';
 addMsg('user', raw);
 setTimeout(() => {
 addTypingIndicator();
 const delay = 1200 + Math.random() * 800;
 setTimeout(() => {
 removeTypingIndicator();
 const code = parseErrCode(raw);
 let reply;
 if (code && ERR_DB[code]) {
 reply = buildReply(code);
 } else {
 reply = `Scuze, eu sunt doar un asistent suport.<br><br>Nu pot รฎnศ›elege altceva รฎn afara codurilor de eroare IDEA.<br><br><span style="color:var(--white-dim);">รŽmi pare rฤƒu, sunt รฎncฤƒ รฎn curs de dezvoltare...</span><br><br>Ai primit vreo eroare ศ™i nu te-am putut ajuta? Scrie codul รฎn format <strong>err-001</strong> ศ™i รฎศ›i explic imediat.`;
 }
 addMsg('vhelp', reply, true);
 playReplySound();
 }, delay);
 }, 100);
}
function sendChip(code) {
 document.getElementById('msg-input').value = code;
 sendMsg();
}
// โ”€โ”€ Init โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€
// โ”€โ”€ Sterge mesajele cand se inchide pagina โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€
document.addEventListener('visibilitychange', () => {
 if (document.visibilityState === 'hidden') {
 // Curata toate mesajele din chat (mai putin chips-uri)
 const wrap = document.getElementById('chat-wrap');
 const chips = document.getElementById('quick-chips');
 wrap.innerHTML = '';
 if (chips) { chips.style.display='flex'; wrap.appendChild(chips); }
 }
});
window.addEventListener('DOMContentLoaded', () => {
 const role = sessionStorage.getItem('vs_role');
 const name = sessionStorage.getItem('vs_name') ||
 sessionStorage.getItem('vs_name') || 'utilizator';
 _userName = name;
 const firstName = getFirstName(name);
 const roleLabel = role === 'elev' ? 'ELEV' : role === 'profesor' ? 'PROFESOR' : role === 'admin' ? 'ADMIN' : 'โ€”';
 document.getElementById('user-tag').textContent = roleLabel;
 // Mesaj de bun venit cu delay
 setTimeout(() => {
 addTypingIndicator();
 setTimeout(() => {
 removeTypingIndicator();
 const greeting = `Bunฤƒ, <strong>${firstName}</strong>! Eu sunt <strong>VHelp</strong>, asistentul tฤƒu de suport IDEA.<br><br>Ce cod de eroare ai primit acum?<br><br><span style="color:var(--white-dim);font-size:11px;">Poศ›i scrie รฎn orice format: err-003, ERR 003, err003 โ€” le รฎnศ›eleg pe toate.</span>`;
 addMsg('vhelp', greeting, true);
 playReplySound();
 _initialized = true;
 }, 1400);
 }, 500);
});
</script>
</body>
</html>