[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_224":225,"_226":227},"routes/_app.x.$handle.$name",{"_98":97,"_32":43,"_107":88,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":47,"_122":123,"_124":25,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_32":43,"_36":44,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":47},"version",103,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",true,"deletedHere","path","pagina-parte-1.txt","latestPath","fileId","e6f54d96-8d05-11f1-b837-1607ee4eb77e","name","fileType","content","\n\n\n\n\nEscritório Virtual\n\n\n\n\n\n\n\n

ESCRITÓRIO VIRTUAL

Espaço de trabalho para equipes em home office.

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

No modo local nada é enviado para servidor: os dados ficam só neste navegador e você pode exportar um arquivo de backup.

\n\n\n

ESCRITÓRIO VIRTUAL

\n \n

\n local\n \n —\n —\n \n

\n\n

\n\n\n

ESCRITÓRIO VIRTUAL

Ande entre salas conectadas por portas, personalize seu avatar e acompanhe a equipe — tudo em tempo real.

\n\n

\n 🕐 09:00 — Dia 1\n

\n Zoom\n \n 100%\n \n

\n Velocidade da equipe\n \n

\n\n

Selecionado

Clique em um agente no escritório para ver o nome, o cargo e o que está fazendo agora. Clique duas vezes para chamar a atenção dele.

\n\n

📋 Painel do gestor

Quem está na sala atual

Atividade recente

Clique no quadro de avisos do escritório para deixar um recado para a equipe.

\n\n

🎮 Seu avatar

\n Tom de pele\n

\n Cor da roupa\n

\n Cabelo\n \n

\n Acessório\n \n Emotes (ou teclas 1–6)\n

WASD/setas: andar · E: interagir · 1–6: emote · ande até uma porta pra trocar de sala · scroll/zoom aproxima a câmera.

\n\n

🎨 Ambiente do escritório

\n\n

🛠️ Editor de planta

\n \n \n

Decora a sala que você está visitando agora. Escolha um item e clique no chão para posicionar; clique num item já colocado para remover.

\n\n

👔 Cargos (0)

\n \n

\n\n

🧑‍💼 Agentes (0)

\n \n

Crie os cargos primeiro, depois adicione agentes com o visual que quiser.

\n\n\n

TAREFAS DA EQUIPE

Arraste os cartões entre as colunas. A tarefa em andamento aparece acima do agente no escritório.

\n\n

➕ Nova tarefa

\n \n

\n\n

📥 A fazer 0

⚙️ Fazendo 0

✅ Concluído 0

\n\n\n

EQUIPE E CONTA

Quem está online agora, produtividade por pessoa e configurações da sua conta.

\n\n

🟢 Quem está online

A presença é atualizada a cada 20 segundos enquanto a aba estiver aberta.

\n\n

📊 Carga de trabalho

Tarefas abertas (a fazer + fazendo) por agente. Barras vermelhas indicam tarefas atrasadas.

\n\n

🔑 Papéis da equipe

Gestores podem criar cargos, agentes e tarefas. Funcionários só movem as próprias tarefas. Vincule cada conta a um agente do mapa para o avatar do colega andar onde ele realmente está.

\n\n

⚙️ Sua conta

\n \n

Backup dos dados

\n \n \n

\n \n

Exporta cargos, agentes, tarefas e decoração para um arquivo que você pode guardar ou levar para outro computador.

\n\n

\n\n\n\n",[147],"75eb88f9-1d81-4142-963f-344a37304444","pagina-parte-2.txt","e76b2534-8d05-11f1-bdf1-1607ee4eb77e",64,["D",1785879849828],9,"layer(dt){\n let dx=0, dy=0;\n if(keys['w']||keys['arrowup']) dy-=1;\n if(keys['s']||keys['arrowdown']) dy+=1;\n if(keys['a']||keys['arrowleft']) dx-=1;\n if(keys['d']||keys['arrowright']) dx+=1;\n const moving = dx!==0 || dy!==0;\n if(moving){\n const len = Math.hypot(dx,dy);\n dx/=len; dy/=len;\n if(dx!==0) player.facing = dx<0?-1:1;\n const sp = 3.0*dt;\n let nx = player.wx + dx*sp, ny = player.wy + dy*sp;\n nx = Math.max(0.3, Math.min(ROOM_W-0.3, nx));\n ny = Math.max(0.3, Math.min(ROOM_H-0.3, ny));\n const obstacles = computeObstacles(player.roomId);\n for(const o of obstacles){\n const ddx = nx-o.x, ddy = ny-o.y;\n const dist = Math.hypot(ddx,ddy);\n const minDist = o.r + 0.32;\n if(dist < minDist && dist > 0.0001){\n nx = o.x + (ddx/dist)*minDist;\n ny = o.y + (ddy/dist)*minDist;\n }\n }\n player.wx = nx; player.wy = ny;\n player.walkPhase += dt*10;\n player.state = 'moving';\n } else {\n player.state = 'idle';\n }\n if(player.interactTimer>0) player.interactTimer -= dt;\n if(player.emoteTimer>0) player.emoteTimer -= dt;\n if(player.doorCooldown>0) player.doorCooldown -= dt;\n }\n\n function checkDoors(){\n if(player.doorCooldown>0) return;\n const doors = ROOMS[player.roomId].doors;\n for(const d of doors){\n const cx = d.x+d.w/2, cy = d.y+d.h/2;\n if(Math.hypot(player.wx-cx, player.wy-cy) < 0.65){\n player.roomId = d.toRoom;\n player.wx = d.entryX; player.wy = d.entryY;\n player.doorCooldown = 0.6;\n renderRoomTabs();\n enviarPosicao(true); // troca de sala aparece na hora para os colegas\n break;\n }\n }\n }\n\n function goToRoom(roomId){\n if(!ROOMS[roomId]) return;\n player.roomId = roomId;\n player.wx = ROOMS[roomId].spawn.x; player.wy = ROOMS[roomId].spawn.y;\n player.doorCooldown = 0.6;\n renderRoomTabs();\n enviarPosicao(true);\n }\n\n function tryInteract(){\n const targets = [];\n if(player.roomId==='office'){\n cargos.forEach(c=> (c.desks||[]).forEach(d=> targets.push({x:d.x,y:d.y,label:'💺 Sentou para trabalhar'})));\n const r = ROOMS.office.restroom;\n targets.push({x:r.x+r.w/2,y:r.y+r.h/2,label:'🚻 Passou no banheiro'});\n } else if(player.roomId==='meeting'){\n const r = ROOMS.meeting.table;\n targets.push({x:r.x+r.w/2,y:r.y+r.h/2,label:'🗣️ Entrou na reunião'});\n } else if(player.roomId==='rooftop'){\n const rc = ROOMS.rooftop.coffee, rl = ROOMS.rooftop.lounge;\n targets.push({x:rc.x+rc.w/2,y:rc.y+rc.h/2,label:'☕ Tomando um café'});\n targets.push({x:rl.x+rl.w/2,y:rl.y+rl.h/2,label:'🌿 Relaxando no lounge'});\n }\n decorations.filter(d=>d.roomId===player.roomId).forEach(d=>{\n const meta = DECOR_TYPES.find(t=>t.id===d.type);\n targets.push({x:d.wx, y:d.wy, label:(meta?meta.emoji:'✨')+' Admirando a decoração'});\n });\n let best=null, bestDist=1.3;\n targets.forEach(t=>{\n const dist = Math.hypot(player.wx-t.x, player.wy-t.y);\n if(dist=EMOTES.length) return;\n player.emote = EMOTES[idx];\n player.emoteTimer = 1.8;\n }\n\n // ---------- Clock ----------\n let simMinutes = 9*60;\n let simDay = 1;\n function tickClock(dt){\n simMinutes += dt*simSpeed*6;\n if(simMinutes >= 18*60){ simMinutes = 8*60; simDay++; }\n const h = Math.floor(simMinutes/60), m = Math.floor(simMinutes%60);\n document.getElementById('clockLabel').textContent = String(h).padStart(2,'0')+':'+String(m).padStart(2,'0');\n document.getElementById('dayLabel').textContent = 'Dia '+simDay;\n }\n function dayProgress(){ return (simMinutes-8*60)/(18*60-8*60); }\n\n // ---------- Drawing helpers ----------\n function roundRect(c,x,y,w,h,r){\n c.beginPath();\n c.moveTo(x+r,y); c.arcTo(x+w,y,x+w,y+h,r); c.arcTo(x+w,y+h,x,y+h,r);\n c.arcTo(x,y+h,x,y,r); c.arcTo(x,y,x+w,y,r); c.closePath();\n }\n function hexToRGBA(hex, a){\n const c = hex.replace('#',''); const num = parseInt(c,16);\n const r=(num>>16)&0xff, g=(num>>8)&0xff, b=num&0xff;\n return `rgba(${r},${g},${b},${a})`;\n }\n function shade(hex, amt){\n const c = hex.replace('#',''); const num = parseInt(c,16);\n let r=(num>>16)+amt, g=((num>>8)&0xff)+amt, b=(num&0xff)+amt;\n r=Math.max(0,Math.min(255,r)); g=Math.max(0,Math.min(255,g)); b=Math.max(0,Math.min(255,b));\n return '#'+((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1);\n }\n\n function drawIsoBox(wx,wy,ww,wd,baseElev,heightPx,topColor,rightColor,leftColor){\n const pBack=iso(wx,wy), pEast=iso(wx+ww,wy), pSouth=iso(wx+ww,wy+wd), pWest=iso(wx,wy+wd);\n const bot = (p)=>p.sy-baseElev, top = (p)=>p.sy-baseElev-heightPx;\n\n // soft contact shadow — grounds furniture on the floor (Wonder/Virbela-style ambient occlusion)\n if(baseElev===0 && heightPx>0){\n const cx = (pBack.sx+pSouth.sx)/2, cy = bot(pSouth)+2;\n const rad = Math.max(18, Math.abs(pEast.sx-pBack.sx)*0.65);\n const shg = ctx.createRadialGradient(cx,cy,1,cx,cy,rad);\n shg.addColorStop(0,'rgba(0,0,0,0.30)'); shg.addColorStop(1,'rgba(0,0,0,0)');\n ctx.fillStyle = shg;\n ctx.beginPath(); ctx.ellipse(cx, cy, rad, rad*0.34, 0, 0, Math.PI*2); ctx.fill();\n }\n\n // right face — gradient darker toward the base (ambient falloff)\n let g = ctx.createLinearGradient(0, top(pEast), 0, bot(pEast));\n g.addColorStop(0, shade(rightColor, 8)); g.addColorStop(1, shade(rightColor, -16));\n ctx.beginPath();\n ctx.moveTo(pEast.sx, top(pEast)); ctx.lineTo(pSouth.sx, top(pSouth));\n ctx.lineTo(pSouth.sx, bot(pSouth)); ctx.lineTo(pEast.sx, bot(pEast));\n ctx.closePath(); ctx.fillStyle=g; ctx.fill();\n\n // left face — the shadow side, darkest\n g = ctx.createLinearGradient(0, top(pWest), 0, bot(pWest));\n g.addColorStop(0, shade(leftColor, 2)); g.addColorStop(1, shade(leftColor, -22));\n ctx.beginPath();\n ctx.moveTo(pWest.sx, top(pWest)); ctx.lineTo(pSouth.sx, top(pSouth));\n ctx.lineTo(pSouth.sx, bot(pSouth)); ctx.lineTo(pWest.sx, bot(pWest));\n ctx.closePath(); ctx.fillStyle=g; ctx.fill();\n\n // top face — brightest, subtle diagonal sheen toward the light (back-left)\n g = ctx.createLinearGradient(pWest.sx, top(pWest), pEast.sx, top(pEast));\n g.addColorStop(0, shade(topColor, 16)); g.addColorStop(0.55, topColor); g.addColorStop(1, shade(topColor,-6));\n ctx.beginPath();\n ctx.moveTo(pBack.sx, top(pBack)); ctx.lineTo(pEast.sx, top(pEast));\n ctx.lineTo(pSouth.sx, top(pSouth)); ctx.lineTo(pWest.sx, top(pWest));\n ctx.closePath(); ctx.fillStyle=g; ctx.fill();\n\n // crisp top-edge highlight for definition against the busy floor\n ctx.strokeStyle = 'rgba(255,255,255,0.16)'; ctx.lineWidth = 1;\n ctx.beginPath(); ctx.moveTo(pBack.sx, top(pBack)); ctx.lineTo(pWest.sx, top(pWest)); ctx.stroke();\n ctx.beginPath(); ctx.moveTo(pBack.sx, top(pBack)); ctx.lineTo(pEast.sx, top(pEast)); ctx.stroke();\n }\n\n function drawIsoRegion(rect, fill, stroke, dashed, label, labelColor){\n const pBack=iso(rect.x,rect.y), pEast=iso(rect.x+rect.w,rect.y),\n pSouth=iso(rect.x+rect.w,rect.y+rect.h), pWest=iso(rect.x,rect.y+rect.h);\n ctx.beginPath();\n ctx.moveTo(pBack.sx,pBack.sy); ctx.lineTo(pEast.sx,pEast.sy);\n ctx.lineTo(pSouth.sx,pSouth.sy); ctx.lineTo(pWest.sx,pWest.sy);\n ctx.closePath();\n ctx.fillStyle = fill; ctx.fill();\n ctx.strokeStyle = stroke; ctx.lineWidth = 2;\n ctx.setLineDash(dashed ? [6,4] : []);\n ctx.stroke(); ctx.setLineDash([]);\n if(label){\n ctx.fillStyle = labelColor || stroke;\n ctx.font = '9px \"Space Grotesk\", sans-serif';\n ctx.fillText(label, pBack.sx+8, pBack.sy+16);\n }\n }\n\n function drawFloorGrid(){\n for(let gy=0; gy{ if(wx+1<=ROOM_W) drawWallPanel(iso(wx,0), iso(wx+1,0), theme.windowColor); });\n [2,5,8].forEach(wy=>{ if(wy+1<=ROOM_H) drawWallPanel(iso(0,wy), iso(0,wy+1), theme.windowColor); });\n } else {\n [3,7,11].forEach(wx=>{ if(wx+1<=ROOM_W) drawWallPanel(iso(wx,0), iso(wx+1,0), 'rgba(255,255,255,0.22)'); });\n }\n\n // baseboard trim with a soft highlight above it\n ctx.strokeStyle = 'rgba(255,255,255,0.06)'; ctx.lineWidth = 4;\n ctx.beginPath(); ctx.moveTo(back.sx,back.sy-4); ctx.lineTo(east.sx,east.sy-4); ctx.stroke();\n ctx.beginPath(); ctx.moveTo(back.sx,back.sy-4); ctx.lineTo(west.sx,west.sy-4); ctx.stroke();\n ctx.strokeStyle = theme.wallTrim; ctx.lineWidth = 3;\n ctx.beginPath(); ctx.moveTo(back.sx,back.sy); ctx.lineTo(east.sx,east.sy); ctx.stroke();\n ctx.beginPath(); ctx.moveTo(back.sx,back.sy); ctx.lineTo(west.sx,west.sy); ctx.stroke();\n }\n\n function drawDoorMarkers(){\n ROOMS[player.roomId].doors.forEach(d=>{\n const rect = {x:d.x,y:d.y,w:d.w,h:d.h};\n drawIsoRegion(rect, hexToRGBA(theme.mustard,0.5), hexToRGBA(theme.mustard,0.9), false, null);\n const lp = iso(d.x+d.w/2, d.y+d.h/2+0.5);\n ctx.fillStyle = theme.labelColor;\n ctx.font = '9px \"Space Grotesk\", sans-serif';\n ctx.textAlign = 'center';\n ctx.fillText('🚪 '+d.label, lp.sx, lp.sy);\n ctx.textAlign = 'left';\n });\n }\n\n /* Mesa de escritório de verdade: pés metálicos, tampo com espessura,\n monitor com base e tela \"ligada\", teclado, mouse e plaquinha de nome. */\n function drawDesk(wx,wy,label,executive,deskItem){\n const ww=1.0, wd=0.6, h=17, esp=4.5;\n const baseWx = wx-ww/2, baseWy = wy-wd/2;\n const topo = executive?theme.deskTopExec:theme.deskTop;\n const lado1 = executive?theme.deskSideExec1:theme.deskSide1;\n const lado2 = executive?theme.deskSideExec2:theme.deskSide2;\n\n // sombra de contato no chão\n const pc = iso(wx, wy+wd*0.1);\n const shg = ctx.createRadialGradient(pc.sx, pc.sy+3, 1, pc.sx, pc.sy+3, 34);\n shg.addColorStop(0,'rgba(0,0,0,0.30)'); shg.addColorStop(1,'rgba(0,0,0,0)');\n ctx.fillStyle = shg;\n ctx.beginPath(); ctx.ellipse(pc.sx, pc.sy+3, 34, 12, 0, 0, Math.PI*2); ctx.fill();\n\n // pés metálicos\n const peE = iso(baseWx+0.10, baseWy+wd-0.08);\n const peD = iso(baseWx+ww-0.10, baseWy+wd-0.08);\n let peG = ctx.createLinearGradient(0, peE.sy-h, 0, peE.sy);\n peG.addColorStop(0,'#565e59'); peG.addColorStop(1,'#31383a');\n ctx.fillStyle = peG;\n ctx.fillRect(peE.sx-2.2, peE.sy-h+esp, 4.4, h-esp);\n ctx.fillRect(peD.sx-2.2, peD.sy-h+esp, 4.4, h-esp);\n\n // tampo com espessura, apoiado nos pés\n drawIsoBox(baseWx, baseWy, ww, wd, h-esp, esp, topo, lado1, lado2);\n\n // monitor: pé + haste + tela acesa com \"janelas\"\n const mw=0.34, md=0.14;\n const monX = wx-mw/2, monY = baseWy+0.08;\n const pBase = iso(wx, monY+md/2);\n ctx.fillStyle = '#20262a';\n ctx.beginPath(); ctx.ellipse(pBase.sx, pBase.sy-h, 5.5, 2, 0, 0, Math.PI*2); ctx.fill();\n ctx.fillRect(pBase.sx-1.6, pBase.sy-h-5, 3.2, 5);\n drawIsoBox(monX, monY, mw, md, h+5, 12, '#22282c','#1a1f22','#14181b');\n const glow = iso(monX+mw/2, monY+md/2);\n const gx = glow.sx, gy = glow.sy-h-5-12+3;\n const bloom = ctx.createRadialGradient(gx,gy,0,gx,gy,12);\n bloom.addColorStop(0,'rgba(150,225,255,0.85)'); bloom.addColorStop(0.5,'rgba(110,190,235,0.30)'); bloom.addColorStop(1,'rgba(110,190,235,0)');\n ctx.fillStyle = bloom;\n ctx.beginPath(); ctx.arc(gx,gy,12,0,Math.PI*2); ctx.fill();\n let telaG = ctx.createLinearGradient(gx-6, gy-4, gx+6, gy+4);\n telaG.addColorStop(0,'#cfeeff'); telaG.addColorStop(0.5,'#9fd4f2'); telaG.addColorStop(1,'#7fb8dd');\n ctx.fillStyle = telaG;\n ctx.fillRect(gx-6.5, gy-4, 13, 8);\n ctx.fillStyle = 'rgba(40,70,90,0.55)';\n ctx.fillRect(gx-5, gy-2.6, 4.5, 1.1);\n ctx.fillRect(gx-5, gy-0.8, 6.5, 1.1);\n ctx.fillRect(gx-5, gy+1, 3.5, 1.1);\n\n // teclado e mouse\n const tec = iso(wx-0.06, baseWy+wd-0.16);\n ctx.fillStyle = '#2c3236';\n roundRect(ctx, tec.sx-7, tec.sy-h-1.5, 12, 4.5, 1.5); ctx.fill();\n ctx.fillStyle = 'rgba(255,255,255,0.10)';\n roundRect(ctx, tec.sx-6, tec.sy-h-0.8, 10, 1.4, 0.7); ctx.fill();\n const mou = iso(wx+0.3, baseWy+wd-0.16);\n ctx.fillStyle = '#3a4145';\n ctx.beginPath(); ctx.ellipse(mou.sx+2, mou.sy-h, 2, 2.6, 0, 0, Math.PI*2); ctx.fill();\n\n if(deskItem && deskItem!=='none'){\n const meta = DESK_ITEMS.find(d=>d.id===deskItem);\n if(meta && meta.emoji){\n const ip = iso(wx+ww*0.36, wy+wd*0.28);\n ctx.font = '12px sans-serif';\n ctx.textAlign = 'center'; ctx.fillText(meta.emoji, ip.sx, ip.sy-h-3); ctx.textAlign = 'left';\n }\n }\n if(label){\n const lp = iso(wx, wy+wd/2+0.42);\n ctx.font = '9px \"Space Grotesk\", sans-serif';\n const tw = ctx.measureText(label).width;\n ctx.fillStyle = 'rgba(0,0,0,0.40)';\n roundRect(ctx, lp.sx-tw/2-4, lp.sy-8, tw+8, 11, 3); ctx.fill();\n ctx.fillStyle = theme.labelColor;\n ctx.textAlign = 'center'; ctx.fillText(label, lp.sx, lp.sy); ctx.textAlign = 'left';\n }\n }\n\n function drawCargoZones(){\n cargos.forEach(c=>{\n if(!c.zone) return;\n drawIsoRegion(c.zone, hexToRGBA(c.color,0.16), hexToRGBA(c.color,0.6), c.executive,\n (c.executive?'★ ':'')+c.name.toUpperCase(), c.color);\n // cadeira primeiro (fica atrás da mesa na ordem de profundidade)\n people.filter(p=>p.cargoId===c.id).forEach(p=>{\n if(p.desk) drawChair(p.desk.x, p.desk.y - 0.55, c.executive ? shade(c.color,-25) : null);\n });\n people.filter(p=>p.cargoId===c.id).forEach(p=>{\n if(p.desk) drawDesk(p.desk.x, p.desk.y, p.name, c.executive, p.deskItem);\n });\n });\n }\n\n function drawRestroom(){\n const r = ROOMS.office.restroom;\n drawIsoRegion(r, 'rgba(180,190,185,0.10)', 'rgba(180,190,185,0.45)', true, 'BANHEIRO', '#b9c2ba');\n }\n\n // Clickable announcement board (Gather-style interactive object): shows a\n // pinned message and lets the player edit it via prompt().\n function wrapText(c, text, maxWidth){\n const words = text.split(' ');\n const lines = [];\n let cur = '';\n words.forEach(w=>{\n const test = cur ? cur+' '+w : w;\n if(c.measureText(test).width > maxWidth && cur){ lines.push(cur); cur = w; }\n else cur = test;\n });\n if(cur) lines.push(cur);\n return lines;\n }\n function drawAnnouncementBoard(){\n const bx = ANNOUNCEMENT.x, by = ANNOUNCEMENT.y;\n const p = iso(bx, by);\n const bw = 76, bh = 52, postH = 30;\n const shg = ctx.createRadialGradient(p.sx,p.sy+4,1,p.sx,p.sy+4,22);\n shg.addColorStop(0,'rgba(0,0,0,0.30)'); shg.addColorStop(1,'rgba(0,0,0,0)');\n ctx.fillStyle = shg;\n ctx.beginPath(); ctx.ellipse(p.sx, p.sy+4, 20, 6, 0, 0, Math.PI*2); ctx.fill();\n let pg = ctx.createLinearGradient(p.sx-3, p.sy-postH, p.sx+3, p.sy);\n pg.addColorStop(0, '#a9805a'); pg.addColorStop(1, '#6b4c30');\n ctx.fillStyle = pg;\n ctx.fillRect(p.sx-3, p.sy-postH, 6, postH);\n const bx0 = p.sx-bw/2, by0 = p.sy-postH-bh;\n ctx.save();\n ctx.shadowColor = 'rgba(0,0,0,0.35)'; ctx.shadowBlur = 8; ctx.shadowOffsetY = 3;\n let boardG = ctx.createLinearGradient(bx0, by0, bx0, by0+bh);\n boardG.addColorStop(0, '#fff6e2'); boardG.addColorStop(1, '#e9d8b4');\n ctx.fillStyle = boardG;\n roundRect(ctx, bx0, by0, bw, bh, 5); ctx.fill();\n ctx.restore();\n ctx.strokeStyle = '#c9a05a'; ctx.lineWidth = 2;\n roundRect(ctx, bx0, by0, bw, bh, 5); ctx.stroke();\n ctx.fillStyle = '#8a6a2a';\n ctx.font = 'bold 8px \"Space Grotesk\", sans-serif';\n ctx.textAlign = 'center';\n ctx.fillText('📌 MURAL', p.sx, by0+11);\n ctx.strokeStyle = 'rgba(201,160,90,0.5)'; ctx.lineWidth = 1;\n ctx.beginPath(); ctx.moveTo(bx0+8, by0+16); ctx.lineTo(bx0+bw-8, by0+16); ctx.stroke();\n ctx.fillStyle = '#3a2f1f';\n ctx.font = '8px \"Space Grotesk\", sans-serif';\n const lines = wrapText(ctx, announcementText, bw-12).slice(0,4);\n lines.forEach((ln,i)=> ctx.fillText(ln, p.sx, by0+27+i*10));\n ctx.textAlign = 'left';\n }\n\n function drawMeetingRoomContents(){\n const r = ROOMS.meeting.table;\n drawIsoRegion(r, hexToRGBA(theme.accent,0.10), hexToRGBA(theme.accent,0.5), true, 'MESA DE REUNIÃO', theme.accent);\n const cx = r.x+r.w/2, cy = r.y+r.h/2;\n drawIsoBox(cx-1.6, cy-1.0, 3.2, 2.0, 0, 15, theme.deskTop, theme.deskSide1, theme.deskSide2);\n // chairs around table\n [[-2.1,-1.3],[2.1,-1.3],[-2.1,1.3],[2.1,1.3],[0,-1.6],[0,1.6]].forEach(([ox,oy])=>{\n drawIsoBox(cx+ox-0.22, cy+oy-0.22, 0.44,0.44,0,12, shade(theme.deskTop,20), theme.deskSide1, theme.deskSide2);\n });\n // notebooks abertos sobre a mesa\n [[-1.0,-0.3],[0.9,0.2],[0,-0.6]].forEach(([ox,oy],i)=>{\n const lp = iso(cx+ox, cy+oy);\n const ly = lp.sy-15;\n ctx.fillStyle = '#2b3135';\n roundRect(ctx, lp.sx-6, ly-1, 12, 3.4, 1); ctx.fill();\n ctx.fillStyle = '#1c2124';\n roundRect(ctx, lp.sx-5.6, ly-9, 11.2, 8, 1); ctx.fill();\n ctx.fillStyle = i%2 ? '#8fd0ea' : '#9ed6c1';\n ctx.fillRect(lp.sx-4.6, ly-8, 9.2, 6);\n });\n }\n\n function drawRooftopContents(){\n const rc = ROOMS.rooftop.coffee, rl = ROOMS.rooftop.lounge;\n drawIsoRegion(rc, hexToRGBA(theme.mustard,0.14), hexToRGBA(theme.mustard,0.55), true, '☕ COPA', theme.mustard);\n const ccx = rc.x+rc.w/2, ccy = rc.y+rc.h/2;\n drawIsoBox(ccx-0.9, ccy-0.5, 1.8, 1.0, 0, 26, theme.deskTop, theme.deskSide1, theme.deskSide2);\n\n drawIsoRegion(rl, hexToRGBA(theme.teal,0.14), hexToRGBA(theme.teal,0.55), true, '🌿 LOUNGE', theme.teal);\n const lcx = rl.x+rl.w/2, lcy = rl.y+rl.h/2;\n drawIsoBox(lcx-1.4, lcy-0.5, 2.8, 1.0, 0, 16, theme.teal, shade(theme.teal,-30), shade(theme.teal,-50));\n }\n\n // Cadeira de escritório: encosto, assento e pé central, desenhada atrás da mesa.\n function drawChair(wx, wy, cor){\n const base = cor || shade(theme.deskSide1, 10);\n const p = iso(wx, wy);\n const shg = ctx.createRadialGradient(p.sx, p.sy, 1, p.sx, p.sy, 16);\n shg.addColorStop(0,'rgba(0,0,0,0.28)'); shg.addColorStop(1,'rgba(0,0,0,0)');\n ctx.fillStyle = shg;\n ctx.beginPath(); ctx.ellipse(p.sx, p.sy, 14, 5, 0, 0, Math.PI*2); ctx.fill();\n // pé\n ctx.fillStyle = '#2b322d';\n ctx.fillRect(p.sx-1.6, p.sy-11, 3.2, 11);\n // assento\n drawIsoBox(wx-0.22, wy-0.2, 0.44, 0.4, 11, 4, shade(base,14), shade(base,-8), shade(base,-22));\n // encosto\n const enc = iso(wx, wy+0.22);\n const g = ctx.createLinearGradient(enc.sx, enc.sy-32, enc.sx, enc.sy-14);\n g.addColorStop(0, shade(base, 18)); g.addColorStop(1, shade(base, -12));\n ctx.fillStyle = g;\n roundRect(ctx, enc.sx-9, enc.sy-32, 18, 18, 5); ctx.fill();\n ctx.strokeStyle = 'rgba(0,0,0,0.3)'; ctx.lineWidth = 1;\n roundRect(ctx, enc.sx-9, enc.sy-32, 18, 18, 5); ctx.stroke();\n ctx.strokeStyle = 'rgba(255,255,255,0.14)';\n ctx.beginPath(); ctx.moveTo(enc.sx-6, enc.sy-29); ctx.lineTo(enc.sx+6, enc.sy-29); ctx.stroke();\n }\n\n /* Decoração desenhada em vetor em vez de emoji: emoji depende da fonte do\n sistema (e some em alguns ambientes), enquanto o desenho fica idêntico\n em qualquer computador e combina com o resto da cena. */\n function drawDecorItem(tipo, sx, sy){\n if(tipo === 'plant'){\n ctx.fillStyle = '#a8613f';\n ctx.beginPath();\n ctx.moveTo(sx-7, sy-11); ctx.lineTo(sx+7, sy-11); ctx.lineTo(sx+5, sy); ctx.lineTo(sx-5, sy);\n ctx.closePath(); ctx.fill();\n ctx.fillStyle = '#8d4e30'; ctx.fillRect(sx-7.5, sy-13, 15, 3);\n const folhas = [[-7,-20,6],[0,-26,7],[7,-20,6],[-3,-15,5],[4,-15,5]];\n folhas.forEach(([ox,oy,r],i)=>{\n const g = ctx.createRadialGradient(sx+ox-2, sy+oy-2, 1, sx+ox, sy+oy, r);\n g.addColorStop(0, i%2 ? '#7fbf7a' : '#8fd08a'); g.addColorStop(1, '#3f7a4a');\n ctx.fillStyle = g;\n ctx.beginPath(); ctx.ellipse(sx+ox, sy+oy, r, r*0.85, 0, 0, Math.PI*2); ctx.fill();\n });\n } else if(tipo === 'painting'){\n ctx.fillStyle = '#3a2f22';\n roundRect(ctx, sx-15, sy-34, 30, 24, 2); ctx.fill();\n const g = ctx.createLinearGradient(sx-12, sy-31, sx+12, sy-13);\n g.addColorStop(0, '#7fb3d5'); g.addColorStop(0.55, '#e6c98f'); g.addColorStop(1, '#c9755f');\n ctx.fillStyle = g; ctx.fillRect(sx-12, sy-31, 24, 18);\n ctx.fillStyle = 'rgba(255,255,255,0.35)';\n ctx.beginPath(); ctx.arc(sx+5, sy-26, 3, 0, Math.PI*2); ctx.fill();\n ctx.fillStyle = 'rgba(40,60,40,0.55)';\n ctx.beginPath(); ctx.moveTo(sx-12, sy-13); ctx.lineTo(sx-3, sy-23); ctx.lineTo(sx+6, sy-13); ctx.closePath(); ctx.fill();\n ctx.strokeStyle = 'rgba(0,0,0,0.35)'; ctx.lineWidth = 1; ctx.strokeRect(sx-12, sy-31, 24, 18);\n } else if(tipo === 'rug'){\n const g = ctx.createLinearGradient(sx-26, sy-9, sx+26, sy+9);\n g.addColorStop(0, '#c96f52'); g.addColorStop(0.5, '#e0a24a'); g.addColorStop(1, '#b85f45');\n ctx.fillStyle = g;\n ctx.beginPath();\n ctx.moveTo(sx, sy-11); ctx.lineTo(sx+28, sy); ctx.lineTo(sx, sy+11); ctx.lineTo(sx-28, sy);\n ctx.closePath(); ctx.fill();\n ctx.strokeStyle = 'rgba(255,255,255,0.28)'; ctx.lineWidth = 1.4;\n ctx.beginPath();\n ctx.moveTo(sx, sy-6); ctx.lineTo(sx+16, sy); ctx.lineTo(sx, sy+6); ctx.lineTo(sx-16, sy);\n ctx.closePath(); ctx.stroke();\n } else if(tipo === 'cooler'){\n ctx.fillStyle = '#dfe7e4';\n roundRect(ctx, sx-7, sy-22, 14, 22, 3); ctx.fill();\n ctx.strokeStyle = 'rgba(0,0,0,0.25)'; ctx.lineWidth = 1;\n roundRect(ctx, sx-7, sy-22, 14, 22, 3); ctx.stroke();\n const g = ctx.createLinearGradient(sx-6, sy-38, sx+6, sy-22);\n g.addColorStop(0, '#9fd8e8'); g.addColorStop(1, '#6bb3c9');\n ctx.fillStyle = g;\n ctx.beginPath();\n ctx.moveTo(sx-6, sy-22); ctx.lineTo(sx+6, sy-22); ctx.lineTo(sx+4, sy-38); ctx.lineTo(sx-4, sy-38);\n ctx.closePath(); ctx.fill();\n ctx.fillStyle = 'rgba(255,255,255,0.45)'; ctx.fillRect(sx-4, sy-36, 2, 12);\n ctx.fillStyle = '#4d5a55'; ctx.fillRect(sx-3, sy-12, 6, 3);\n } else if(tipo === 'shelf'){\n const g = ctx.createLinearGradient(sx-13, sy-30, sx+13, sy);\n g.addColorStop(0, '#7a5a3c'); g.addColorStop(1, '#5a4029');\n ctx.fillStyle = g;\n roundRect(ctx, sx-13, sy-30, 26, 30, 2); ctx.fill();\n ctx.strokeStyle = 'rgba(0,0,0,0.35)'; ctx.lineWidth = 1;\n roundRect(ctx, sx-13, sy-30, 26, 30, 2); ctx.stroke();\n const cores = ['#c05a4a','#4a7fb0','#d8a54a','#5b8c7b','#b06fa0'];\n [0,1].forEach(prat=>{\n const topo = sy-27 + prat*14;\n ctx.fillStyle = 'rgba(0,0,0,0.35)'; ctx.fillRect(sx-13, topo+11, 26, 2);\n for(let i=0;i<5;i++){\n ctx.fillStyle = cores[(i+prat*2)%cores.length];\n ctx.fillRect(sx-11 + i*4.4, topo + (i%2?1:0), 3.2, 11 - (i%2?1:0));\n }\n });\n } else if(tipo === 'clock'){\n ctx.fillStyle = '#2f3a34';\n ctx.beginPath(); ctx.arc(sx, sy-24, 11, 0, Math.PI*2); ctx.fill();\n const g = ctx.createRadialGradient(sx-3, sy-27, 1, sx, sy-24, 10);\n g.addColorStop(0, '#ffffff'); g.addColorStop(1, '#dbe3df');\n ctx.fillStyle = g;\n ctx.beginPath(); ctx.arc(sx, sy-24, 9, 0, Math.PI*2); ctx.fill();\n // ponteiros acompanham o relógio da simulação\n const hora = (simMinutes/60)%12, minuto = simMinutes%60;\n const ang = (v, total)=> (v/total)*Math.PI*2 - Math.PI/2;\n ctx.strokeStyle = '#2f3a34'; ctx.lineCap = 'round';\n ctx.lineWidth = 2;\n ctx.beginPath(); ctx.moveTo(sx, sy-24);\n ctx.lineTo(sx + Math.cos(ang(hora,12))*4.5, sy-24 + Math.sin(ang(hora,12))*4.5); ctx.stroke();\n ctx.lineWidth = 1.3;\n ctx.beginPath(); ctx.moveTo(sx, sy-24);\n ctx.lineTo(sx + Math.cos(ang(minuto,60))*7, sy-24 + Math.sin(ang(minuto,60))*7); ctx.stroke();\n ctx.lineCap = 'butt';\n ctx.fillStyle = '#e8735c';\n ctx.beginPath(); ctx.arc(sx, sy-24, 1.4, 0, Math.PI*2); ctx.fill();\n } else if(tipo === 'sofa'){\n ctx.fillStyle = '#4a5f80';\n roundRect(ctx, sx-26, sy-16, 6, 16, 3); ctx.fill();\n roundRect(ctx, sx+20, sy-16, 6, 16, 3); ctx.fill();\n const g = ctx.createLinearGradient(sx-24, sy-22, sx+24, sy);\n g.addColorStop(0, '#7d97b8'); g.addColorStop(1, '#5a7194');\n ctx.fillStyle = g;\n roundRect(ctx, sx-22, sy-22, 44, 12, 4); ctx.fill();\n ctx.fillStyle = '#6c86a8';\n roundRect(ctx, sx-22, sy-11, 44, 10, 3); ctx.fill();\n ctx.strokeStyle = 'rgba(0,0,0,0.28)'; ctx.lineWidth = 1;\n ctx.beginPath(); ctx.moveTo(sx, sy-11); ctx.lineTo(sx, sy-2); ctx.stroke();\n ctx.strokeStyle = 'rgba(255,255,255,0.18)';\n ctx.beginPath(); ctx.moveTo(sx-20, sy-20); ctx.lineTo(sx+20, sy-20); ctx.stroke();\n ctx.fillStyle = '#2e2e2e';\n ctx.fillRect(sx-20, sy-1, 3, 3); ctx.fillRect(sx+17, sy-1, 3, 3);\n } else if(tipo === 'whiteboard'){\n ctx.fillStyle = '#8a8f8c';\n ctx.fillRect(sx-13, sy-14, 2.4, 14); ctx.fillRect(sx+10.6, sy-14, 2.4, 14);\n ctx.fillStyle = '#f4f6f4';\n roundRect(ctx, sx-17, sy-38, 34, 25, 2); ctx.fill();\n ctx.strokeStyle = '#aab2ad'; ctx.lineWidth = 2;\n roundRect(ctx, sx-17, sy-38, 34, 25, 2); ctx.stroke();\n ctx.lineCap = 'round'; ctx.lineWidth = 1.2;\n ctx.strokeStyle = '#4a7fb0';\n ctx.beginPath(); ctx.moveTo(sx-12, sy-32); ctx.lineTo(sx+6, sy-32); ctx.stroke();\n ctx.beginPath(); ctx.moveTo(sx-12, sy-27); ctx.lineTo(sx+11, sy-27); ctx.stroke();\n ctx.strokeStyle = '#c05a4a';\n ctx.beginPath(); ctx.moveTo(sx-12, sy-22); ctx.lineTo(sx-2, sy-22); ctx.stroke();\n ctx.beginPath(); ctx.ellipse(sx+7, sy-21, 4, 3, 0, 0, Math.PI*2); ctx.stroke();\n ctx.lineCap = 'butt';\n } else if(tipo === 'coffee'){\n ctx.fillStyle = '#6b5439';\n roundRect(ctx, sx-11, sy-14, 22, 14, 2); ctx.fill();\n ctx.fillStyle = '#513f2a'; ctx.fillRect(sx-11, sy-14, 22, 2.4);\n const g = ctx.createLinearGradient(sx-6, sy-30, sx+6, sy-14);\n g.addColorStop(0, '#3a4045'); g.addColorStop(1, '#22272b');\n ctx.fillStyle = g;\n roundRect(ctx, sx-7, sy-30, 14, 16, 2); ctx.fill();\n ctx.fillStyle = '#e8735c';\n ctx.fillRect(sx-5, sy-28, 10, 3);\n ctx.fillStyle = '#f2efe4';\n ctx.fillRect(sx-2, sy-19, 4, 3.4);\n ctx.fillStyle = 'rgba(255,235,180,0.85)';\n ctx.beginPath(); ctx.arc(sx+4.5, sy-26.5, 1.2, 0, Math.PI*2); ctx.fill();\n } else if(tipo === 'lamp'){\n ctx.fillStyle = '#2e3438';\n ctx.beginPath(); ctx.ellipse(sx, sy-1, 7, 2.6, 0, 0, Math.PI*2); ctx.fill();\n ctx.fillRect(sx-1.4, sy-30, 2.8, 29);\n const g = ctx.createLinearGradient(sx, sy-42, sx, sy-30);\n g.addColorStop(0, '#f2d894'); g.addColorStop(1, '#d9b45e');\n ctx.fillStyle = g;\n ctx.beginPath(); ctx.moveTo(sx-9, sy-30); ctx.lineTo(sx+9, sy-30);\n ctx.lineTo(sx+5, sy-42); ctx.lineTo(sx-5, sy-42); ctx.closePath(); ctx.fill();\n const luz = ctx.createRadialGradient(sx, sy-28, 1, sx, sy-28, 16);\n luz.addColorStop(0, 'rgba(255,235,170,0.35)'); luz.addColorStop(1, 'rgba(255,235,170,0)');\n ctx.fillStyle = luz;\n ctx.beginPath(); ctx.arc(sx, sy-28, 16, 0, Math.PI*2); ctx.fill();\n } else if(tipo === 'cabinet'){\n const g = ctx.createLinearGradient(sx-10, sy-28, sx+10, sy);\n g.addColorStop(0, '#9aa5ad'); g.addColorStop(1, '#707c86');\n ctx.fillStyle = g;\n roundRect(ctx, sx-10, sy-28, 20, 28, 2); ctx.fill();\n ctx.strokeStyle = 'rgba(0,0,0,0.30)'; ctx.lineWidth = 1;\n roundRect(ctx, sx-10, sy-28, 20, 28, 2); ctx.stroke();\n [0,1,2].forEach(i=>{\n const topo = sy-26 + i*8.6;\n ctx.strokeStyle = 'rgba(0,0,0,0.25)';\n ctx.strokeRect(sx-8, topo, 16, 7);\n ctx.fillStyle = '#3f474d';\n roundRect(ctx, sx-3.4, topo+2.6, 6.8, 1.8, 0.9); ctx.fill();\n });\n } else if(tipo === 'tv'){\n ctx.fillStyle = '#2a2f33';\n ctx.fillRect(sx-2, sy-16, 4, 14);\n ctx.beginPath(); ctx.ellipse(sx, sy-1.4, 9, 2.6, 0, 0, Math.PI*2); ctx.fill();\n ctx.fillStyle = '#14181b';\n roundRect(ctx, sx-19, sy-38, 38, 23, 2); ctx.fill();\n const g = ctx.createLinearGradient(sx-16, sy-35, sx+16, sy-18);\n g.addColorStop(0, '#2f6f8f'); g.addColorStop(0.5, '#3d8aa8'); g.addColorStop(1, '#28546e');\n ctx.fillStyle = g;\n ctx.fillRect(sx-16.5, sy-35.5, 33, 18);\n ctx.fillStyle = 'rgba(255,255,255,0.22)';\n ctx.beginPath(); ctx.moveTo(sx-16.5, sy-35.5); ctx.lineTo(sx-4, sy-35.5);\n ctx.lineTo(sx-12, sy-17.5); ctx.lineTo(sx-16.5, sy-17.5); ctx.closePath(); ctx.fill();\n ctx.fillStyle = '#9ed6c1';\n ctx.fillRect(sx-13, sy-24, 8, 4); ctx.fillRect(sx-2, sy-30, 12, 10);\n }\n }\n\n function drawDecorations(){\n decorations.filter(d=>d.roomId===player.roomId).forEach(d=>{\n const pos = iso(d.wx, d.wy);\n if(d.type !== 'rug'){\n const shg = ctx.createRadialGradient(pos.sx, pos.sy, 1, pos.sx, pos.sy, 16);\n shg.addColorStop(0,'rgba(0,0,0,0.30)'); shg.addColorStop(1,'rgba(0,0,0,0)');\n ctx.fillStyle = shg;\n ctx.beginPath(); ctx.ellipse(pos.sx, pos.sy, 14, 5.5, 0, 0, Math.PI*2); ctx.fill();\n }\n drawDecorItem(d.type, pos.sx, pos.sy);\n });\n }\n\n function drawHair(c, style, x, y, color, r){\n if(style==='bald') return;\n c.fillStyle = color;\n if(style==='short'){\n c.beginPath(); c.arc(x,y-2,r+0.9,Math.PI,Math.PI*2); c.fill();\n } else if(style==='long'){\n c.beginPath(); c.arc(x,y-2,r+0.9,Math.PI,Math.PI*2); c.fill();\n roundRect(c,x-r-1.2,y-3,5,18,2.5); c.fill(); roundRect(c,x+r-3.8,y-3,5,18,2.5); c.fill();\n } else if(style==='mohawk'){\n c.beginPath(); c.moveTo(x-2.6,y-r-4); c.lineTo(x+2.6,y-r-4); c.lineTo(x+2,y+2); c.lineTo(x-2,y+2);\n c.closePath(); c.fill();\n } else if(style==='curly'){\n for(let i=-1;i<=1;i++){ c.beginPath(); c.arc(x+i*6.2, y-4, 5.4, 0, Math.PI*2); c.fill(); }\n }\n }\n\n // Chibi-style proportions (big head, small body) with dark outlines for\n // legibility against a busy isometric floor — this reads far more clearly\n // as a little character than thin, low-contrast vector shapes do.\n function drawBody(c, x, y, profile, opts){\n opts = opts || {};\n const legOffset = opts.legOffset||0, facing = opts.facing||1, scale = opts.scale||1;\n const headR = 10;\n c.save();\n c.translate(x,y); c.scale(scale*facing, scale); c.translate(-x,-y);\n\n // sapatos com brilho\n c.fillStyle = '#20262a';\n c.beginPath(); c.ellipse(x-4.5+legOffset*0.35, y+13.4, 3.6,2.3,0,0,Math.PI*2); c.fill();\n c.beginPath(); c.ellipse(x+4.5-legOffset*0.35, y+13.4, 3.6,2.3,0,0,Math.PI*2); c.fill();\n c.fillStyle = 'rgba(255,255,255,0.16)';\n c.beginPath(); c.ellipse(x-4.5+legOffset*0.35, y+12.6, 2.2,0.9,0,0,Math.PI*2); c.fill();\n c.beginPath(); c.ellipse(x+4.5-legOffset*0.35, y+12.6, 2.2,0.9,0,0,Math.PI*2); c.fill();\n\n // pernas (calça social)\n let legG = c.createLinearGradient(x-6,y+3,x-6,y+14);\n legG.addColorStop(0,'#46505a'); legG.addColorStop(1,'#2c333b');\n c.fillStyle = legG;\n roundRect(c, x-6.4+legOffset*0.35, y+3, 4.8, 11, 2); c.fill();\n roundRect(c, x+1.6-legOffset*0.35, y+3, 4.8, 11, 2); c.fill();\n\n // tronco: camisa com cintura, ombros arredondados e barra\n let torsoG = c.createLinearGradient(x-10,y-11,x+9,y+6);\n torsoG.addColorStop(0, shade(profile.color, 30));\n torsoG.addColorStop(0.55, profile.color);\n torsoG.addColorStop(1, shade(profile.color, -24));\n c.fillStyle = torsoG;\n c.beginPath();\n c.moveTo(x-9.6, y-8);\n c.quadraticCurveTo(x-10.4, y+2, x-8.2, y+6);\n c.lineTo(x+8.2, y+6);\n c.quadraticCurveTo(x+10.4, y+2, x+9.6, y-8);\n c.quadraticCurveTo(x, y-12.5, x-9.6, y-8);\n c.closePath(); c.fill();\n c.strokeStyle = profile.executive ? '#eab94e' : 'rgba(0,0,0,0.30)';\n c.lineWidth = profile.executive ? 1.8 : 1.2;\n c.stroke();\n // gola V\n c.fillStyle = shade(profile.color, -30);\n c.beginPath();\n c.moveTo(x-4.6, y-10.2); c.lineTo(x, y-6.4); c.lineTo(x+4.6, y-10.2);\n c.lineTo(x+3.2, y-11.2); c.lineTo(x, y-8.6); c.lineTo(x-3.2, y-11.2);\n c.closePath(); c.fill();\n // brilho no ombro\n c.fillStyle = 'rgba(255,255,255,0.14)';\n roundRect(c, x-8, y-9.6, 11, 3.6, 3); c.fill();\n\n // braços com balanço ao andar + mãos\n const balanco = legOffset * 0.10;\n c.fillStyle = shade(profile.color,-16);\n c.save(); c.translate(x-10, y-4); c.rotate(0.24 + balanco);\n c.beginPath(); c.ellipse(0, 4, 2.9, 5.6, 0, 0, Math.PI*2); c.fill(); c.restore();\n c.save(); c.translate(x+10, y-4); c.rotate(-0.24 + balanco);\n c.beginPath(); c.ellipse(0, 4, 2.9, 5.6, 0, 0, Math.PI*2); c.fill(); c.restore();\n c.fillStyle = profile.skinTone;\n c.beginPath(); c.arc(x-11.2+balanco*8, y+1.6, 1.9, 0, Math.PI*2); c.fill();\n c.beginPath(); c.arc(x+11.2+balanco*8, y+1.6, 1.9, 0, Math.PI*2); c.fill();\n\n // cabeça com sombreamento e orelha\n let headG = c.createRadialGradient(x-3.2,y-25,1,x,y-21,headR+3);\n headG.addColorStop(0, shade(profile.skinTone, 24));\n headG.addColorStop(0.6, profile.skinTone);\n headG.addColorStop(1, shade(profile.skinTone, -14));\n c.fillStyle = headG;\n c.beginPath(); c.arc(x,y-21,headR,0,Math.PI*2); c.fill();\n c.strokeStyle = 'rgba(0,0,0,0.26)'; c.lineWidth = 1.1;\n c.beginPath(); c.arc(x,y-21,headR,0,Math.PI*2); c.stroke();\n c.fillStyle = shade(profile.skinTone, -8);\n c.beginPath(); c.ellipse(x-headR+0.6, y-20.5, 1.6, 2.2, 0, 0, Math.PI*2); c.fill();\n\n drawHair(c, profile.hairStyle, x, y-21, profile.hairColor, headR);\n\n // olhos com esclera + pupila + brilho, sobrancelhas e sorriso\n c.fillStyle = '#ffffff';\n c.beginPath(); c.ellipse(x-3.6,y-20,2.1,2.5,0,0,Math.PI*2); c.fill();\n c.beginPath(); c.ellipse(x+3.6,y-20,2.1,2.5,0,0,Math.PI*2); c.fill();\n c.fillStyle = '#26241f';\n c.beginPath(); c.ellipse(x-3.1,y-19.8,1.15,1.5,0,0,Math.PI*2); c.fill();\n c.beginPath(); c.ellipse(x+4.1,y-19.8,1.15,1.5,0,0,Math.PI*2); c.fill();\n c.fillStyle = 'rgba(255,255,255,0.9)';\n c.beginPath(); c.arc(x-2.7,y-20.4,0.5,0,Math.PI*2); c.fill();\n c.beginPath(); c.arc(x+4.5,y-20.4,0.5,0,Math.PI*2); c.fill();\n c.lineCap = 'round';\n c.strokeStyle = shade(profile.hairColor, -8); c.lineWidth = 1.1;\n c.beginPath(); c.moveTo(x-5.6,y-24.2); c.quadraticCurveTo(x-3.4,y-25.4,x-1.6,y-24.4); c.stroke();\n c.beginPath(); c.moveTo(x+1.6,y-24.4); c.quadraticCurveTo(x+3.4,y-25.4,x+5.6,y-24.2); c.stroke();\n c.strokeStyle = 'rgba(90,40,30,0.75)';\n c.beginPath(); c.moveTo(x-2.2,y-15.6); c.quadraticCurveTo(x,y-14.2,x+2.2,y-15.6); c.stroke();\n c.lineCap = 'butt';\n // bochechas\n c.fillStyle = 'rgba(232,115,92,0.20)';\n c.beginPath(); c.ellipse(x-6.4,y-17.2,1.7,1.1,0,0,Math.PI*2); c.fill();\n c.beginPath(); c.ellipse(x+6.4,y-17.2,1.7,1.1,0,0,Math.PI*2); c.fill();\n\n if(profile.accessory==='glasses'){\n c.strokeStyle = '#232a26'; c.lineWidth = 1.3;\n roundRect(c, x-6.8,y-22.4,4.8,4.2,1.6); c.stroke();\n roundRect(c, x+2.0,y-22.4,4.8,4.2,1.6); c.stroke();\n c.beginPath(); c.moveTo(x-2.0,y-20.4); c.lineTo(x+2.0,y-20.4); c.stroke();\n c.fillStyle = 'rgba(180,220,255,0.14)';\n roundRect(c, x-6.8,y-22.4,4.8,4.2,1.6); c.fill();\n roundRect(c, x+2.0,y-22.4,4.8,4.2,1.6); c.fill();\n } else if(profile.accessory==='hat'){\n let capG = c.createLinearGradient(x, y-33, x, y-26);\n capG.addColorStop(0, shade(profile.hairColor,4)); capG.addColorStop(1, shade(profile.hairColor,-16));\n c.fillStyle = capG;\n c.beginPath(); c.arc(x, y-27.5, headR+0.6, Math.PI, Math.PI*2); c.fill();\n roundRect(c, x-headR-0.6, y-28.6, headR*2+1.2, 3, 1.5); c.fill();\n c.fillStyle = shade(profile.hairColor,-24);\n roundRect(c, x+1, y-28.2, headR+2.4, 2.6, 1.3); c.fill();\n }\n c.restore();\n }\n\n function drawCharacterSprite(entity, isPlayer){\n const cargo = isPlayer ? null : getCargo(entity);\n const executive = !!(cargo && cargo.executive);\n const pos = iso(entity.wx, entity.wy);\n const bobbing = entity.state==='moving' ? Math.sin(entity.walkPhase)*2 : Math.sin(entity.walkPhase*0.15)*0.6;\n const x = pos.sx, y = pos.sy - 15 + bobbing;\n const legOffset = entity.state==='moving' ? Math.sin(entity.walkPhase)*4.5 : 0;\n const facing = entity.facing || 1;\n\n const shg = ctx.createRadialGradient(x, pos.sy, 1, x, pos.sy, 15);\n shg.addColorStop(0, 'rgba(0,0,0,0.40)'); shg.addColorStop(1, 'rgba(0,0,0,0)');\n ctx.fillStyle = shg;\n ctx.beginPath(); ctx.ellipse(x, pos.sy, 15, 6.5, 0, 0, Math.PI*2); ctx.fill();\n\n // Anel verde pulsante sob quem está com a conta online de verdade —\n // diferencia colega presente de agente só decorativo.\n if(!isPlayer && entity.online){\n const pulso = 1 + Math.sin(Date.now()/450)*0.12;\n ctx.strokeStyle = 'rgba(85,201,138,0.85)'; ctx.lineWidth = 2;\n ctx.beginPath(); ctx.ellipse(x, pos.sy, 14*pulso, 6*pulso, 0, 0, Math.PI*2); ctx.stroke();\n ctx.strokeStyle = 'rgba(85,201,138,0.25)'; ctx.lineWidth = 4;\n ctx.beginPath(); ctx.ellipse(x, pos.sy, 14*pulso, 6*pulso, 0, 0, Math.PI*2); ctx.stroke();\n }\n\n drawBody(ctx, x, y, {\n color: entity.color, skinTone: entity.skinTone, hairColor: entity.hairColor,\n hairStyle: entity.hairStyle, accessory: entity.accessory, executive\n }, { legOffset, facing, scale:1 });\n\n if(isPlayer){\n ctx.fillStyle = theme.accent; ctx.font = '12px \"Space Grotesk\", sans-serif'; ctx.textAlign = 'center';\n ctx.fillText('▼', x, y-38); ctx.textAlign = 'left';\n if(player.emoteTimer>0 && player.emote){\n ctx.font = '22px sans-serif'; ctx.textAlign='center';\n ctx.fillText(player.emote, x, y-52); ctx.textAlign='left';\n }\n } else {\n if(executive){\n ctx.fillStyle = '#eab94e'; ctx.font = '9px \"Press Start 2P\", monospace'; ctx.textAlign = 'center';\n ctx.fillText('★', x, y-36); ctx.textAlign = 'left';\n }\n const meta = STATE_META[entity.state] || STATE_META.working;\n ctx.save(); ctx.translate(x, y-44); ctx.rotate(Math.PI/4);\n ctx.fillStyle = meta.color; ctx.fillRect(-4,-4,8,8);\n ctx.strokeStyle = 'rgba(0,0,0,0.35)'; ctx.lineWidth = 1; ctx.strokeRect(-4,-4,8,8);\n ctx.restore();\n if(entity.waveTimer>0){\n ctx.font = '20px sans-serif'; ctx.textAlign = 'center';\n const bob = Math.sin(entity.waveTimer*18)*3;\n ctx.fillText('👋', x, y-56+bob); ctx.textAlign = 'left';\n }\n }\n\n const label = isPlayer ? 'Você' : entity.name;\n ctx.fillStyle = 'rgba(0,0,0,0.55)'; ctx.font = '9px \"Space Grotesk\", sans-serif';\n const tw = ctx.measureText(label).width;\n roundRect(ctx, x-tw/2-4, y+20, tw+8, 12, 3); ctx.fill();\n ctx.fillStyle = isPlayer ? '#fff4d6' : '#f2efe4';\n ctx.textAlign = 'center'; ctx.fillText(label, x, y+29); ctx.textAlign = 'left';\n\n entity._drawX = x; entity._drawY = y;\n }\n\n function drawProximityBubbles(roomPeople){\n roomPeople.forEach(p=>{\n const dist = Math.hypot(p.wx-player.wx, p.wy-player.wy);\n if(dist < 1.8){\n const pos = iso(p.wx, p.wy);\n const meta = STATE_META[p.state] || STATE_META.working;\n ctx.font = '9px \"Space Grotesk\", sans-serif';\n const tw = ctx.measureText(meta.label).width;\n const bx = pos.sx, by = pos.sy-58;\n roundRect(ctx, bx-tw/2-6, by-14, tw+12, 20, 6);\n ctx.fillStyle = 'rgba(255,255,255,0.92)'; ctx.fill();\n ctx.strokeStyle = 'rgba(0,0,0,0.15)'; ctx.lineWidth = 1; ctx.stroke();\n ctx.fillStyle = '#1b201d'; ctx.textAlign = 'center';\n ctx.fillText(meta.label, bx, by-1); ctx.textAlign = 'left';\n }\n });\n }\n\n // Balão com a tarefa em andamento, flutuando acima do agente — liga o quadro\n // Kanban ao mapa, para o gestor ver quem está em cima do quê sem abrir o painel.\n function drawTaskBubbles(roomPeople){\n if(!Array.isArray(tarefas) || !tarefas.length) return;\n roomPeople.forEach(p=>{\n const t = tarefaAtualDe(p.id);\n if(!t) return;\n const pos = iso(p.wx, p.wy);\n const flutua = Math.sin(Date.now()/700 + p.wx) * 1.6;\n const bx = pos.sx, by = pos.sy - 74 + flutua;\n\n ctx.font = '9px \"Space Grotesk\", sans-serif';\n let rotulo = t.titulo.length > 26 ? t.titulo.slice(0,25) + '…' : t.titulo;\n const icone = t.coluna === 'fazendo' ? '⚙️' : '📋';\n const atrasada = tarefaAtrasada(t);\n const larg = Math.max(58, ctx.measureText(rotulo).width + 30);\n\n ctx.save();\n ctx.shadowColor = 'rgba(0,0,0,0.4)'; ctx.shadowBlur = 6; ctx.shadowOffsetY = 2;\n const g = ctx.createLinearGradient(0, by-15, 0, by+7);\n g.addColorStop(0, atrasada ? '#fff0ec' : '#ffffff');\n g.addColorStop(1, atrasada ? '#ffdcd3' : '#eef3ef');\n ctx.fillStyle = g;\n roundRect(ctx, bx-larg/2, by-15, larg, 22, 7); ctx.fill();\n ctx.restore();\n\n // faixa colorida por prioridade, na borda esquerda do balão\n const cores = { alta:'#e8735c', media:'#eab94e', baixa:'#5b8c7b' };\n ctx.fillStyle = cores[t.prioridade] || cores.media;\n roundRect(ctx, bx-larg/2, by-15, 4, 22, 2); ctx.fill();\n\n ctx.strokeStyle = atrasada ? 'rgba(232,115,92,0.75)' : 'rgba(0,0,0,0.16)';\n ctx.lineWidth = atrasada ? 1.6 : 1;\n roundRect(ctx, bx-larg/2, by-15, larg, 22, 7); ctx.stroke();\n\n // ponta do balão apontando para o personagem\n ctx.fillStyle = atrasada ? '#ffdcd3' : '#eef3ef';\n ctx.beginPath();\n ctx.moveTo(bx-4, by+6); ctx.lineTo(bx+4, by+6); ctx.lineTo(bx, by+11);\n ctx.closePath(); ctx.fill();\n\n ctx.fillStyle = '#232a26';\n ctx.textAlign = 'left';\n ctx.fillText(icone, bx-larg/2+8, by+2);\n ctx.fillText(rotulo, bx-larg/2+22, by+2);\n ctx.textAlign = 'left';\n });\n }\n\n function drawPlayerBubble(){\n if(player.interactTimer>0 && player.interactMsg){\n const pos = iso(player.wx, player.wy);\n ctx.font = '10px \"Space Grotesk\", sans-serif';\n const tw = ctx.measureText(player.interactMsg).width;\n const bx = pos.sx, by = pos.sy-62;\n roundRect(ctx, bx-tw/2-8, by-16, tw+16, 22, 7);\n ctx.fillStyle = 'rgba(255,255,255,0.95)'; ctx.fill();\n ctx.strokeStyle = 'rgba(0,0,0,0.2)'; ctx.lineWidth = 1; ctx.stroke();\n ctx.fillStyle = '#1b201d'; ctx.textAlign = 'center';\n ctx.fillText(player.interactMsg, bx, by-2); ctx.textAlign = 'left';\n }\n }\n\n /* Graduação de cor por hora do dia: manhã fria e azulada, meio-dia neutro,\n fim de tarde quente e alaranjado. É o que dá a sensação de \"tempo passando\"\n sem precisar mexer nas texturas. */\n function drawLighting(){\n const t = Math.max(0, Math.min(1, dayProgress()));\n let cor, alpha;\n if(t < 0.28){ // início da manhã\n const k = t/0.28;\n cor = [88, 120, 170]; alpha = 0.20 - k*0.16;\n } else if(t < 0.62){ // meio do dia\n cor = [255, 250, 230]; alpha = 0.03;\n } else { // tarde caindo para o fim do expediente\n const k = (t-0.62)/0.38;\n cor = [232, 140, 70]; alpha = 0.03 + k*0.20;\n }\n drawIsoRegion({x:0,y:0,w:ROOM_W,h:ROOM_H},\n `rgba(${cor[0]},${cor[1]},${cor[2]},${alpha.toFixed(3)})`, 'rgba(0,0,0,0)', false, null);\n\n // Feixes de luz entrando pelas janelas da parede do fundo\n const forcaSol = t < 0.28 ? t/0.28 : (t < 0.62 ? 1 : Math.max(0, 1-(t-0.62)/0.5));\n if(forcaSol > 0.05 && player.roomId !== 'rooftop'){\n ctx.save();\n ctx.globalCompositeOperation = 'lighter';\n [4,8,12].forEach(wx=>{\n const a = iso(wx, 0), b = iso(wx+1, 0);\n const fim = iso(wx+2.6, 3.4), fim2 = iso(wx+3.6, 3.4);\n const g = ctx.createLinearGradient(a.sx, a.sy-40, fim.sx, fim.sy);\n g.addColorStop(0, `rgba(255,240,200,${0.14*forcaSol})`);\n g.addColorStop(1, 'rgba(255,240,200,0)');\n ctx.fillStyle = g;\n ctx.beginPath();\n ctx.moveTo(a.sx, a.sy-30); ctx.lineTo(b.sx, b.sy-30);\n ctx.lineTo(fim2.sx, fim2.sy); ctx.lineTo(fim.sx, fim.sy);\n ctx.closePath(); ctx.fill();\n });\n ctx.restore();\n }\n }\n\n /* Poeira suspensa no ar: partículas lentas que dão profundidade e vida ao\n ambiente parado (truque usado em cenários 2.5D). */\n const poeira = Array.from({length: 26}, ()=>({\n x: Math.random()*ROOM_W, y: Math.random()*ROOM_H,\n z: 14 + Math.random()*54, r: 0.5 + Math.random()*1.1,\n fase: Math.random()*Math.PI*2, vel: 0.06 + Math.random()*0.12\n }));\n function drawPoeira(dt){\n const t = Date.now()/1000;\n ctx.save();\n poeira.forEach(g=>{\n g.x += Math.sin(t*0.25 + g.fase) * g.vel * dt;\n g.y += Math.cos(t*0.2 + g.fase) * g.vel * dt * 0.6;\n if(g.x < 0) g.x += ROOM_W; if(g.x > ROOM_W) g.x -= ROOM_W;\n if(g.y < 0) g.y += ROOM_H; if(g.y > ROOM_H) g.y -= ROOM_H;\n const p = iso(g.x, g.y);\n const brilho = 0.16 + Math.sin(t*1.1 + g.fase)*0.10;\n ctx.fillStyle = `rgba(255,245,215,${Math.max(0.04, brilho).toFixed(3)})`;\n ctx.beginPath(); ctx.arc(p.sx, p.sy - g.z, g.r, 0, Math.PI*2); ctx.fill();\n });\n ctx.restore();\n }\n\n /* Realce do tile sob o mouse: dá resposta imediata ao cursor, como nos\n editores de mapa do Gather/SoWork. */\n let tileMouse = null;\n canvas.addEventListener('mousemove', (e)=>{\n const rect = canvas.getBoundingClientRect();\n const mx = (e.clientX-rect.left)*(W/rect.width), my = (e.clientY-rect.top)*(H/rect.height);\n const cam = computeCamera();\n const w = invIso((mx-cam.panX)/camera.zoom, (my-cam.panY)/camera.zoom);\n tileMouse = (w.wx>=0 && w.wx=0 && w.wy{ tileMouse = null; });\n function drawTileHover(){\n if(!tileMouse) return;\n const {gx, gy} = tileMouse;\n const p1=iso(gx,gy), p2=iso(gx+1,gy), p3=iso(gx+1,gy+1), p4=iso(gx,gy+1);\n ctx.beginPath();\n ctx.moveTo(p1.sx,p1.sy); ctx.lineTo(p2.sx,p2.sy); ctx.lineTo(p3.sx,p3.sy); ctx.lineTo(p4.sx,p4.sy);\n ctx.closePath();\n ctx.fillStyle = editMode ? 'rgba(240,140,110,0.42)' : 'rgba(255,255,255,0.16)';\n ctx.fill();\n ctx.strokeStyle = editMode ? 'rgba(255,170,140,0.95)' : 'rgba(255,255,255,0.55)';\n ctx.lineWidth = 2; ctx.stroke();\n }\n\n function drawMinimap(){\n const mmW=150, mmH=100, pad=10, mx=W-mmW-pad, my=pad;\n ctx.fillStyle = 'rgba(10,12,10,0.55)';\n roundRect(ctx, mx-6,my-6,mmW+12,mmH+12,8); ctx.fill();\n const sx = mmW/ROOM_W, sy = mmH/ROOM_H;\n function rect(r,color){ ctx.fillStyle=color; ctx.fillRect(mx+r.x*sx, my+r.y*sy, r.w*sx, r.h*sy); }\n if(player.roomId==='office'){\n rect(ROOMS.office.restroom,'rgba(185,194,186,0.4)');\n cargos.forEach(c=>{ if(c.zone) rect(c.zone, hexToRGBA(c.color,0.55)); });\n } else if(player.roomId==='meeting'){\n rect(ROOMS.meeting.table,'rgba(232,115,92,0.5)');\n } else if(player.roomId==='rooftop'){\n rect(ROOMS.rooftop.coffee,'rgba(234,185,78,0.5)');\n rect(ROOMS.rooftop.lounge,'rgba(123,159,224,0.5)');\n }\n people.filter(p=>p.roomId===player.roomId).forEach(p=>{\n ctx.fillStyle = p.color;\n ctx.beginPath(); ctx.arc(mx+p.wx*sx, my+p.wy*sy, 2.2, 0, Math.PI*2); ctx.fill();\n });\n ctx.fillStyle = '#ffffff';\n ctx.beginPath(); ctx.arc(mx+player.wx*sx, my+player.wy*sy, 3.2, 0, Math.PI*2); ctx.fill();\n ctx.strokeStyle = '#eab94e'; ctx.lineWidth = 1.4; ctx.stroke();\n ctx.strokeStyle = 'rgba(255,255,255,0.35)'; ctx.lineWidth = 1;\n roundRect(ctx, mx-6,my-6,mmW+12,mmH+12,8); ctx.stroke();\n ctx.fillStyle = '#fff'; ctx.font = '9px \"Space Grotesk\", sans-serif';\n ctx.fillText(ROOMS[player.roomId].icon+' '+ROOMS[player.roomId].name, mx, my-10);\n }\n\n function computeCamera(){\n const ps = iso(player.wx, player.wy);\n if(camera.zoom>1.01) return { panX: W/2-ps.sx*camera.zoom, panY: H/2-ps.sy*camera.zoom };\n return { panX:0, panY:0 };\n }\n\n function skyBg(){\n if(player.roomId!=='rooftop') return theme.bg;\n const g = ctx.createLinearGradient(0,0,0,H);\n g.addColorStop(0,'#8fd0e6'); g.addColorStop(0.55,'#bfe6d8'); g.addColorStop(1,'#e8dcae');\n return g;\n }\n\n function frame(ts){\n if(!frame.last) frame.last = ts;\n const dt = Math.min(0.05, (ts-frame.last)/1000);\n frame.last = ts;\n\n frame.panelTimer = (frame.panelTimer||0) + dt;\n if(frame.panelTimer > 0.9){ frame.panelTimer = 0; renderManagerPanel(); }\n\n tick(dt); tickClock(dt); updatePlayer(dt); checkDoors();\n\n ctx.clearRect(0,0,W,H);\n ctx.fillStyle = skyBg(); ctx.fillRect(0,0,W,H);\n\n const cam = computeCamera();\n ctx.save();\n ctx.translate(cam.panX, cam.panY);\n ctx.scale(camera.zoom, camera.zoom);\n\n drawFloorGrid();\n drawWalls();\n if(player.roomId==='office'){ drawCargoZones(); drawRestroom(); drawAnnouncementBoard(); }\n else if(player.roomId==='meeting'){ drawMeetingRoomContents(); }\n else if(player.roomId==='rooftop'){ drawRooftopContents(); }\n // depois das zonas coloridas, senão o realce fica escondido embaixo delas\n drawTileHover();\n drawDoorMarkers();\n drawDecorations();\n\n const roomPeople = people.filter(p=>p.roomId===player.roomId);\n const allChars = [...roomPeople, player];\n allChars.sort((a,b)=>(a.wx+a.wy)-(b.wx+b.wy));\n allChars.forEach(c=> drawCharacterSprite(c, c===player));\n\n drawLighting();\n drawPoeira(dt);\n drawTaskBubbles(roomPeople);\n drawProximityBubbles(roomPeople);\n drawPlayerBubble();\n\n ctx.restore();\n\n drawMinimap();\n renderSelected();\n\n requestAnimationFrame(frame);\n }\n\n // ---------- UI: selection & editor clicks ----------\n function handleEditorClick(wx,wy){\n const hit = decorations.find(d=> d.roomId===player.roomId && Math.hypot(d.wx-wx, d.wy-wy) < 0.5);\n if(hit){ decorations = decorations.filter(d=>d!==hit); return; }\n if(!selectedDecorType) return;\n const snapX = Math.max(0.5, Math.min(ROOM_W-0.5, Math.floor(wx)+0.5));\n const snapY = Math.max(0.5, Math.min(ROOM_H-0.5, Math.floor(wy)+0.5));\n decorations.push({id:decorSeq++, roomId:player.roomId, type:selectedDecorType, wx:snapX, wy:snapY});\n }\n\n canvas.addEventListener('click', (e)=>{\n const rect = canvas.getBoundingClientRect();\n const scaleX = W/rect.width, scaleY = H/rect.height;\n const mx = (e.clientX-rect.left)*scaleX, my = (e.clientY-rect.top)*scaleY;\n const cam = computeCamera();\n const rawX = (mx-cam.panX)/camera.zoom, rawY = (my-cam.panY)/camera.zoom;\n const w = invIso(rawX, rawY);\n\n if(editMode){ handleEditorClick(w.wx, w.wy); return; }\n\n if(player.roomId==='office' && Math.hypot(ANNOUNCEMENT.x-w.wx, ANNOUNCEMENT.y-w.wy) < 0.7){\n const next = prompt('Editar mural do escritório:', announcementText);\n if(next!==null && next.trim()){\n announcementText = next.trim().slice(0,140);\n logEvent('Mural atualizado: \"'+announcementText+'\"');\n sincronizarConfig({ mural: announcementText }); // persiste e compartilha\n salvarLocal();\n }\n return;\n }\n\n let closest = null, bestDist = 0.75;\n people.filter(p=>p.roomId===player.roomId).forEach(p=>{\n const d = Math.hypot(p.wx-w.wx, p.wy-w.wy);\n if(d < bestDist){ bestDist = d; closest = p; }\n });\n selectedId = closest ? closest.id : selectedId;\n renderSelected();\n });\n\n // Double-click a nearby colleague to wave hello (SoWork/Kumospace-style\n // lightweight social gesture) — shows a 👋 above their head briefly.\n canvas.addEventListener('dblclick', (e)=>{\n const rect = canvas.getBoundingClientRect();\n const scaleX = W/rect.width, scaleY = H/rect.height;\n const mx = (e.clientX-rect.left)*scaleX, my = (e.clientY-rect.top)*scaleY;\n const cam = computeCamera();\n const rawX = (mx-cam.panX)/camera.zoom, rawY = (my-cam.panY)/camera.zoom;\n const w = invIso(rawX, rawY);\n let closest = null, bestDist = 0.75;\n people.filter(p=>p.roomId===player.roomId).forEach(p=>{\n const d = Math.hypot(p.wx-w.wx, p.wy-w.wy);\n if(d < bestDist){ bestDist = d; closest = p; }\n });\n if(closest){ closest.waveTimer = 1.6; logEvent(closest.name+' recebeu um aceno 👋'); }\n });\n\n canvas.addEventListener('wheel', (e)=>{\n e.preventDefault();\n const delta = e.deltaY>0 ? -0.1 : 0.1;\n camera.zoom = Math.max(1, Math.min(2.4, camera.zoom+delta));\n updateZoomLabel();\n }, {passive:false});\n\n function updateZoomLabel(){ document.getElementById('zoomLabel').textContent = Math.round(camera.zoom*100)+'%'; }\n\n /* Chamada a cada frame pelo loop de animação; sem esta trava, o innerHTML\n do painel era reescrito ~60x por segundo à toa. Agora só re-renderiza\n quando a seleção (ou o estado do selecionado) realmente muda. */\n let _selChave = null;\n function renderSelected(){\n const box = document.getElementById('selectedBox');\n const p = people.find(x=>x.id===selectedId);\n const chave = p ? (p.id+'|'+p.state+'|'+p.roomId) : 'vazio';\n if(chave === _selChave) return;\n _selChave = chave;\n if(!p){\n box.innerHTML = '

Clique em um agente no escritório para ver o nome, o cargo e o que está fazendo agora.

';\n return;\n }\n const cargo = getCargo(p);\n const executive = !!(cargo && cargo.exe",[155],"d324ce91-1994-4638-b166-aa45879eaa50","main.tsx",102,["D",1786137770006],35,"http","/**\n * ESCRITÓRIO VIRTUAL — v4: escritório em mapa 2D top-down com avatares que andam\n * (estilo Gather), editor de planta baixa com biblioteca de móveis (arrastar e soltar),\n * móveis interativos abrem chamada de vídeo (Jitsi) por proximidade.\n * Visual e código originais — nenhum asset ou trecho copiado de terceiros.\n */\n\nimport { Hono } from \"npm:hono\";\nimport * as db from \"./banco.ts\";\nimport * as S from \"./seguranca.ts\";\n\nconst app = new Hono();\n\n/* ============================== CONSTANTES DO MAPA ============================== */\n\nconst GRID_COLS = 16;\nconst GRID_ROWS = 10;\nconst TIPOS_MOVEL = [\n \"mesa\", \"cadeira\", \"sofa\", \"planta\", \"estante\", \"quadro\",\n \"tapete\", \"mesa_reuniao\", \"lampada\", \"cafe\",\n \"parede\", \"tapete_azul\", \"tapete_verde\", \"tapete_roxo\", \"tapete_amarelo\",\n] as const;\ntype TipoMovel = typeof TIPOS_MOVEL[number];\n\n/* ============================== AUTH & DOMÍNIO ============================== */\n\ninterface Usuario {\n id: string;\n nome: string;\n email: string;\n senhaHash: string;\n cargo: \"gestor\" | \"membro\";\n cor: string;\n criadoEm: number;\n x: number;\n y: number;\n direcao: \"baixo\" | \"cima\" | \"esquerda\" | \"direita\";\n status: \"disponivel\" | \"reuniao\" | \"foco\" | \"ausente\";\n emChamada: string | null;\n presencaEm: number;\n}\n\ninterface Sessao {\n id: string;\n usuarioId: string;\n expiraEm: number;\n}\n\ninterface Tarefa {\n id: string;\n titulo: string;\n descricao: string;\n status: \"pendente\" | \"andamento\" | \"concluida\";\n atribuidoA: string | null;\n criadoPor: string;\n criadoEm: number;\n prazo: string | null;\n}\n\ninterface MovelPlanta {\n id: string;\n tipo: TipoMovel;\n x: number;\n y: number;\n}\n\ninterface Planta {\n id: string;\n moveis: MovelPlanta[];\n atualizadoEm: number;\n}\n\nconst CORES = [\"#4F46E5\", \"#0EA5E9\", \"#10B981\", \"#F59E0B\", \"#EF4444\", \"#EC4899\", \"#7C3AED\", \"#14B8A6\"];\nconst SESSAO_MS = 7 * 24 * 60 * 60 * 1000;\nconst PRESENCA_TIMEOUT_MS = 5 * 60 * 1000;\n\nasync function usuarioPorEmail(email: string): Promise {\n const todos = await db.listar(\"usuarios\");\n return todos.find((u) => u.email === email) ?? null;\n}\n\nasync function usuarioAtual(c: any): Promise {\n const auth = c.req.header(\"authorization\") || \"\";\n const token = auth.startsWith(\"Bearer \") ? auth.slice(7) : \"\";\n if (!token) return null;\n const hash = await S.hashToken(token);\n const sessao = await db.obter(\"sessoes\", hash);\n if (!sessao || sessao.expiraEm < Date.now()) return null;\n return await db.obter(\"usuarios\", sessao.usuarioId);\n}\n\nfunction usuarioPublico(u: Usuario) {\n const online = Date.now() - (u.presencaEm || 0) < PRESENCA_TIMEOUT_MS;\n return {\n id: u.id,\n nome: u.nome,\n email: u.email,\n cargo: u.cargo,\n cor: u.cor,\n criadoEm: u.criadoEm,\n x: online ? u.x : null,\n y: online ? u.y : null,\n direcao: online ? u.direcao : \"baixo\",\n status: online ? u.status : \"ausente\",\n emChamada: online ? u.emChamada : null,\n online,\n };\n}\n\nfunction celulaLivre(x: number, y: number): boolean {\n return x >= 0 && y >= 0 && x < GRID_COLS && y < GRID_ROWS;\n}\n\n/* ================================ API ROTAS ================================ */\n\napp.post(\"/api/registrar\", async (c) => {\n try {\n const body = await c.req.json();\n const nome = S.texto(body.nome, \"nome\", { min: 2, max: 80 });\n const email = S.email(body.email);\n const senha = S.senhaForte(body.senha);\n if (await usuarioPorEmail(email)) throw S.ERRO(\"Este e-mail já está cadastrado.\", 409);\n\n const existentes = await db.listar(\"usuarios\");\n const usuario: Usuario = {\n id: S.idAleatorio(\"usr\"),\n nome,\n email,\n senhaHash: await S.hashSenha(senha),\n cargo: existentes.length === 0 ? \"gestor\" : \"membro\",\n cor: CORES[existentes.length % CORES.length],\n criadoEm: Date.now(),\n x: 2 + (existentes.length % 5),\n y: 2 + Math.floor(existentes.length / 5),\n direcao: \"baixo\",\n status: \"disponivel\",\n emChamada: null,\n presencaEm: Date.now(),\n };\n await db.salvar(\"usuarios\", usuario);\n\n const token = S.novoToken();\n await db.salvar(\"sessoes\", { id: await S.hashToken(token), usuarioId: usuario.id, expiraEm: Date.now() + SESSAO_MS });\n return c.json({ token, usuario: usuarioPublico(usuario) });\n } catch (err) {\n if (err instanceof S.ErroPublico) return c.json({ erro: err.message }, err.status as any);\n return c.json({ erro: \"Erro ao registrar.\" }, 500);\n }\n});\n\napp.post(\"/api/login\", async (c) => {\n try {\n const body = await c.req.json();\n const email = S.email(body.email);\n const senha = S.texto(body.senha, \"senha\", { min: 1, max: 200 });\n\n const chaveBloqueio = \"login:\" + email;\n const bloqueado = await db.segundosBloqueado(chaveBloqueio);\n if (bloqueado > 0) throw S.ERRO(`Muitas tentativas. Tente novamente em ${bloqueado}s.`, 429);\n\n const usuario = await usuarioPorEmail(email);\n const ok = usuario ? await S.conferirSenha(senha, usuario.senhaHash) : false;\n if (!usuario || !ok) {\n await db.registrarFalha(chaveBloqueio);\n throw S.ERRO(\"E-mail ou senha inválidos.\", 401);\n }\n await db.limparTentativas(chaveBloqueio);\n await db.limparExpirados();\n\n const token = S.novoToken();\n await db.salvar(\"sessoes\", { id: await S.hashToken(token), usuarioId: usuario.id, expiraEm: Date.now() + SESSAO_MS });\n return c.json({ token, usuario: usuarioPublico(usuario) });\n } catch (err) {\n if (err instanceof S.ErroPublico) return c.json({ erro: err.message }, err.status as any);\n return c.json({ erro: \"Erro ao entrar.\" }, 500);\n }\n});\n\napp.post(\"/api/logout\", async (c) => {\n const auth = c.req.header(\"authorization\") || \"\";\n const token = auth.startsWith(\"Bearer \") ? auth.slice(7) : \"\";\n if (token) await db.remover(\"sessoes\", await S.hashToken(token));\n return c.json({ ok: true });\n});\n\napp.get(\"/api/me\", async (c) => {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n return c.json({ usuario: usuarioPublico(u) });\n});\n\napp.get(\"/api/usuarios\", async (c) => {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n const todos = await db.listar(\"usuarios\");\n return c.json({ usuarios: todos.map(usuarioPublico) });\n});\n\napp.post(\"/api/presenca\", async (c) => {\n try {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n const body = await c.req.json();\n\n if (body.x !== undefined && body.y !== undefined) {\n const x = Math.trunc(Number(body.x));\n const y = Math.trunc(Number(body.y));\n if (celulaLivre(x, y)) {\n u.x = x;\n u.y = y;\n }\n }\n if (body.direcao) {\n u.direcao = S.escolha(body.direcao, \"direcao\", [\"baixo\", \"cima\", \"esquerda\", \"direita\"], u.direcao);\n }\n if (body.status) {\n u.status = S.escolha(body.status, \"status\", [\"disponivel\", \"reuniao\", \"foco\", \"ausente\"], u.status);\n }\n if (body.emChamada !== undefined) {\n u.emChamada = body.emChamada ? S.texto(body.emChamada, \"emChamada\", { max: 60 }) : null;\n }\n u.presencaEm = Date.now();\n await db.salvar(\"usuarios\", u);\n return c.json({ usuario: usuarioPublico(u) });\n } catch (err) {\n if (err instanceof S.ErroPublico) return c.json({ erro: err.message }, err.status as any);\n return c.json({ erro: \"Erro ao atualizar presença.\" }, 500);\n }\n});\n\nfunction plantaPadrao(): MovelPlanta[] {\n const itens: MovelPlanta[] = [];\n let n = 0;\n const add = (tipo: TipoMovel, x: number, y: number) => itens.push({ id: \"seed_\" + (n++), tipo, x, y });\n\n // Zona 1 — Espaço aberto (mesas de trabalho), canto superior esquerdo\n for (let x = 1; x <= 6; x++) for (let y = 1; y <= 3; y++) add(\"tapete_azul\", x, y);\n add(\"mesa\", 2, 1); add(\"cadeira\", 2, 2);\n add(\"mesa\", 4, 1); add(\"cadeira\", 4, 2);\n add(\"mesa\", 6, 1); add(\"cadeira\", 6, 2);\n add(\"estante\", 1, 3); add(\"planta\", 6, 3);\n add(\"quadro\", 3, 0); add(\"quadro\", 5, 0);\n\n // Zona 2 — Sala de reunião, canto superior direito\n for (let x = 9; x <= 14; x++) for (let y = 1; y <= 3; y++) add(\"tapete_roxo\", x, y);\n add(\"mesa_reuniao\", 11, 2);\n add(\"cadeira\", 10, 2); add(\"cadeira\", 12, 2); add(\"cadeira\", 11, 1); add(\"cadeira\", 11, 3);\n add(\"quadro\", 11, 0);\n\n // Zona 3 — Lounge com sofás, canto inferior esquerdo\n for (let x = 1; x <= 6; x++) for (let y = 6; y <= 8; y++) add(\"tapete_verde\", x, y);\n add(\"sofa\", 2, 7); add(\"sofa\", 5, 7);\n add(\"planta\", 1, 6); add(\"planta\", 6, 6); add(\"planta\", 3, 8); add(\"estante\", 1, 8);\n\n // Zona 4 — Cantinho do café, canto inferior direito\n for (let x = 9; x <= 14; x++) for (let y = 6; y <= 8; y++) add(\"tapete_amarelo\", x, y);\n add(\"cafe\", 11, 7);\n add(\"mesa\", 9, 7); add(\"cadeira\", 9, 8);\n add(\"mesa\", 13, 7); add(\"cadeira\", 13, 8);\n add(\"planta\", 14, 6);\n\n // Corredor central com um pouco de decoração\n add(\"lampada\", 8, 4); add(\"planta\", 8, 5);\n\n // Paredes divisórias (com vãos no corredor central em cruz)\n for (const y of [0, 1, 2, 3, 6, 7, 8, 9]) add(\"parede\", 7, y);\n for (const x of [0, 1, 2, 3, 4, 5, 6, 8, 9, 10, 11, 12, 13, 14, 15]) add(\"parede\", x, 4);\n\n return itens;\n}\n\napp.get(\"/api/mapa\", async (c) => {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n let planta = await db.obter(\"config\", \"planta\");\n if (!planta) {\n planta = { id: \"planta\", moveis: plantaPadrao(), atualizadoEm: Date.now() };\n await db.salvar(\"config\", planta);\n }\n return c.json({ moveis: planta.moveis, cols: GRID_COLS, rows: GRID_ROWS });\n});\n\napp.post(\"/api/mapa\", async (c) => {\n try {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n if (u.cargo !== \"gestor\") throw S.ERRO(\"Só o(a) gestor(a) pode editar a planta.\", 403);\n const body = await c.req.json();\n if (!Array.isArray(body.moveis)) throw S.ERRO(\"Lista de móveis inválida.\", 400);\n if (body.moveis.length > 300) throw S.ERRO(\"Muitos móveis (máximo 300).\", 400);\n\n const moveis: MovelPlanta[] = body.moveis.map((m: any) => {\n const tipo = S.escolha(m.tipo, \"tipo\", TIPOS_MOVEL as unknown as string[], \"mesa\") as TipoMovel;\n const x = Math.trunc(Number(m.x));\n const y = Math.trunc(Number(m.y));\n if (!celulaLivre(x, y)) throw S.ERRO(\"Posição de móvel fora do mapa.\", 400);\n const id = m.id && typeof m.id === \"string\" ? m.id.slice(0, 40) : S.idAleatorio(\"mv\");\n return { id, tipo, x, y };\n });\n\n const planta: Planta = { id: \"planta\", moveis, atualizadoEm: Date.now() };\n await db.salvar(\"config\", planta);\n return c.json({ moveis: planta.moveis });\n } catch (err) {\n if (err instanceof S.ErroPublico) return c.json({ erro: err.message }, err.status as any);\n return c.json({ erro: \"Erro ao salvar planta.\" }, 500);\n }\n});\n\napp.get(\"/api/tarefas\", async (c) => {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n const tarefas = await db.listar(\"tarefas\");\n tarefas.sort((a, b) => b.criadoEm - a.criadoEm);\n return c.json({ tarefas });\n});\n\napp.post(\"/api/tarefas\", async (c) => {\n try {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n const body = await c.req.json();\n const titulo = S.texto(body.titulo, \"titulo\", { min: 2, max: 140 });\n const descricao = S.texto(body.descricao, \"descricao\", { min: 0, max: 2000, obrigatorio: false });\n const prazo = body.prazo ? S.texto(body.prazo, \"prazo\", { max: 40 }) : null;\n const atribuidoA = body.atribuidoA ? S.texto(body.atribuidoA, \"atribuidoA\", { max: 60 }) : null;\n const tarefa: Tarefa = {\n id: S.idAleatorio(\"tsk\"),\n titulo,\n descricao,\n status: \"pendente\",\n atribuidoA,\n criadoPor: u.id,\n criadoEm: Date.now(),\n prazo,\n };\n await db.salvar(\"tarefas\", tarefa);\n return c.json({ tarefa });\n } catch (err) {\n if (err instanceof S.ErroPublico) return c.json({ erro: err.message }, err.status as any);\n return c.json({ erro: \"Erro ao criar tarefa.\" }, 500);\n }\n});\n\napp.patch(\"/api/tarefas/:id\", async (c) => {\n try {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n const id = c.req.param(\"id\");\n const tarefa = await db.obter(\"tarefas\", id);\n if (!tarefa) return c.json({ erro: \"Tarefa não encontrada.\" }, 404);\n const body = await c.req.json();\n if (body.status) tarefa.status = S.escolha(body.status, \"status\", [\"pendente\", \"andamento\", \"concluida\"], tarefa.status);\n if (body.titulo) tarefa.titulo = S.texto(body.titulo, \"titulo\", { min: 2, max: 140 });\n if (body.descricao !== undefined) tarefa.descricao = S.texto(body.descricao, \"descricao\", { max: 2000, obrigatorio: false });\n if (body.atribuidoA !== undefined) tarefa.atribuidoA = body.atribuidoA || null;\n if (body.prazo !== undefined) tarefa.prazo = body.prazo || null;\n await db.salvar(\"tarefas\", tarefa);\n return c.json({ tarefa });\n } catch (err) {\n if (err instanceof S.ErroPublico) return c.json({ erro: err.message }, err.status as any);\n return c.json({ erro: \"Erro ao atualizar tarefa.\" }, 500);\n }\n});\n\napp.delete(\"/api/tarefas/:id\", async (c) => {\n const u = await usuarioAtual(c);\n if (!u) return c.json({ erro: \"Não autenticado.\" }, 401);\n await db.remover(\"tarefas\", c.req.param(\"id\"));\n return c.json({ ok: true });\n});\n\n/* ================================ PWA ================================ */\n\nconst ICON_192 = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADABAMAAACg8nE0AAAAMFBMVEVlQOllP+llQOl0POxuPetdQuhhQellQOlpP+r5+P9ZQ+e8qfZVROaFae6jjfLd1ft64x65AAAAA3RSTlMBsFh6wdmXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKLklEQVR42rWcv28cxxXHlyqSRgXtwnHBQnFhNypC7xRpkmYX0P0DpAMmtpHidmEYsmAnuSMQGInkhbWN3V8cWNU1hro0FgjyDyCYygRsQpBdWAhkGKarFEISIG9+z5t5szu72huJ7Xzv877vO7M7u3dZ5o+Xnts5w+P0M3/s+aMS493nXsr6xs+9yc/u37+PJ1/D2Fs7k+/DgNnnQqN+vnP6KzvB/D7AmgOg+TnAfmXG76/F5986C4cPwAlweRAA/K+3k8vDp/cB1hxg7U7vANTwb1FVz6d/fpD4LCDY8wk0QM3/alAhGa6Q9bnvA6x9gH3HAZh8sajq5ZLyYYcEOAta1AfY8xyAsVy+G85/nQagWnTttagGWHAHgGAJ4700AygAyoK59hgEOACM7YQC0QB76yBjCgDcBYCFmN8v0gCAdRSAd2ldSQAfYQDAXhygWta1nh8jTAFQyyY1Aofb0wLUsoUWSzNuTwqgQmwrhFy4/uwAsj4ugJuFSRwIAJbL7lV6WAtVIYCt0fUJMlATAId34hUangFifl2jrekc8BW2YxUangFi+kPdRzuTZQArLO/evR2xYIIMAMDh8rCNW/DMGeAEbctNuLqRDBzy0bZ/jaXgmTPAR9u2dyiPx2WgogDa25GFaAoHOEDbEpdD02RAArTtNbKJJsiAAoA2urqZDCgAaKOrm3SAC1zfWAbEuEPEYKoMKIGdjWVAjNthzqZ0IBCYNgNSYIMZkFHeYAZCgckd8ASmzgBFMGkG+JhlG8wAQTC5Ay7B9BkICabOAABYgk1kwCfYgAOWYCMZ8AgmzwAH0ASnMKbPAIxGCpxuyoFZaQk2kAEAkAKnp5vJAABYgk1kAACEANRnUw40TUYd7k6VgUaVKAjZVBmwBD0A9nRanQulOiAJegFee3R5efloYR3g89d/fATjRieAIegEeP37pys+7p186JwLfXR5JMbleVcL6TbtAngopxcST2QGqsXh10dm/HAjCgDzyzaNA+z/uHLHscjA8ub3R844+RJuue+2BEDZyKWiAwDPv1r9jxcJzy8U6Aw0kqAD4JuVPz6vqkNvflC4sSQzoJaKOMDbq3D8q354FIzjuwSAsAAE4gC/eUoIfPLxETEehwAz7UEc4GJFjU8ogaNfBgDcA16iOMDrK3qQAscBgCgQEMQBvosI0Ahf+QBAIEyOAryxWo1GaGTKRJsOdKDfBQUg5m88gRQHogifew5ECIzErQ6B/1ACJxiAJ7n0BFCIH3QI3Ou2WbdQWYYERqKrQpEa/QM50DQBAQK41SnQVSPjAEVgJb7rFIhGwTqgLHAE8D7wtFOANuGJ4wBNYCXeWK2Gm3BsAXQPOQJ4J36zRyBuAmqhsE21wEWPQDTMahlVLVQWRsC7lHjQIxBNgg/gtanxeDVKAFYL9fG1A0bAvxbqE4hFrXESAIMVuE2NwG/HCRy3Yid2AZSAfzX6Zq8A3UY4xCUriyIjr0bf6hUg2+iklB4bgEITHBwcoEtpv0t/OHuY1Kd6q9EAJWNC4IA/qV/HBf4Nl38XKQKsnJU2xEJCE6D5vaXu3u9A4J8pAueeA4rg4MB71WAfC3wqblIepAjw/nEcsAT4VQMvyH8TAhcJSTsv5UasyqMIwGH/jgkL/D1dQBCUIYH/tgoW+O8YAgafnitk5C1ff4kiHjgdxAl0DoK3VfpNjhNYAFiKZJLDt1W8HTm9Td1VqDAehG+rjA+aCwB/oouI122CpeI0bamwTcpFwGRBEAJUIxe7I72b8WUULJYE1PtCt0Yu187HFwTCZAKgenucwDFahTgEyzPyhaebI7dMd6/kFnOCPXcr0OdC9TiBx84iwctTlHmeHRAAVTXusuXcrkGF6FFJQB1sjbvwYtYBMT/LgYAE6G2jnibSJeIEJED1zqirFpMwPT/Li4wEqOoxl++P9ZWEqRAoZJF35sbcgJzbEJv5PQJ7ePmX8RbwvVIXyCXAh7s3R8dMfXxFgLvIVXgwKgWiQQtNwFwBDNBdo54KqVUIZscmI4DOGvVUyHx+N2g+QFeY4zFmfBcoHQdy3KbO9IvFO+NSVjghc0oUANTxKMRDwMRG78yPCJACPz5+fwQAc0MM8xdKIHSAv3p5MXgh1csot1jO77ZphZ6hwPOBP5DHmr+m5v/WZEC3kOhSU6L5fF75BHBc/GdC4En7sGszZnaREPNLgbldRhWAfPF1ER4tw6HQB+HRMivdCikEMb8hqHwP5Jl9cDjOjyM+8g/H5TJqM6AcNjmYzwMA84TGO96XR05Y4eS8pDIgpjcEPoB9Suk+oPhWn8p94D6gMDuxlwGmBcDhKACM980jFnM+3bTtrxTE5RfuFTuqkEsQBxBPaMRDInx+3zYFf0jE0C2l7VH++bXJfshiL/25J8ficK70BjMWFyzPEUEPgHhrEc0vzwsa8YAA39DwAZ/edKkQGAogFOShBDq7URnI+R8i6AXAz8gamF/cbs9m/txmo8yNy1kKwLIlCMQNZYM8sBEu3C4aDNC02gHnntgQqH3ACgwHME9aS98BpuxFXTQcQB54zNBNvbnY5S3KXIIRAKaHSveuXgHgzw8C1XwcQGmOhpADeqd0BEYCoPNLeUfGCmEB8jjPxgCI4jToVEJuxKo9URcNB9Bn0+hUwi5zDFmAS5QGoNY5t4XMKofL4wkkA5hnxX6IQwcCgiQAscaRLSQaqIgIJAOIucMW4hlgnSVKd8DuNqaFmCZgMYFBLVSSq5DfoY7Agn+NLA1AFKcJV6FcrUOkAMw/rIXKcBVSCCHBnyxBqgM4A3YfoADy7IVKfMsuHWBWzoIWkvNTALsgIN+GSc5AOSuDFtIRC+bnAvXADKCNQK9CkXWCC7ys3thKd8DNADMOE5Pz8SoIVM43+XoBxBMObxUq5RpKevxq9hP4/Ev+l7iM4msh53KaHr/IfipuKatx+0CpOxRfUSOBLfFC1SI5xG4G7PV0lGA7u8JNrkbtA4V7OR3RgO+whg53hhi1kPn8MYAcvsXyQpUM4D7kk6d/5tQjArALAi9XI0PM+h2ALs1EGyWH2H3AYVehqAPQRPBlqyHLKLkKsZzl0SaCkZ6BsiGuhYKLRc9jcDl9IyuJa6EOB4THWfZK+kZG3NDIY48i7jGYMHojK5lzrBK1IMuSM1AGq1DRsVJrC1CNOjMQ3hOrgzmWd1XIq1E8A7PAAHXP2lchp0bJG5lZ5siN2KuQ10fRDISX0/qmu6dCtkbJGWCFudqld0pcoSz72bAMOI9oelPmIgzMgDIgBcBBGJCB7gggAIkwMAPyarFrN84IhIQMmJ24s4M8AIHgv3ocvZgrnLO5NAdMFtIyYE8lUjLgFikxA2ajiWvsUj/pkZQB55ay6PCA/GmVrZQMWAbyhilmAKVAZsC5pezYK6O/PrPVmwF0sJUP+/zChxd79gH3YCuyDu1e6/5xnu4MoIOtYlB5nJ8XehHf0BCnEpEU7xI/L/R/uh6KPLTcLZoAAAAASUVORK5CYII=\";\nconst ICON_180 = \"data:image/png;base64,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\";\nconst ICON_32 = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAMFBMVEVmQeplP+llP+llQelZQ+dsPutlQOlzPOxfQei8qPb39f78+//Ow/mTdvByUuuijPKT51vbAAAABHRSTlMFa880rRmNXQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAQRJREFUKM9VkTFKRDEQhv8FsV4WsV8QT/KK1MJsukWLFywsXEHmAosE0e1fofbZG7heQLG1sNpKW0+w4mQS30umm4/vT2YSAJNGy3jvp5A6SP1S+nN3BoyaQbhxboy9UnDu9D+RBckcVYI7QS3MCLXQZjAICRRCAubz/Xe13X23lCLmIoTQdd0DZcO/hbB+EfJBCpb3IqyfBTwmYO4EbDavMUMWcsVtCD8KnsgKMCUgRuN9EbEMGbI4lBlx6P5am0E/GCuQLWT0+Xb3ZROIazqKxSkSt2xlcWuTocJMBVagAkXhWsFxL2h/hcNe0MQC+5XAlxhVAo8hmfhyWVjE758MwhT4A4D13JspStHAAAAAAElFTkSuQmCC\";\n\napp.get(\"/manifest.json\", (c) => {\n return c.json({\n name: \"Escritório Virtual\",\n short_name: \"Escritório\",\n start_url: \"/\",\n display: \"standalone\",\n background_color: \"#0B0B0F\",\n theme_color: \"#4F46E5\",\n orientation: \"portrait-primary\",\n icons: [\n { src: ICON_192, sizes: \"192x192\", type: \"image/png\", purpose: \"any\" },\n { src: ICON_192, sizes: \"192x192\", type: \"image/png\", purpose: \"maskable\" },\n ],\n });\n});\n\napp.get(\"/sw.js\", (c) => {\n c.header(\"Content-Type\", \"application/javascript\");\n return c.body(\n \"self.addEventListener('install', function(e){ self.skipWaiting(); });\" +\n \"self.addEventListener('activate', function(e){ self.clients.claim(); });\" +\n \"self.addEventListener('fetch', function(e){ /* passthrough — dados mudam o tempo todo */ });\"\n );\n});\n\n/* ================================ FRONTEND ================================ */\n\nconst HTML = `\n\n\n\n\nEscritório Virtual\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Escritório Virtual

Entrar na sua conta

Um escritório em mapa para a sua equipe

\n \n

Ainda não tem conta? Criar conta

\n\n\n\n

\n \n\n

\n \n

\n\n \n

\n\n

\n \n \n \n \n

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

\n \n

\n\n

\n\n\n\n`;\n\napp.get(\"/\", (c) => c.html(HTML));\n\nexport default app.fetch;\n",[163],"ddb7efe8-dc84-4e0b-ade3-553af60b43b6","escritorio-melhorado.tsxnew-file-4730.ts","b3b7f924-926e-11f1-8659-1607ee4eb77e",70,["D",1786114028708],1,[171],"c2733ced-0c89-441b-990b-c0d0309a3123","banco.ts","8bed9f0a-8d02-11f1-bf54-1607ee4eb77e",16,["D",1785878137533],"/**\n * Persistencia no SQLite do Val Town.\n *\n * Uma tabela chave/documento por colecao: evita migracao de schema toda vez que\n * um campo novo aparece no produto, e o volume aqui e pequeno (uma equipe).\n */\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABELAS = [\"usuarios\", \"cargos\", \"pessoas\", \"tarefas\", \"sessoes\", \"eventos\", \"tentativas\", \"config\"];\n\nlet pronto: Promise | null = null;\n\nexport function prepararBanco(): Promise {\n if (!pronto) {\n pronto = (async () => {\n for (const t of TABELAS) {\n await sqlite.execute(\n \"CREATE TABLE IF NOT EXISTS \" + t + \" (id TEXT PRIMARY KEY, doc TEXT NOT NULL)\",\n );\n }\n })();\n }\n return pronto;\n}\n\nexport async function salvar(tabela: string, doc: T): Promise {\n await prepararBanco();\n await sqlite.execute({\n sql: \"INSERT INTO \" + tabela +\n \" (id, doc) VALUES (?, ?) ON CONFLICT(id) DO UPDATE SET doc = excluded.doc\",\n args: [String(doc.id), JSON.stringify(doc)],\n });\n return doc;\n}\n\nexport async function obter(tabela: string, id: string): Promise {\n await prepararBanco();\n const r = await sqlite.execute({\n sql: \"SELECT doc FROM \" + tabela + \" WHERE id = ?\",\n args: [String(id)],\n });\n if (!r.rows.length) return null;\n return JSON.parse(String(r.rows[0].doc)) as T;\n}\n\nexport async function listar(tabela: string): Promise {\n await prepararBanco();\n const r = await sqlite.execute(\"SELECT doc FROM \" + tabela);\n return r.rows.map((linha) => JSON.parse(String(linha.doc)) as T);\n}\n\nexport async function remover(tabela: string, id: string): Promise {\n await prepararBanco();\n await sqlite.execute({\n sql: \"DELETE FROM \" + tabela + \" WHERE id = ?\",\n args: [String(id)],\n });\n}\n\n/* -------------------------- limite de tentativas --------------------------\n * Em hospedagem serverless cada requisicao pode cair num isolado diferente,\n * entao um contador em memoria nao serve de nada: o atacante so precisa\n * insistir ate pegar um isolado novo. Por isso o contador vive no banco.\n */\n\ninterface Tentativa {\n id: string;\n falhas: number;\n inicio: number;\n bloqueadoAte: number;\n}\n\nconst JANELA_MS = 15 * 60 * 1000;\nconst BLOQUEIO_MS = 15 * 60 * 1000;\nconst MAX_FALHAS = 5;\n\nexport async function segundosBloqueado(chave: string): Promise {\n const r = await obter(\"tentativas\", chave);\n if (!r) return 0;\n const agora = Date.now();\n if (r.bloqueadoAte > agora) return Math.ceil((r.bloqueadoAte - agora) / 1000);\n return 0;\n}\n\nexport async function registrarFalha(chave: string): Promise {\n const agora = Date.now();\n let r = await obter(\"tentativas\", chave);\n if (!r || agora - r.inicio > JANELA_MS) {\n r = { id: chave, falhas: 0, inicio: agora, bloqueadoAte: 0 };\n }\n r.falhas += 1;\n if (r.falhas >= MAX_FALHAS) r.bloqueadoAte = agora + BLOQUEIO_MS;\n await salvar(\"tentativas\", r);\n}\n\nexport async function limparTentativas(chave: string): Promise {\n await remover(\"tentativas\", chave);\n}\n\n/**\n * Limpeza oportunista: sessoes vencidas e contadores de tentativa antigos\n * nunca seriam apagados sozinhos (so eram removidos ao serem consultados).\n * Chamada a cada login bem-sucedido — barata, pois o volume e pequeno.\n */\nexport async function limparExpirados(): Promise {\n const agora = Date.now();\n for (const s of await listar<{ id: string; expiraEm: number }>(\"sessoes\")) {\n if (s.expiraEm && s.expiraEm < agora) await remover(\"sessoes\", s.id);\n }\n for (const t of await listar(\"tentativas\")) {\n if (t.bloqueadoAte < agora && agora - t.inicio > JANELA_MS) await remover(\"tentativas\", t.id);\n }\n}\n",[178],"pulls","branches","forks","envVars",{"_191":61,"_193":61},"connections",{"_191":61,"_192":61},"count","unfilledCount","emptyCount",{"_41":177,"_32":178,"_30":179,"_138":-5,"_39":40,"_38":180,"_140":25,"_36":216,"_13":139,"_33":142,"_34":182,"_24":47,"_144":-5,"_201":217,"_27":218},{"_41":170,"_32":171,"_30":172,"_138":-5,"_39":40,"_38":173,"_140":47,"_36":213,"_13":175,"_33":142,"_34":108,"_24":47,"_144":-5,"_201":214,"_27":215},{"_41":162,"_32":163,"_30":56,"_138":-5,"_39":40,"_38":164,"_140":47,"_36":210,"_13":166,"_33":167,"_34":168,"_24":47,"_144":-5,"_201":211,"_27":212},{"_41":154,"_32":155,"_30":156,"_138":-5,"_39":40,"_38":157,"_140":47,"_36":207,"_13":159,"_33":20,"_34":160,"_24":47,"_144":-5,"_201":208,"_27":209},{"_41":146,"_32":147,"_30":148,"_138":-5,"_39":40,"_38":149,"_140":47,"_36":204,"_13":151,"_33":20,"_34":152,"_24":47,"_144":-5,"_201":205,"_27":206},{"_41":135,"_32":136,"_30":137,"_138":-5,"_39":40,"_38":139,"_140":25,"_36":200,"_13":61,"_33":142,"_34":143,"_24":47,"_144":-5,"_201":202,"_27":203},["D",1785517729524],"children",[],[136],["D",1785879881531],[],[147],["D",1785879849828],[],[155],["D",1786137770006],[],[163],["D",1786114028708],[],[171],["D",1785878137533],[],[178],["D",1785517600367],["D",1789516253896],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":54,"_103":104,"_105":47},{"_13":87,"_32":88,"_41":40,"_89":42,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":43,"_96":97},"ctx",{"_80":-5,"_126":257,"_258":259,"_260":261,"_262":47,"_263":47,"_264":47,"_265":25,"_266":-5,"_267":-7,"_268":-7,"_269":61,"_270":47,"_271":47,"_272":-5,"_273":47,"_274":47,"_275":47,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":88,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v103