const bridge=window.psiqCommunityBridge;
const byId=id=>document.getElementById(id);
const escape=value=>String(value??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
const slug=name=>'membro-'+name.normalize('NFD').replace(/[\u0300-\u036f]/g,'').toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-|-$/g,'');
const initials=name=>name.trim().split(/\s+/).slice(0,2).map(n=>n[0]||'').join('').toUpperCase();
const screen=document.createElement('section');screen.id='public-community';screen.className='public-community';screen.hidden=true;byId('main').insertBefore(screen,byId('main').querySelector(':scope > .footer'));
const chats=new Map();
function people(){const self=bridge.self();const list=[{id:'eu',name:self.name,bio:self.bio,role:'Membro',own:true}];const known=new Set();for(const post of bridge.posts()){if(post.example===false)continue;const id=slug(post.author);if(known.has(id))continue;known.add(id);list.push({id,name:post.author,bio:post.role==='Professor'?'Professor da comunidade Psiq Raiz. Perfil de demonstração.':'Este é um perfil de exemplo para conhecer a comunidade e testar a navegação.',role:post.role||'Membro',own:false})}for(const person of list){bridge.register('perfil-'+person.id,['Perfil de '+person.name,'COMUNIDADE',person.name,'Perfil público da comunidade.','user']);if(!person.own)bridge.register('mensagens-para-'+person.id,['Conversa com '+person.name,'MENSAGENS',person.name,'Prévia de conversa privada.','chat'])}return list}
function personById(id){return people().find(p=>p.id===id)}
function selfPhoto(){return document.querySelector('#profile-toggle [data-avatar] img')?.getAttribute('src')||null}
function avatar(person){const photo=person.own?selfPhoto():null;return `<span class="avatar" ${person.own?'data-avatar':''}>${photo?`<img src="${escape(photo)}" alt="Foto de ${escape(person.name)}" data-profile-photo>`:escape(initials(person.name))}</span>`}
function about(person){return person.bio||'Ainda não adicionou uma bio.'}
function renderDirectory(){const list=people();screen.innerHTML=`<header class="community-page-top"><div><span class="caps">COMUNIDADE PSIQ RAIZ</span><h1>Membros</h1></div><a class="btn light" href="#perfil-eu">Ver meu perfil</a></header><p>Conheça as pessoas da comunidade. Clique no nome, na foto ou na bio para abrir o perfil.</p><div class="community-member-grid">${list.map(p=>`<article class="community-member-card"><a href="#perfil-${p.id}" aria-label="Ver perfil de ${escape(p.name)}">${avatar(p)}</a><a class="community-member-name" href="#perfil-${p.id}">${escape(p.name)}</a><span class="public-profile-tag">${escape(p.role)}${p.own?' · Você':' · Exemplo'}</span><a class="community-member-bio" href="#perfil-${p.id}">${escape(about(p))}</a><a class="btn light" href="#perfil-${p.id}">Ver perfil</a></article>`).join('')}</div><p class="public-helper">Prévia local: os outros perfis são exemplos. O diretório compartilhado será conectado ao backend.</p>`}
function postsFor(person){return bridge.posts().filter(post=>person.own?post.example===false:post.example!==false&&slug(post.author)===person.id)}
function renderProfile(person){const posts=postsFor(person);screen.innerHTML=`<header class="community-page-top"><a class="textbtn" href="#membros">← Voltar aos membros</a><span class="public-helper">${person.own?'Seu perfil na comunidade':'Perfil de demonstração'}</span></header><article class="public-profile-card"><div class="public-profile-cover" aria-hidden="true"></div><div class="public-profile-identity">${avatar(person)}<div class="profile-identity-text"><h1>${escape(person.name)}</h1><span class="public-profile-tag">${escape(person.role)} · Comunidade Psiq Raiz</span></div><div class="public-profile-actions">${person.own?'<button type="button" class="btn" data-edit-community-profile>Editar perfil</button>':`<a class="btn" href="#mensagens-para-${person.id}">Enviar mensagem</a>`}</div></div></article><div class="public-profile-content"><section class="public-profile-about"><h2>Sobre</h2><p class="public-profile-bio">${escape(about(person))}</p>${person.own?'<p class="public-helper">Foto, nome e bio compõem seu perfil público para os membros. Financeiro e configurações ficam na sua área pessoal.</p>':''}</section><section class="public-profile-posts"><h2>Publicações na comunidade</h2>${posts.length?posts.map(post=>`<article class="public-profile-post"><span class="public-helper">${post.space==='apresente'?'Se apresente':'Feed'}</span><h3>${escape(post.title)}</h3><p>${escape(post.body)}</p><a class="textbtn" href="#${post.space}">Ver no espaço →</a></article>`).join(''):'<p class="public-empty">Ainda não há publicações nesta prévia.</p>'}</section></div><p class="public-helper">Perfil demonstrativo. As informações ainda não são compartilhadas entre contas e desaparecem ao recarregar.</p>`}
function renderMessages(person){if(!person){screen.innerHTML=`<header class="community-page-top"><h1>Mensagens privadas</h1></header><section class="community-chat"><h2>Comece uma conversa</h2><p>Abra o perfil de um membro e escolha “Enviar mensagem”.</p><a class="btn" href="#membros">Conhecer os membros</a><p class="public-helper">As mensagens reais serão conectadas ao backend.</p></section>`;return}const messages=chats.get(person.id)||[];screen.innerHTML=`<header class="community-page-top"><a class="textbtn" href="#perfil-${person.id}">← Voltar ao perfil</a></header><section class="community-chat"><header class="community-chat-header">${avatar(person)}<div><h1>${escape(person.name)}</h1><a href="#perfil-${person.id}" class="textbtn">Ver perfil</a></div></header><p class="public-helper">Simulação local: nenhuma mensagem é enviada a outra pessoa. O envio real depende do backend.</p><div class="community-chat-log" aria-live="polite">${messages.length?messages.map(text=>`<div class="community-chat-bubble">${escape(text)}<small>Somente nesta prévia</small></div>`).join(''):'<p class="public-empty">Sua conversa começa aqui.</p>'}</div><form class="community-chat-form" id="community-chat-form" data-recipient="${person.id}"><label for="community-message">Sua mensagem</label><textarea class="field" id="community-message" required maxlength="3000" placeholder="Escreva uma mensagem de exemplo…"></textarea><div class="actions"><button type="submit" class="btn">Enviar na prévia</button></div></form></section>`}
function decoratePostProfiles(){const list=people(),posts=bridge.posts(),space=location.hash.slice(1);document.querySelectorAll('#post-list .post').forEach(article=>{const name=article.querySelector('.post-person strong');if(!name)return;const matching=posts.find(p=>p.space===space&&p.title===article.querySelector('h2')?.textContent);const person=matching?.example===false?list[0]:list.find(p=>!p.own&&p.name===name.textContent);if(!person)return;[name,article.querySelector('.post-top>.avatar')].filter(Boolean).forEach(node=>{node.dataset.publicProfile=person.id;node.tabIndex=0;node.setAttribute('role','link');node.setAttribute('aria-label','Ver perfil de '+person.name);node.classList.add('public-profile-link')})})}
function renderCommunity(){screen.hidden=true;if(!bridge.ready())return;people();const key=location.hash.slice(1),profileId=key.startsWith('perfil-')?key.slice(7):null,recipientId=key.startsWith('mensagens-para-')?key.slice(15):null;const isCommunity=key==='membros'||key==='mensagens'||profileId!==null||recipientId!==null;if(!isCommunity){decoratePostProfiles();return}document.querySelectorAll('#home-content,#section-content,#feed-content,#onboard-content,#course-content,#events-content,#finance-content,.main>.heading,.main>.crumb').forEach(node=>node.hidden=true);screen.hidden=false;if(key==='membros')renderDirectory();else if(key==='mensagens')renderMessages(null);else if(profileId!==null){const person=personById(profileId);if(person)renderProfile(person);else screen.innerHTML='<h1>Perfil não encontrado</h1><a class="btn" href="#membros">Voltar aos membros</a>'}else{const person=personById(recipientId);if(person&&!person.own)renderMessages(person);else renderMessages(null)}window.closeProfile();window.closeSidebar();const menuPerson=document.querySelector('#profile-menu .menu-person');menuPerson.dataset.publicProfile='eu';menuPerson.tabIndex=0;menuPerson.setAttribute('role','link');menuPerson.setAttribute('aria-label','Ver meu perfil')}
const originalNavigate=window.navigate;window.navigate=function(...args){originalNavigate(...args);renderCommunity()};
const originalFeed=window.renderFeed;window.renderFeed=function(...args){originalFeed(...args);decoratePostProfiles()};
window.addEventListener('hashchange',renderCommunity);
document.addEventListener('click',event=>{const edit=event.target.closest('[data-edit-community-profile]');if(edit){event.preventDefault();window.openDialog('Editar perfil','Sua foto, nome e bio aparecem no seu perfil para a comunidade.',true);return}const target=event.target.closest('[data-public-profile]');if(!target)return;event.preventDefault();event.stopPropagation();const route='perfil-'+target.dataset.publicProfile;if(location.hash==='#'+route)renderCommunity();else location.hash=route},true);
document.addEventListener('keydown',event=>{if(!['Enter',' '].includes(event.key))return;const target=event.target.closest('[data-public-profile][role=link]');if(target){event.preventDefault();target.click()}});
byId('profile-form').addEventListener('submit',()=>queueMicrotask(renderCommunity));
document.addEventListener('submit',event=>{if(event.target.id!=='community-chat-form')return;event.preventDefault();const person=personById(event.target.dataset.recipient),field=byId('community-message'),text=field.value.trim();if(!person||person.own||!text){field.setCustomValidity('Escreva uma mensagem de exemplo.');field.reportValidity();return}const messages=chats.get(person.id)||[];messages.push(text.slice(0,3000));chats.set(person.id,messages);renderMessages(person);byId('community-message').focus()});
document.addEventListener('input',event=>{if(event.target.id==='community-message')event.target.setCustomValidity('')});
byId('logout').addEventListener('click',()=>{chats.clear();screen.hidden=true});
const menuPerson=document.querySelector('#profile-menu .menu-person');menuPerson.dataset.publicProfile='eu';menuPerson.tabIndex=0;menuPerson.setAttribute('role','link');menuPerson.setAttribute('aria-label','Ver meu perfil');
people();renderCommunity();