Escritório Virtual

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_211":212,"_213":214},"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",104,"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-2.txt","latestPath","fileId","e76b2534-8d05-11f1-bdf1-1607ee4eb77e","name","fileType","content","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","createdAt",["D",1786478135855],"branchVersion","branchId","1babfc65-45cf-4fe5-80e1-b6a58708764e","id","3598e464-33ff-46d8-9a0d-a0cbf68518a5","escritorio-virtual",["D",1785517600367],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","Escritorio virtual para equipes em home office","imageUrl","779cff7d-e571-4cc4-9762-23848b9bd8be","pinnedFileId","32a164ae-8d02-11f1-92a9-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f8661-e505-7389-9ac0-5e186d7172de","tursoName","3598e46433ff46d89a0da0cbf68518a5","tursoHostname","3598e46433ff46d89a0da0cbf68518a5-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789516253896],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":54,"_103":104,"_105":47},"branch",{"_13":87,"_32":88,"_41":40,"_89":42,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":43,"_96":97},"isOwned",194,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","vininasc25","handle","displayName","Vinicius Costa Nascimento","avatar","https://lh3.googleusercontent.com/a/ACg8ocK2KMyaRKhjGR18fsaUR-TcRuUk6K_d0glrB2nmnmkbJum4XA=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_32":43,"_36":206,"_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":207,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":208,"_82":209,"_84":210,"_86":47},"tree",[185,186,187,188,189],"files",[185,186,187,188,189],"counts",{"_175":61,"_176":166,"_177":61,"_178":179,"_180":181},"contents",[129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":168,"_32":169,"_30":170,"_137":-5,"_39":40,"_38":171,"_139":25,"_36":172,"_13":138,"_33":141,"_34":173,"_24":47,"_143":-5,"_27":174},{"_41":161,"_32":162,"_30":163,"_137":-5,"_39":40,"_38":164,"_139":47,"_36":165,"_13":166,"_33":141,"_34":108,"_24":47,"_143":-5,"_27":167},{"_41":153,"_32":154,"_30":56,"_137":-5,"_39":40,"_38":155,"_139":47,"_36":156,"_13":157,"_33":158,"_34":159,"_24":47,"_143":-5,"_27":160},{"_41":145,"_32":146,"_30":147,"_137":-5,"_39":40,"_38":148,"_139":47,"_36":149,"_13":150,"_33":20,"_34":151,"_24":47,"_143":-5,"_27":152},{"_41":134,"_32":135,"_30":136,"_137":-5,"_39":40,"_38":138,"_139":25,"_36":140,"_13":61,"_33":141,"_34":142,"_24":47,"_143":-5,"_27":144},"bf356e97-f734-41d1-85bb-061f1a51f378","seguranca.ts","7f988058-8d02-11f1-bafd-1607ee4eb77e","parentId",2,"latest",["D",1785517729524],"script","/**\n * Primitivas de seguranca para o Escritorio Virtual no Val Town.\n *\n * Diferenca em relacao a versao Node: o hash de senha usa PBKDF2-SHA256 pela\n * Web Crypto API, nao scrypt. Motivo: a Web Crypto e nativa do Deno e roda\n * igual em qualquer isolado, enquanto scrypt depende da camada de compat com\n * Node. 600.000 iteracoes e a recomendacao atual da OWASP para PBKDF2-SHA256.\n */\n\nconst ITERACOES = 600000;\nconst TAM_CHAVE = 32; // bytes\n\nconst enc = new TextEncoder();\n\nfunction paraBase64(bytes: Uint8Array): string {\n let s = \"\";\n for (const b of bytes) s += String.fromCharCode(b);\n return btoa(s);\n}\nfunction deBase64(txt: string): Uint8Array {\n const bin = atob(txt);\n const out = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);\n return out;\n}\n\nasync function derivar(senha: string, sal: Uint8Array, iteracoes: number, tam: number) {\n const chave = await crypto.subtle.importKey(\n \"raw\",\n enc.encode(senha.normalize(\"NFKC\")),\n \"PBKDF2\",\n false,\n [\"deriveBits\"],\n );\n const bits = await crypto.subtle.deriveBits(\n { name: \"PBKDF2\", salt: sal, iterations: iteracoes, hash: \"SHA-256\" },\n chave,\n tam * 8,\n );\n return new Uint8Array(bits);\n}\n\nexport async function hashSenha(senha: string): Promise {\n const sal = crypto.getRandomValues(new Uint8Array(16));\n const derivada = await derivar(senha, sal, ITERACOES, TAM_CHAVE);\n return \"pbkdf2$\" + ITERACOES + \"$\" + paraBase64(sal) + \"$\" + paraBase64(derivada);\n}\n\nexport async function conferirSenha(senha: string, guardado: string): Promise {\n try {\n const partes = String(guardado).split(\"$\");\n if (partes.length !== 4 || partes[0] !== \"pbkdf2\") return false;\n const iteracoes = Number(partes[1]);\n const sal = deBase64(partes[2]);\n const esperado = deBase64(partes[3]);\n const derivada = await derivar(String(senha), sal, iteracoes, esperado.length);\n // comparacao em tempo constante: nao sai mais cedo ao achar diferenca\n if (derivada.length !== esperado.length) return false;\n let diferenca = 0;\n for (let i = 0; i < derivada.length; i++) diferenca |= derivada[i] ^ esperado[i];\n return diferenca === 0;\n } catch {\n return false;\n }\n}\n\n/* ---------------------------- tokens e ids -------------------------------- */\n\nfunction urlSafe(b: Uint8Array): string {\n return paraBase64(b).replace(/\\+/g, \"-\").replace(/\\//g, \"_\").replace(/=+$/, \"\");\n}\n\nexport function novoToken(): string {\n return urlSafe(crypto.getRandomValues(new Uint8Array(32)));\n}\n\n/** O banco guarda so o hash do token: se o banco vazar, os tokens nao servem. */\nexport async function hashToken(token: string): Promise {\n const bits = await crypto.subtle.digest(\"SHA-256\", enc.encode(String(token)));\n return Array.from(new Uint8Array(bits)).map((b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nexport function idAleatorio(prefixo: string): string {\n return prefixo + \"_\" + urlSafe(crypto.getRandomValues(new Uint8Array(9)));\n}\n\n/* ------------------------------ validacao --------------------------------- */\n\nexport class ErroPublico extends Error {\n status: number;\n publico = true;\n constructor(msg: string, status = 400) {\n super(msg);\n this.status = status;\n }\n}\n\nexport const ERRO = (msg: string, status = 400) => new ErroPublico(msg, status);\n\n// remove caracteres de controle (0x00-0x1f e 0x7f) que quebrariam logs e telas\nconst CONTROLE = new RegExp(\"[\\\\u0000-\\\\u001f\\\\u007f]\", \"g\");\n\nexport function texto(\n valor: unknown,\n campo: string,\n opcoes: { min?: number; max?: number; obrigatorio?: boolean } = {},\n): string {\n const min = opcoes.min ?? 1;\n const max = opcoes.max ?? 200;\n const obrigatorio = opcoes.obrigatorio ?? true;\n if (valor === undefined || valor === null || valor === \"\") {\n if (obrigatorio) throw ERRO('Campo \"' + campo + '\" e obrigatorio.');\n return \"\";\n }\n if (typeof valor !== \"string\") throw ERRO('Campo \"' + campo + '\" deve ser texto.');\n const limpo = valor.replace(CONTROLE, \"\").trim();\n if (limpo.length < min) throw ERRO('Campo \"' + campo + '\" precisa de pelo menos ' + min + \" caractere(s).\");\n if (limpo.length > max) throw ERRO('Campo \"' + campo + '\" excede ' + max + \" caracteres.\");\n return limpo;\n}\n\nexport function email(valor: unknown): string {\n const v = texto(valor, \"email\", { max: 160 }).toLowerCase();\n if (!/^[^\\s@]{1,64}@[^\\s@]{1,120}\\.[a-z]{2,}$/i.test(v)) throw ERRO(\"E-mail invalido.\");\n return v;\n}\n\nexport function senhaForte(valor: unknown): string {\n if (typeof valor !== \"string\") throw ERRO(\"Senha invalida.\");\n if (valor.length < 8) throw ERRO(\"A senha precisa ter pelo menos 8 caracteres.\");\n if (valor.length > 200) throw ERRO(\"Senha longa demais.\");\n if (!/[a-zA-Z]/.test(valor) || !/[0-9]/.test(valor)) throw ERRO(\"A senha precisa ter letras e numeros.\");\n return valor;\n}\n\nexport function escolha(valor: unknown, campo: string, permitidos: T[], padrao: T): T {\n if (valor === undefined || valor === null || valor === \"\") return padrao;\n if (!permitidos.includes(valor as T)) throw ERRO('Valor invalido para \"' + campo + '\".');\n return valor as T;\n}\n\nexport function corHex(valor: unknown, padrao: string): string {\n if (!valor) return padrao;\n if (typeof valor !== \"string\" || !/^#[0-9a-fA-F]{6}$/.test(valor)) throw ERRO(\"Cor invalida.\");\n return valor.toLowerCase();\n}\n","label",[135],"7c9c6769-927a-4589-876b-ed9f1c0d00fd","pagina-parte-3.txt","e7ba9aec-8d05-11f1-b99e-1607ee4eb77e",66,["D",1785879881531],14,"cutive);\n const meta = STATE_META[p.state] || STATE_META.working;\n const roomName = ROOMS[p.roomId] ? ROOMS[p.roomId].name : p.roomId;\n box.innerHTML = `\n

${escapeHtml(p.name)}${executive?' ★':''}

${escapeHtml(cargo ? cargo.name : '—')} · ${escapeHtml(roomName)}

\n ${meta.label}\n

`;\n }\n\n function escapeHtml(s){ return s.replace(/[&<>\"']/g, m => ({'&':'&','<':'<','>':'>','\"':'"',\"'\":'''}[m])); }\n\n // ---------- UI: room tabs ----------\n function renderRoomTabs(){\n const wrap = document.getElementById('roomTabs');\n wrap.innerHTML = '';\n Object.keys(ROOMS).forEach(rid=>{\n const room = ROOMS[rid];\n const count = people.filter(p=>p.roomId===rid).length;\n const btn = document.createElement('button');\n btn.className = 'roomtab' + (player.roomId===rid ? ' active' : '');\n btn.innerHTML = `${room.icon} ${escapeHtml(room.name)} ${count}`;\n btn.addEventListener('click', ()=>{ goToRoom(rid); renderRoomTabs(); renderDecorPalette(); });\n wrap.appendChild(btn);\n });\n }\n\n // ---------- UI: theme / editor toggles ----------\n document.getElementById('zoomIn').addEventListener('click', ()=>{ camera.zoom=Math.min(2.4,camera.zoom+0.2); updateZoomLabel(); });\n document.getElementById('zoomOut').addEventListener('click', ()=>{ camera.zoom=Math.max(1,camera.zoom-0.2); updateZoomLabel(); });\n\n function renderDecorPalette(){\n const wrap = document.getElementById('decorPalette');\n wrap.innerHTML = '';\n DECOR_TYPES.forEach(t=>{\n const card = document.createElement('div');\n card.className = 'theme-card' + (selectedDecorType===t.id ? ' active' : '');\n card.tabIndex = 0;\n card.innerHTML = `

${t.emoji}

${escapeHtml(t.label)}

`;\n card.addEventListener('click', ()=>{ selectedDecorType = (selectedDecorType===t.id) ? null : t.id; renderDecorPalette(); });\n wrap.appendChild(card);\n });\n }\n\n document.getElementById('editToggle').addEventListener('click', ()=>{\n editMode = !editMode;\n const btn = document.getElementById('editToggle');\n btn.textContent = editMode ? '✅ Edição ativa — clique para sair' : 'Ativar edição (sala atual)';\n btn.classList.toggle('active', editMode);\n document.getElementById('decorPalette').style.display = editMode ? 'grid' : 'none';\n if(!editMode){\n selectedDecorType = null;\n // ao sair da edição, salva a decoração (servidor e/ou navegador)\n sincronizarDecoracao();\n salvarLocal();\n }\n renderDecorPalette();\n });\n\n // ---------- UI: cargos ----------\n function renderSwatchGroup(containerId, palette, getSelected, onSelect){\n const wrap = document.getElementById(containerId);\n wrap.innerHTML = '';\n const current = getSelected();\n palette.forEach(c=>{\n const s = document.createElement('div');\n s.className = 'swatch' + (c===current ? ' active' : '');\n s.style.background = c; s.tabIndex = 0;\n s.addEventListener('click', ()=>onSelect(c));\n wrap.appendChild(s);\n });\n }\n function populateSelect(id, options){\n const sel = document.getElementById(id);\n sel.innerHTML = '';\n options.forEach(o=>{\n const opt = document.createElement('option');\n opt.value = o.id; opt.textContent = o.label;\n sel.appendChild(opt);\n });\n }\n\n let chosenCargoColor = OUTFIT_COLORS[2];\n function renderCargoSwatches(){\n renderSwatchGroup('cargoSwatches', OUTFIT_COLORS, ()=>chosenCargoColor, c=>{ chosenCargoColor=c; renderCargoSwatches(); });\n }\n\n function renderCargoList(){\n const ul = document.getElementById('cargoList');\n ul.innerHTML = '';\n if(cargos.length===0){\n ul.className = 'roster-list empty-list';\n ul.innerHTML = '

Nenhum cargo ainda.

';\n } else {\n ul.className = 'roster-list';\n cargos.forEach(c=>{\n const count = people.filter(p=>p.cargoId===c.id).length;\n const li = document.createElement('li');\n li.innerHTML = `\n ${escapeHtml(c.name)}${c.executive?' ★':''}${count} agente${count===1?'':'s'}`;\n if(!c.executive){\n const btn = document.createElement('button');\n btn.className = 'rm-btn'; btn.textContent = 'remover';\n btn.addEventListener('click', ()=>removeCargo(c.id));\n li.appendChild(btn);\n }\n ul.appendChild(li);\n });\n }\n document.getElementById('cargoCount').textContent = cargos.length;\n }\n\n function renderCargoOptions(){\n const sel = document.getElementById('cargoSelect');\n const prev = sel.value;\n sel.innerHTML = '';\n cargos.forEach(c=>{\n const opt = document.createElement('option');\n opt.value = c.id; opt.textContent = c.name + (c.executive?' ★':'');\n sel.appendChild(opt);\n });\n if(prev && cargos.some(c=>String(c.id)===prev)) sel.value = prev;\n }\n\n document.getElementById('addCargoForm').addEventListener('submit', (e)=>{\n e.preventDefault();\n const input = document.getElementById('cargoNameInput');\n const name = input.value.trim();\n if(!name) return;\n if(cargos.some(c=>c.name.toLowerCase()===name.toLowerCase())){ alert('Já existe um cargo com esse nome.'); return; }\n const c = addCargo(name, chosenCargoColor, false);\n input.value = '';\n salvarLocal();\n if(modo === 'servidor'){\n api('POST', '/api/cargos', { nome:name, cor:chosenCargoColor, executivo:false })\n .then(r=>{ c.id = r.cargo.id; people.forEach(p=>{ if(p.cargoId===undefined) p.cargoId=c.id; });\n renderCargoOptions(); renderCargoList(); })\n .catch(e=>{ cargos = cargos.filter(x=>x!==c); computeCargoZones(); layoutAllDesks();\n renderCargoList(); renderCargoOptions(); alert('Não foi possível criar o cargo: '+e.message); });\n }\n });\n\n // ---------- UI: roster ----------\n function renderRoster(){\n const ul = document.getElementById('rosterList');\n ul.innerHTML = '';\n if(people.length===0){\n ul.className = 'roster-list empty-list';\n ul.innerHTML = '

Nenhum agente ainda.

';\n } else {\n ul.className = 'roster-list';\n people.forEach(p=>{\n const cargo = getCargo(p);\n const executive = !!(cargo && cargo.executive);\n const li = document.createElement('li');\n li.innerHTML = `\n ${escapeHtml(p.name)}${executive?' ★':''}${escapeHtml(cargo ? cargo.name : '—')}`;\n const btn = document.createElement('button');\n btn.className = 'rm-btn'; btn.textContent = 'remover';\n btn.addEventListener('click', ()=>removePerson(p.id));\n li.appendChild(btn);\n ul.appendChild(li);\n });\n }\n document.getElementById('teamCount').textContent = people.length;\n }\n\n // ---------- UI: manager panel (KPIs + presence + activity feed) ----------\n const ROOM_LABEL = { office:'Escritório', meeting:'Sala de Reunião', rooftop:'Terraço' };\n function renderManagerPanel(){\n const kpiRow = document.getElementById('kpiRow');\n if(kpiRow){\n const working = people.filter(p=>p.state==='working'||p.nextState==='working').length;\n const meeting = people.filter(p=>p.roomId==='meeting').length;\n const coffee = people.filter(p=>p.nextState==='coffee'||p.nextState==='lounge').length;\n kpiRow.innerHTML = `\n 👥 ${people.length} na equipe\n 💻 ${working} trabalhando\n 🤝 ${meeting} em reunião\n ☕ ${coffee} em pausa\n 🏢 ${cargos.length} cargos`;\n }\n const whoUl = document.getElementById('whoHereList');\n if(whoUl){\n whoUl.innerHTML = '';\n if(people.length===0){\n whoUl.className = 'roster-list empty-list';\n whoUl.innerHTML = '

Ninguém por aqui ainda.

';\n } else {\n whoUl.className = 'roster-list';\n people.forEach(p=>{\n const cargo = getCargo(p);\n const li = document.createElement('li');\n li.innerHTML = `\n ${escapeHtml(p.name)}${escapeHtml(ROOM_LABEL[p.roomId]||p.roomId)} · ${escapeHtml(cargo?cargo.name:'—')}`;\n whoUl.appendChild(li);\n });\n }\n }\n renderActivityFeed();\n }\n function renderActivityFeed(){\n const ul = document.getElementById('activityFeed');\n if(!ul) return;\n ul.innerHTML = '';\n if(activityLog.length===0){\n ul.className = 'roster-list empty-list';\n ul.innerHTML = '

Nenhuma atividade ainda.

';\n return;\n }\n ul.className = 'roster-list';\n for(let i=activityLog.length-1; i>=Math.max(0,activityLog.length-25); i--){\n const ev = activityLog[i];\n const li = document.createElement('li');\n li.innerHTML = `${escapeHtml(ev.text)}${ev.time}`;\n ul.appendChild(li);\n }\n }\n\n // ---------- UI: avatar builders ----------\n const agentDraft = { color: OUTFIT_COLORS[0], skinTone: SKIN_TONES[1], hairColor: HAIR_COLORS[0], hairStyle:'short', accessory:'none' };\n\n function drawAvatarPreview(canvasEl, profile){\n const c = canvasEl.getContext('2d');\n c.imageSmoothingEnabled = false;\n c.clearRect(0,0,canvasEl.width, canvasEl.height);\n const x = canvasEl.width/2, y = canvasEl.height*0.68;\n c.fillStyle = 'rgba(0,0,0,0.25)';\n c.beginPath(); c.ellipse(x, y+16, 16, 6, 0, 0, Math.PI*2); c.fill();\n drawBody(c, x, y, profile, {scale:1.7, facing:1});\n }\n function updateAgentPreview(){ drawAvatarPreview(document.getElementById('agentPreview'), Object.assign({executive:false}, agentDraft)); }\n function refreshAgentSwatches(){\n renderSwatchGroup('swatches', OUTFIT_COLORS, ()=>agentDraft.color, c=>{ agentDraft.color=c; refreshAgentSwatches(); updateAgentPreview(); });\n renderSwatchGroup('skinSwatches', SKIN_TONES, ()=>agentDraft.skinTone, c=>{ agentDraft.skinTone=c; refreshAgentSwatches(); updateAgentPreview(); });\n renderSwatchGroup('hairSwatches', HAIR_COLORS, ()=>agentDraft.hairColor, c=>{ agentDraft.hairColor=c; refreshAgentSwatches(); updateAgentPreview(); });\n }\n function updatePlayerPreview(){ drawAvatarPreview(document.getElementById('playerPreview'), Object.assign({executive:false}, player)); }\n function refreshPlayerSwatches(){\n renderSwatchGroup('playerSkinSwatches', SKIN_TONES, ()=>player.skinTone, c=>{ player.skinTone=c; refreshPlayerSwatches(); updatePlayerPreview(); });\n renderSwatchGroup('playerOutfitSwatches', OUTFIT_COLORS, ()=>player.color, c=>{ player.color=c; refreshPlayerSwatches(); updatePlayerPreview(); });\n renderSwatchGroup('playerHairSwatches', HAIR_COLORS, ()=>player.hairColor, c=>{ player.hairColor=c; refreshPlayerSwatches(); updatePlayerPreview(); });\n }\n\n function renderEmoteRow(){\n const wrap = document.getElementById('emoteRow');\n wrap.innerHTML = '';\n EMOTES.forEach((e,i)=>{\n const b = document.createElement('button');\n b.type = 'button'; b.className = 'emote-btn'; b.textContent = e;\n b.addEventListener('click', ()=>triggerEmote(i));\n wrap.appendChild(b);\n });\n }\n\n document.getElementById('hairStyleSelect').addEventListener('change', e=>{ agentDraft.hairStyle=e.target.value; updateAgentPreview(); });\n document.getElementById('accessorySelect').addEventListener('change', e=>{ agentDraft.accessory=e.target.value; updateAgentPreview(); });\n document.getElementById('playerHairStyleSelect').addEventListener('change', e=>{ player.hairStyle=e.target.value; updatePlayerPreview(); });\n document.getElementById('playerAccessorySelect').addEventListener('change', e=>{ player.accessory=e.target.value; updatePlayerPreview(); });\n\n document.getElementById('addForm').addEventListener('submit', (e)=>{\n e.preventDefault();\n const name = document.getElementById('nameInput').value.trim();\n const cargoId = document.getElementById('cargoSelect').value;\n if(!name || !cargoId){ if(!cargoId) alert('Crie um cargo antes de adicionar um agente.'); return; }\n const deskItem = document.getElementById('deskItemSelect').value;\n const p = addPerson(name, cargoId, agentDraft.color, agentDraft.skinTone, agentDraft.hairColor, agentDraft.hairStyle, agentDraft.accessory, deskItem);\n if(!p) return;\n selectedId = p.id;\n document.getElementById('nameInput').value = '';\n renderSelected();\n sincronizarCriacaoPessoa(p, deskItem);\n salvarLocal();\n });\n\n document.getElementById('speed').addEventListener('input', (e)=>{ simSpeed = parseFloat(e.target.value); });\n\n // ---------- keyboard input ----------\n window.addEventListener('keydown', (e)=>{\n const active = document.activeElement;\n if(active && (active.tagName==='INPUT' || active.tagName==='SELECT' || active.tagName==='TEXTAREA')) return;\n const k = e.key.toLowerCase();\n if(['w','a','s','d','arrowup','arrowdown','arrowleft','arrowright'].includes(k)){\n keys[k] = true;\n if(k.indexOf('arrow')===0) e.preventDefault();\n }\n if(k==='e'){ tryInteract(); }\n if(k>='1' && k<='6'){ triggerEmote(parseInt(k,10)-1); }\n });\n window.addEventListener('keyup', (e)=>{ keys[e.key.toLowerCase()] = false; });\n\n // ---------- init ----------\n renderThemeCards();\n renderRoomTabs();\n renderCargoSwatches();\n renderDecorPalette();\n renderEmoteRow();\n /* =====================================================================\n Conta, modo de operação, tarefas e presença\n ===================================================================== */\n\n let modo = 'local'; // 'servidor' quando conectado à API\n let usuarioAtual = null; // {id, nome, email, papel}\n let usuariosServidor = []; // presença vinda do servidor\n let fluxoEventos = null; // EventSource (SSE)\n const CHAVE_LOCAL = 'escritorio-virtual-v1';\n\n const ehGestor = ()=> !usuarioAtual || usuarioAtual.papel === 'gestor';\n\n /* ---------- cliente de API ---------- */\n async function api(metodo, caminho, corpo){\n const opcoes = {\n method: metodo,\n credentials: 'same-origin',\n headers: { 'x-requisicao': 'escritorio' } // exigido pela proteção CSRF do servidor\n };\n if(corpo !== undefined){\n opcoes.headers['Content-Type'] = 'application/json';\n opcoes.body = JSON.stringify(corpo);\n }\n const resposta = await fetch(caminho, opcoes);\n let dados = null;\n try { dados = await resposta.json(); } catch(_){ dados = null; }\n if(!resposta.ok){\n const erro = new Error((dados && dados.erro) || ('Erro ' + resposta.status));\n erro.status = resposta.status;\n throw erro;\n }\n return dados;\n }\n\n /* ---------- persistência local (modo local e cache offline) ---------- */\n function pacoteDados(){\n return {\n versao: 1, salvoEm: new Date().toISOString(),\n cargos: cargos.map(c=>({id:c.id, name:c.name, color:c.color, executive:c.executive})),\n pessoas: people.map(p=>({\n id:p.id, name:p.name, cargoId:p.cargoId, color:p.color, skinTone:p.skinTone,\n hairColor:p.hairColor, hairStyle:p.hairStyle, accessory:p.accessory, deskItem:p.deskItem,\n usuarioId:p.usuarioId||null\n })),\n tarefas: tarefas,\n decoracao: decorations,\n mural: announcementText,\n tema: currentThemeKey,\n avatarJogador: {\n color:player.color, skinTone:player.skinTone, hairColor:player.hairColor,\n hairStyle:player.hairStyle, accessory:player.accessory\n }\n };\n }\n\n function salvarLocal(){\n if(modo === 'servidor') return; // no servidor a fonte da verdade é o banco\n try { localStorage.setItem(CHAVE_LOCAL, JSON.stringify(pacoteDados())); }\n catch(_){ /* modo privado do navegador pode bloquear; não é fatal */ }\n }\n\n function aplicarPacote(d){\n if(!d || typeof d !== 'object') return false;\n cargos = []; people = []; tarefas = [];\n (d.cargos||[]).forEach(c=> addCargo(c.name, c.color, c.executive, c.id));\n (d.pessoas||[]).forEach(p=> addPerson(p.name, p.cargoId, p.color, p.skinTone, p.hairColor,\n p.hairStyle, p.accessory, p.deskItem, p.id, p.usuarioId));\n tarefas = Array.isArray(d.tarefas) ? d.tarefas : [];\n if(Array.isArray(d.decoracao)) decorations = d.decoracao;\n if(typeof d.mural === 'string') announcementText = d.mural;\n if(d.tema && THEMES[d.tema]) setTheme(d.tema);\n if(d.avatarJogador){\n Object.assign(player, d.avatarJogador);\n refreshPlayerSwatches(); updatePlayerPreview();\n }\n computeCargoZones(); layoutAllDesks();\n renderCargoList(); renderCargoOptions(); renderRoster(); renderRoomTabs();\n renderManagerPanel(); renderKanban();\n return true;\n }\n\n function carregarLocal(){\n try {\n const bruto = localStorage.getItem(CHAVE_LOCAL);\n if(!bruto) return false;\n return aplicarPacote(JSON.parse(bruto));\n } catch(_){ return false; }\n }\n\n /* ---------- sincronização com o servidor ---------- */\n async function carregarDoServidor(){\n const estado = await api('GET', '/api/estado');\n usuariosServidor = estado.usuarios || [];\n cargos = []; people = [];\n (estado.cargos||[]).forEach(c=> addCargo(c.nome, c.cor, c.executivo, c.id));\n (estado.pessoas||[]).forEach(p=>{\n const a = p.avatar || {};\n addPerson(p.nome, p.cargoId, a.cor, a.pele, a.cabeloCor, a.cabelo, a.acessorio, a.itemMesa, p.id, p.usuarioId);\n });\n tarefas = (estado.tarefas||[]).map(normalizarTarefa);\n activityLog = (estado.eventos||[]).slice().reverse().map(e=>({\n time: new Date(e.em).toTimeString().slice(0,5), text: e.texto\n }));\n aplicarConfigServidor(estado.config);\n aplicarPosicoes();\n computeCargoZones(); layoutAllDesks();\n renderCargoList(); renderCargoOptions(); renderRoster(); renderRoomTabs();\n renderManagerPanel(); renderActivityFeed(); renderKanban(); renderPresenca();\n }\n\n function normalizarTarefa(t){\n return {\n id:t.id, titulo:t.titulo, descricao:t.descricao||'', coluna:t.coluna||'afazer',\n prioridade:t.prioridade||'media', prazo:t.prazo||null, pessoaId:t.pessoaId||null,\n criadoEm:t.criadoEm||Date.now(), atualizadoEm:t.atualizadoEm||Date.now()\n };\n }\n\n async function sincronizarCriacaoPessoa(p, itemMesa){\n if(modo !== 'servidor') return;\n try {\n const r = await api('POST', '/api/pessoas', {\n nome: p.name, cargoId: p.cargoId,\n avatar: { cor:p.color, pele:p.skinTone, cabeloCor:p.hairColor,\n cabelo:p.hairStyle, acessorio:p.accessory, itemMesa: itemMesa||'none' }\n });\n // troca o id local pelo id do servidor\n const antigo = p.id;\n p.id = r.pessoa.id;\n if(selectedId === antigo) selectedId = p.id;\n renderRoster(); renderKanban();\n } catch(e){ avisar('Não foi possível salvar o agente: ' + e.message); }\n }\n\n /* ---------- avisos ---------- */\n function avisar(texto){\n logEvent(texto);\n console.warn('[escritório]', texto);\n }\n\n /* ---------- configuração compartilhada (mural, tema, decoração) ----------\n No modo servidor essas três coisas eram só locais: recarregar a página (ou\n abrir em outro computador) perdia tudo. Agora o servidor guarda e todos\n recebem pela sondagem de estado. */\n function aplicarConfigServidor(cfg){\n if(!cfg) return;\n if(typeof cfg.mural === 'string' && cfg.mural) announcementText = cfg.mural;\n if(cfg.tema && THEMES[cfg.tema] && cfg.tema !== currentThemeKey) setTheme(cfg.tema, true);\n if(Array.isArray(cfg.decoracao) && !editMode){\n decorations = cfg.decoracao.map(d=>({id:decorSeq++, roomId:d.roomId, type:d.type, wx:d.wx, wy:d.wy}));\n }\n }\n function sincronizarConfig(parcial){\n if(modo !== 'servidor') return;\n api('PATCH', '/api/config', parcial)\n .catch(e=>avisar('Não foi possível salvar a configuração: '+e.message));\n }\n function sincronizarTema(chave){\n if(modo === 'servidor' && ehGestor()) sincronizarConfig({ tema: chave });\n }\n function sincronizarDecoracao(){\n if(modo === 'servidor' && ehGestor()){\n sincronizarConfig({ decoracao: decorations.map(d=>({roomId:d.roomId, type:d.type, wx:d.wx, wy:d.wy})) });\n }\n }\n\n /* ---------- presença em tempo real (posição dos avatares) ----------\n Meu navegador envia onde estou; os agentes vinculados a colegas online\n passam a ser controlados pela posição real deles em vez da simulação. */\n const POSICAO_VALIDA_MS = 60000;\n let _ultimaPosEnviada = null;\n\n function enviarPosicao(forcar){\n if(modo !== 'servidor') return;\n const atual = { sala: player.roomId, x: +player.wx.toFixed(2), y: +player.wy.toFixed(2) };\n if(!forcar && _ultimaPosEnviada &&\n _ultimaPosEnviada.sala === atual.sala &&\n Math.abs(_ultimaPosEnviada.x - atual.x) < 0.15 &&\n Math.abs(_ultimaPosEnviada.y - atual.y) < 0.15) return; // parado: não gasta requisição\n _ultimaPosEnviada = atual;\n api('POST', '/api/posicao', atual).catch(_=>{});\n }\n\n function aplicarPosicoes(){\n people.forEach(p=>{\n if(!p.usuarioId){ p.remoto = false; return; }\n // o próprio jogador já aparece como \"Você\"; o agente dele fica na simulação\n if(usuarioAtual && p.usuarioId === usuarioAtual.id){ p.remoto = false; return; }\n const u = usuariosServidor.find(x=>x.id===p.usuarioId);\n const pos = (u && u.online && u.posicao && (Date.now() - u.posicao.em < POSICAO_VALIDA_MS))\n ? u.posicao : null;\n if(pos){\n p.remoto = true;\n p.remotoSala = pos.sala;\n p.remotoX = pos.x;\n p.remotoY = pos.y;\n } else {\n p.remoto = false; // volta para a simulação normal\n }\n });\n }\n\n setInterval(()=>{ if(modo === 'servidor' && !document.hidden) enviarPosicao(false); }, 3000);\n\n /* =========================== TAREFAS (Kanban) ======================== */\n const COLUNAS_UI = [\n {id:'afazer', lista:'colAfazer', conta:'contaAfazer'},\n {id:'fazendo', lista:'colFazendo', conta:'contaFazendo'},\n {id:'concluido', lista:'colConcluido', conta:'contaConcluido'}\n ];\n const ROTULO_COLUNA = { afazer:'A fazer', fazendo:'Fazendo', concluido:'Concluído' };\n\n function tarefaAtrasada(t){\n if(!t.prazo || t.coluna === 'concluido') return false;\n return new Date(t.prazo + 'T23:59:59') < new Date();\n }\n function nomeDoResponsavel(t){\n const p = people.find(x=>x.id===t.pessoaId);\n return p ? p.name : null;\n }\n // Tarefa mostrada acima do agente no mapa: a que está \"fazendo\", senão a mais urgente\n function tarefaAtualDe(pessoaId){\n const minhas = tarefas.filter(t=>t.pessoaId===pessoaId && t.coluna!=='concluido');\n if(!minhas.length) return null;\n const fazendo = minhas.find(t=>t.coluna==='fazendo');\n if(fazendo) return fazendo;\n const ordem = {alta:0, media:1, baixa:2};\n return minhas.slice().sort((a,b)=>(ordem[a.prioridade]||1)-(ordem[b.prioridade]||1))[0];\n }\n\n function renderKanban(){\n const gestor = ehGestor();\n COLUNAS_UI.forEach(col=>{\n const alvo = document.getElementById(col.lista);\n const conta = document.getElementById(col.conta);\n if(!alvo) return;\n const daColuna = tarefas.filter(t=>t.coluna===col.id);\n if(conta) conta.textContent = daColuna.length;\n alvo.innerHTML = '';\n if(!daColuna.length){\n const vazio = document.createElement('div');\n vazio.className = 'vazio-coluna';\n vazio.textContent = 'Nenhuma tarefa aqui.';\n alvo.appendChild(vazio);\n return;\n }\n daColuna.forEach(t=> alvo.appendChild(montarCartao(t, gestor)));\n });\n const badge = document.getElementById('badgeTarefas');\n if(badge) badge.textContent = tarefas.filter(t=>t.coluna!=='concluido').length;\n atualizarSelecaoResponsavel();\n renderCarga();\n }\n\n function montarCartao(t, gestor){\n const cartao = document.createElement('div');\n cartao.className = 'cartao ' + (t.prioridade||'media');\n cartao.draggable = true;\n cartao.dataset.id = t.id;\n\n const titulo = document.createElement('div');\n titulo.className = 'cartao-titulo';\n titulo.textContent = t.titulo; // textContent = imune a XSS\n cartao.appendChild(titulo);\n\n if(t.descricao){\n const d = document.createElement('div');\n d.className = 'cartao-desc';\n d.textContent = t.descricao;\n cartao.appendChild(d);\n }\n\n const meta = document.createElement('div');\n meta.className = 'cartao-meta';\n const prio = document.createElement('span');\n prio.className = 'tag-prio ' + (t.prioridade||'media');\n prio.textContent = t.prioridade || 'media';\n meta.appendChild(prio);\n\n const resp = nomeDoResponsavel(t);\n if(resp){\n const r = document.createElement('span');\n r.textContent = '👤 ' + resp;\n meta.appendChild(r);\n }\n if(t.prazo){\n const pz = document.createElement('span');\n pz.className = 'tag-prazo' + (tarefaAtrasada(t) ? ' atrasada' : '');\n const [a,m,dia] = t.prazo.split('-');\n pz.textContent = (tarefaAtrasada(t) ? '⚠️ ' : '📅 ') + `${dia}/${m}`;\n meta.appendChild(pz);\n }\n cartao.appendChild(meta);\n\n const acoes = document.createElement('div');\n acoes.className = 'cartao-acoes';\n // Funcionário só move as próprias tarefas (regra também aplicada no servidor);\n // esconder os botões evita mostrar uma ação que vai ser rejeitada.\n const donoLigado = (()=>{\n if(!t.pessoaId) return null;\n const p = people.find(x=>x.id===t.pessoaId);\n return p && p.usuarioId ? p.usuarioId : null;\n })();\n const podeMover = gestor || modo !== 'servidor' || !donoLigado ||\n (usuarioAtual && donoLigado === usuarioAtual.id);\n if(podeMover) COLUNAS_UI.forEach(col=>{\n if(col.id === t.coluna) return;\n const b = document.createElement('button');\n b.type = 'button'; b.className = 'mini-btn';\n b.textContent = '→ ' + ROTULO_COLUNA[col.id];\n b.addEventListener('click', ()=> moverTarefa(t.id, col.id));\n acoes.appendChild(b);\n });\n if(gestor){\n const del = document.createElement('button');\n del.type = 'button'; del.className = 'mini-btn perigo';\n del.textContent = 'excluir';\n del.addEventListener('click', ()=> excluirTarefa(t.id));\n acoes.appendChild(del);\n }\n cartao.appendChild(acoes);\n\n cartao.addEventListener('dragstart', (e)=>{\n e.dataTransfer.setData('text/plain', t.id);\n e.dataTransfer.effectAllowed = 'move';\n cartao.classList.add('arrastando');\n });\n cartao.addEventListener('dragend', ()=> cartao.classList.remove('arrastando'));\n return cartao;\n }\n\n async function moverTarefa(id, coluna){\n const t = tarefas.find(x=>x.id===id);\n if(!t || t.coluna === coluna) return;\n const anterior = t.coluna;\n t.coluna = coluna; t.atualizadoEm = Date.now();\n renderKanban(); salvarLocal();\n const quem = nomeDoResponsavel(t);\n logEvent((quem ? quem + ': ' : '') + '\"' + t.titulo + '\" → ' + ROTULO_COLUNA[coluna]);\n if(modo === 'servidor'){\n try { await api('PATCH', '/api/tarefas/' + encodeURIComponent(id), { coluna }); }\n catch(e){ t.coluna = anterior; renderKanban(); avisar('Não foi possível mover: ' + e.message); }\n }\n }\n\n async function excluirTarefa(id){\n const t = tarefas.find(x=>x.id===id);\n if(!t) return;\n if(!confirm('Excluir a tarefa \"' + t.titulo + '\"?')) return;\n tarefas = tarefas.filter(x=>x.id!==id);\n renderKanban(); salvarLocal();\n if(modo === 'servidor'){\n try { await api('DELETE', '/api/tarefas/' + encodeURIComponent(id)); }\n catch(e){ avisar('Não foi possível excluir: ' + e.message); }\n }\n }\n\n function atualizarSelecaoResponsavel(){\n const sel = document.getElementById('tarefaPessoa');\n if(!sel) return;\n const anterior = sel.value;\n sel.innerHTML = '';\n const nenhum = document.createElement('option');\n nenhum.value = ''; nenhum.textContent = '— sem responsável —';\n sel.appendChild(nenhum);\n people.forEach(p=>{\n const o = document.createElement('option');\n o.value = p.id; o.textContent = p.name;\n sel.appendChild(o);\n });\n if(anterior && people.some(p=>p.id===anterior)) sel.value = anterior;\n }\n\n function inserirTarefa(t){\n // guarda contra duplicata: o mesmo id pode chegar pela resposta do POST e\n // pelo evento SSE quase ao mesmo tempo\n const i = tarefas.findIndex(x=>x.id===t.id);\n if(i >= 0) tarefas[i] = t; else tarefas.unshift(t);\n }\n\n const formTarefa = document.getElementById('formTarefa');\n if(formTarefa) formTarefa.addEventListener('submit', async (e)=>{\n e.preventDefault();\n const titulo = document.getElementById('tarefaTitulo').value.trim();\n if(!titulo) return;\n const dados = {\n titulo,\n descricao: document.getElementById('tarefaDescricao').value.trim(),\n coluna: 'afazer',\n prioridade: document.getElementById('tarefaPrioridade').value,\n prazo: document.getElementById('tarefaPrazo').value || null,\n pessoaId: document.getElementById('tarefaPessoa').value || null\n };\n const botao = formTarefa.querySelector('button[type=submit]');\n\n if(modo === 'servidor'){\n // No modo servidor NÃO inserimos otimisticamente: quem cria a tarefa é o\n // servidor (é ele que gera o id). Inserir antes duplicaria o cartão quando\n // o evento em tempo real chegasse com o id definitivo.\n if(botao){ botao.disabled = true; botao.textContent = 'Criando...'; }\n try {\n const r = await api('POST', '/api/tarefas', dados);\n inserirTarefa(normalizarTarefa(r.tarefa));\n } catch(err){\n alert('Não foi possível criar a tarefa: ' + err.message);\n if(botao){ botao.disabled = false; botao.textContent = '+ Criar tarefa'; }\n return;\n }\n if(botao){ botao.disabled = false; botao.textContent = '+ Criar tarefa'; }\n } else {\n inserirTarefa(Object.assign({ id: novoId('t'), criadoEm: Date.now(), atualizadoEm: Date.now() }, dados));\n logEvent('Nova tarefa: ' + titulo);\n }\n\n renderKanban(); salvarLocal();\n document.getElementById('tarefaTitulo').value = '';\n document.getElementById('tarefaDescricao').value = '';\n });\n\n // arrastar e soltar entre colunas\n document.querySelectorAll('.coluna-kanban').forEach(col=>{\n col.addEventListener('dragover', (e)=>{ e.preventDefault(); col.classList.add('alvo'); });\n col.addEventListener('dragleave', ()=> col.classList.remove('alvo'));\n col.addEventListener('drop', (e)=>{\n e.preventDefault(); col.classList.remove('alvo');\n const id = e.dataTransfer.getData('text/plain');\n if(id) moverTarefa(id, col.dataset.coluna);\n });\n });\n\n /* ============================ CARGA / GRÁFICO ======================== */\n function renderCarga(){\n const alvo = document.getElementById('graficoCarga');\n if(!alvo) return;\n alvo.innerHTML = '';\n if(!people.length){\n alvo.innerHTML = '

Nenhum agente cadastrado ainda.

';\n return;\n }\n const contagens = people.map(p=>{\n const abertas = tarefas.filter(t=>t.pessoaId===p.id && t.coluna!=='concluido');\n return { nome:p.name, total:abertas.length, atrasadas:abertas.filter(tarefaAtrasada).length };\n });\n const maximo = Math.max(1, ...contagens.map(c=>c.total));\n contagens.forEach(c=>{\n const linha = document.createElement('div');\n linha.className = 'barra-linha';\n const nome = document.createElement('span');\n nome.className = 'barra-nome'; nome.textContent = c.nome;\n const trilho = document.createElement('span');\n trilho.className = 'barra-trilho';\n const preenche = document.createElement('span');\n preenche.className = 'barra-preenche' + (c.atrasadas ? ' atrasado' : '');\n preenche.style.width = Math.round((c.total/maximo)*100) + '%';\n trilho.appendChild(preenche);\n const valor = document.createElement('span');\n valor.className = 'barra-valor'; valor.textContent = c.total;\n linha.append(nome, trilho, valor);\n alvo.appendChild(linha);\n });\n }\n\n /* ============================== PRESENÇA ============================= */\n function renderPresenca(){\n const ul = document.getElementById('listaPresenca');\n const badge = document.getElementById('badgeOnline');\n if(!ul) return;\n ul.innerHTML = '';\n const lista = modo === 'servidor'\n ? usuariosServidor\n : [{ id:'local', nome:(usuarioAtual&&usuarioAtual.nome)||'Você', papel:'gestor', online:true }];\n const online = lista.filter(u=>u.online).length;\n if(badge) badge.textContent = online;\n const meuPonto = document.getElementById('pontoMeuStatus');\n if(meuPonto) meuPonto.className = 'ponto-online';\n\n if(!lista.length){\n ul.className = 'roster-list empty-list lista-alta';\n ul.innerHTML = '

Ninguém cadastrado ainda.

';\n return;\n }\n ul.className = 'roster-list lista-alta';\n lista.slice().sort((a,b)=> (b.online?1:0)-(a.online?1:0)).forEach(u=>{\n const li = document.createElement('li');\n const ponto = document.createElement('span');\n ponto.className = 'ponto-online' + (u.online ? '' : ' off');\n const nome = document.createElement('span');\n nome.className = 'roster-name';\n nome.textContent = u.nome + (usuarioAtual && u.id===usuarioAtual.id ? ' (você)' : '');\n const sub = document.createElement('small');\n sub.textContent = (u.papel === 'gestor' ? 'Gestor' : 'Funcionário') + ' · ' +\n (u.online ? 'online agora' : (u.ultimoPing ? 'visto ' + tempoRelativo(u.ultimoPing) : 'nunca entrou'));\n nome.appendChild(sub);\n li.append(ponto, nome);\n ul.appendChild(li);\n });\n renderListaUsuarios();\n }\n\n function tempoRelativo(ts){\n const s = Math.floor((Date.now()-ts)/1000);\n if(s < 60) return 'agora há pouco';\n if(s < 3600) return 'há ' + Math.floor(s/60) + ' min';\n if(s < 86400) return 'há ' + Math.floor(s/3600) + ' h';\n return 'há ' + Math.floor(s/86400) + ' dia(s)';\n }\n\n function renderListaUsuarios(){\n const ul = document.getElementById('listaUsuarios');\n if(!ul) return;\n ul.innerHTML = '';\n if(modo !== 'servidor'){\n ul.className = 'roster-list empty-list lista-alta';\n ul.innerHTML = '

Disponível apenas no modo com servidor.

';\n return;\n }\n ul.className = 'roster-list lista-alta';\n usuariosServidor.forEach(u=>{\n const li = document.createElement('li');\n const nome = document.createElement('span');\n nome.className = 'roster-name';\n nome.textContent = u.nome;\n const sub = document.createElement('small');\n sub.textContent = u.email || '';\n nome.appendChild(sub);\n const tag = document.createElement('span');\n tag.className = 'papel-tag' + (u.papel==='gestor' ? ' gestor' : '');\n tag.textContent = u.papel === 'gestor' ? 'gestor' : 'funcionário';\n li.append(nome, tag);\n\n // Vínculo conta ↔ agente do mapa: é isso que liga a presença em tempo\n // real (o avatar do colega passa a andar onde ele realmente está).\n const sel = document.createElement('select');\n sel.style.maxWidth = '110px';\n sel.title = 'Agente do mapa controlado por esta conta';\n const semAgente = document.createElement('option');\n semAgente.value = ''; semAgente.textContent = '— sem agente —';\n sel.appendChild(semAgente);\n people.forEach(p=>{\n const o = document.createElement('option');\n o.value = p.id; o.textContent = p.name;\n if(p.usuarioId === u.id) o.selected = true;\n sel.appendChild(o);\n });\n sel.addEventListener('change', async ()=>{\n try {\n const anterior = people.find(p=>p.usuarioId===u.id);\n if(sel.value){\n await api('PATCH', '/api/pessoas/' + encodeURIComponent(sel.value), { usuarioId: u.id });\n } else if(anterior){\n await api('PATCH', '/api/pessoas/' + encodeURIComponent(anterior.id), { usuarioId: null });\n }\n await carregarDoServidor();\n } catch(e){ alert(e.message); }\n });\n li.appendChild(sel);\n\n if(usuarioAtual && u.id !== usuarioAtual.id){\n const btn = document.createElement('button');\n btn.className = 'rm-btn';\n btn.textContent = u.papel === 'gestor' ? 'rebaixar' : 'promover';\n btn.addEventListener('click', async ()=>{\n try {\n await api('PATCH', '/api/usuarios/' + encodeURIComponent(u.id),\n { papel: u.papel === 'gestor' ? 'funcionario' : 'gestor' });\n await atualizarPresenca();\n } catch(e){ alert(e.message); }\n });\n li.appendChild(btn);\n const rem = document.createElement('button');\n rem.className = 'rm-btn';\n rem.textContent = 'remover';\n rem.addEventListener('click', async ()=>{\n if(!confirm('Remover a conta de ' + u.nome + '? A pessoa perde o acesso na hora.')) return;\n try {\n await api('DELETE', '/api/usuarios/' + encodeURIComponent(u.id));\n await atualizarPresenca();\n } catch(e){ alert(e.message); }\n });\n li.appendChild(rem);\n }\n ul.appendChild(li);\n });\n }\n\n async function atualizarPresenca(){\n if(modo !== 'servidor') { renderPresenca(); return; }\n try {\n await api('POST', '/api/presenca');\n const r = await api('GET', '/api/presenca');\n usuariosServidor = r.usuarios || [];\n // marca o agente do mapa como online se estiver ligado a um usuário online\n people.forEach(p=>{\n const u = usuariosServidor.find(x=>x.id===p.usuarioId);\n p.online = !!(u && u.online);\n });\n aplicarPosicoes();\n renderPresenca();\n } catch(e){\n if(e.status === 401) encerrarSessaoLocal();\n }\n }\n\n /* Nem todo servidor consegue manter conexão aberta (hospedagem serverless\n como o Val Town encerra o isolado entre requisições). Quando o fluxo SSE\n não conecta, caímos para uma sondagem periódica — mais lenta, mas funciona\n em qualquer lugar. */\n let temporizadorSondagem = null;\n function ligarSondagem(){\n if(temporizadorSondagem) return;\n temporizadorSondagem = setInterval(async ()=>{\n if(modo !== 'servidor') return;\n if(document.hidden) return; // não gasta requisição com a aba em segundo plano\n try {\n const estado = await api('GET', '/api/estado');\n usuariosServidor = estado.usuarios || [];\n people.forEach(p=>{\n const u = usuariosServidor.find(x=>x.id===p.usuarioId);\n p.online = !!(u && u.online);\n });\n aplicarPosicoes();\n tarefas = (estado.tarefas||[]).map(normalizarTarefa);\n activityLog = (estado.eventos||[]).slice().reverse().map(e=>({\n time:new Date(e.em).toTimeString().slice(0,5), text:e.texto\n }));\n aplicarConfigServidor(estado.config);\n renderKanban(); renderPresenca(); renderActivityFeed();\n } catch(e){ if(e.status === 401) encerrarSessaoLocal(); }\n }, 12000);\n }\n\n function ligarFluxoEventos(){\n if(modo !== 'servidor') return;\n if(typeof EventSource === 'undefined'){ ligarSondagem(); return; }\n try {\n fluxoEventos = new EventSource('/api/eventos');\n fluxoEventos.onerror = ()=>{\n // servidor sem suporte a SSE: fecha e passa a sondar\n try { fluxoEventos.close(); } catch(_){}\n fluxoEventos = null;\n ligarSondagem();\n };\n fluxoEventos.addEventListener('presenca', ()=> atualizarPresenca());\n fluxoEventos.addEventListener('estado', ()=> carregarDoServidor().catch(()=>{}));\n fluxoEventos.addEventListener('tarefa', (ev)=>{\n try {\n const d = JSON.parse(ev.data);\n if(d.acao === 'remover') tarefas = tarefas.filter(t=>t.id!==d.tarefa.id);\n else inserirTarefa(normalizarTarefa(d.tarefa));\n renderKanban();\n } catch(_){}\n });\n fluxoEventos.addEventListener('evento', (ev)=>{\n try {\n const d = JSON.parse(ev.data);\n activityLog.push({ time:new Date(d.em).toTimeString().slice(0,5), text:d.texto });\n if(activityLog.length > 60) activityLog.shift();\n renderActivityFeed();\n } catch(_){}\n });\n } catch(_){}\n }\n\n /* ============================ NAVEGAÇÃO ============================== */\n const TELAS = { escritorio:'telaEscritorio', tarefas:'telaTarefas', equipe:'telaEquipe' };\n function irPara(nome){\n Object.entries(TELAS).forEach(([chave, id])=>{\n const el = document.getElementById(id);\n if(el) el.classList.toggle('oculto', chave !== nome);\n });\n document.querySelectorAll('.item-menu').forEach(b=>\n b.classList.toggle('ativo', b.dataset.tela === nome));\n if(nome === 'tarefas') renderKanban();\n if(nome === 'equipe'){ renderPresenca(); renderCarga(); }\n }\n document.querySelectorAll('.item-menu').forEach(b=>\n b.addEventListener('click', ()=> irPara(b.dataset.tela)));\n\n function aplicarPermissoes(){\n const gestor = ehGestor();\n document.querySelectorAll('.so-gestor').forEach(el=> el.classList.toggle('oculto', !gestor));\n const tag = document.getElementById('papelUsuario');\n if(tag){\n tag.textContent = gestor ? 'gestor' : 'funcionário';\n tag.classList.toggle('gestor', gestor);\n }\n const nome = document.getElementById('nomeUsuario');\n if(nome) nome.textContent = usuarioAtual ? usuarioAtual.nome : 'Modo local';\n const pill = document.getElementById('pillModo');\n if(pill){\n pill.textContent = modo === 'servidor' ? 'servidor' : 'local';\n pill.classList.toggle('servidor', modo === 'servidor');\n }\n }\n\n /* ============================ EXPORTAR/IMPORTAR ====================== */\n const btnExportar = document.getElementById('btnExportar');\n if(btnExportar) btnExportar.addEventListener('click', ()=>{\n const blob = new Blob([JSON.stringify(pacoteDados(), null, 2)], {type:'application/json'});\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = 'escritorio-virtual-' + new Date().toISOString().slice(0,10) + '.json';\n document.body.appendChild(a); a.click(); a.remove();\n setTimeout(()=>URL.revokeObjectURL(url), 2000);\n });\n const btnImportar = document.getElementById('btnImportar');\n const arquivoImportar = document.getElementById('arquivoImportar');\n if(btnImportar && arquivoImportar){\n btnImportar.addEventListener('click', ()=> arquivoImportar.click());\n arquivoImportar.addEventListener('change', ()=>{\n const arquivo = arquivoImportar.files && arquivoImportar.files[0];\n if(!arquivo) return;\n if(arquivo.size > 5*1024*1024){ alert('Arquivo grande demais (máx. 5 MB).'); return; }\n const leitor = new FileReader();\n leitor.onload = ()=>{\n try {\n const d = JSON.parse(String(leitor.result));\n if(!confirm('Isso vai substituir os dados atuais desta tela. Continuar?')) return;\n aplicarPacote(d); salvarLocal();\n logEvent('Dados importados do arquivo');\n irPara('escritorio');\n } catch(_){ alert('Arquivo inválido: não é um JSON do Escritório Virtual.'); }\n };\n leitor.readAsText(arquivo);\n arquivoImportar.value = '';\n });\n }\n\n /* ============================== LOGIN =============================== */\n const telaLogin = document.getElementById('telaLogin');\n const appEl = document.getElementById('app');\n const erroLogin = document.getElementById('erroLogin');\n\n function mostrarErroLogin(msg){\n erroLogin.textContent = msg;\n erroLogin.classList.remove('oculto');\n }\n function limparErroLogin(){ erroLogin.classList.add('oculto'); }\n\n document.querySelectorAll('.aba-login').forEach(b=>{\n b.addEventListener('click', ()=>{\n document.querySelectorAll('.aba-login').forEach(x=>x.classList.toggle('ativa', x===b));\n document.getElementById('formEntrar').classList.toggle('oculto', b.dataset.aba !== 'entrar');\n document.getElementById('formCriar').classList.toggle('oculto', b.dataset.aba !== 'criar');\n limparErroLogin();\n });\n });\n\n document.getElementById('formEntrar').addEventListener('submit', async (e)=>{\n e.preventDefault(); limparErroLogin();\n try {\n const r = await api('POST', '/api/auth/entrar', {\n email: document.getElementById('loginEmail').value.trim(),\n senha: document.getElementById('loginSenha').value\n });\n document.getElementById('loginSenha').value = '';\n await entrarNoApp(r.usuario, 'servidor');\n } catch(err){ mostrarErroLogin(err.message || 'Não foi possível entrar.'); }\n });\n\n document.getElementById('formCriar').addEventListener('submit', async (e)=>{\n e.preventDefault(); limparErroLogin();\n try {\n const r = await api('POST', '/api/auth/registrar', {\n nome: document.getElementById('novoNome').value.trim(),\n email: document.getElementById('novoEmail').value.trim(),\n senha: document.getElementById('novaSenha').value\n });\n document.getElementById('novaSenha').value = '';\n await entrarNoApp(r.usuario, 'servidor');\n } catch(err){ mostrarErroLogin(err.message || 'Não foi possível criar a conta.'); }\n });\n\n document.getElementById('btnModoLocal').addEventListener('click', ()=> entrarNoApp(null, 'local'));\n\n document.getElementById('btnSair').addEventListener('click', async ()=>{\n if(modo === 'servidor'){ try { await api('POST', '/api/auth/sair'); } catch(_){} }\n encerrarSessaoLocal();\n });\n\n function encerrarSessaoLocal(){\n if(fluxoEventos){ try{ fluxoEventos.close(); }catch(_){} fluxoEventos = null; }\n usuarioAtual = null; modo = 'local';\n appEl.classList.add('oculto');\n telaLogin.classList.remove('oculto');\n }\n\n const formSenha = document.getElementById('formSenha');\n if(formSenha) formSenha.addEventListener('submit', async (e)=>{\n e.preventDefault();\n const msg = document.getElementById('msgSenha');\n if(modo !== 'servidor'){ msg.textContent = 'Disponível apenas no modo com servidor.'; return; }\n try {\n await api('POST', '/api/auth/senha', {\n senhaAtual: document.getElementById('senhaAtual').value,\n novaSenha: document.getElementById('senhaNova').value\n });\n msg.textContent = 'Senha alterada. As outras sessões foram encerradas.';\n document.getElementById('senhaAtual').value = '';\n document.getElementById('senhaNova').value = '';\n } catch(err){ msg.textContent = 'Erro: ' + err.message; }\n });\n\n /* ============================ INICIALIZAÇÃO ========================== */\n let jogoIniciado = false;\n function iniciarMotor(){\n if(jogoIniciado) return;\n jogoIniciado = true;\n renderThemeCards();\n renderCargoSwatches();\n renderDecorPalette();\n renderEmoteRow();\n populateSelect('hairStyleSelect', HAIR_STYLES);\n populateSelect('accessorySelect', ACCESSORIES);\n populateSelect('playerHairStyleSelect', HAIR_STYLES);\n populateSelect('playerAccessorySelect', ACCESSORIES);\n populateSelect('deskItemSelect', DESK_ITEMS);\n document.getElementById('playerHairStyleSelect').value = player.hairStyle;\n document.getElementById('playerAccessorySelect').value = player.accessory;\n refreshAgentSwatches();\n refreshPlayerSwatches();\n updateAgentPreview();\n updatePlayerPreview();\n updateZoomLabel();\n requestAnimationFrame(frame);\n }\n\n async function entrarNoApp(usuario, novoModo){\n usuarioAtual = usuario;\n modo = novoModo;\n telaLogin.classList.add('oculto');\n appEl.classList.remove('oculto');\n aplicarPermissoes();\n iniciarMotor();\n\n if(modo === 'servidor'){\n try { await carregarDoServidor(); }\n catch(e){ avisar('Falha ao carregar dados: ' + e.message); }\n // Espaço novo começa vazio de gente (sem bonecos de demonstração),\n // mas mobiliado: se o gestor ainda não decorou, entra o padrão.\n if(decorations.length === 0) seedDecorations();\n await atualizarPresenca();\n ligarFluxoEventos();\n } else {\n if(!carregarLocal()){ seedDecorations(); seedDefaults(); semearTarefasExemplo(); }\n renderKanban(); renderPresenca(); salvarLocal();\n }\n renderRoomTabs(); renderManagerPanel();\n irPara('escritorio');\n }\n\n async function semearNoServidor(){\n const modelo = [\n ['Diretoria', OUTFIT_COLORS[1], true, 'Vinicius', SKIN_TONES[2], HAIR_COLORS[0], 'short', 'none', 'trophy'],\n ['Fiscal de Obras', OUTFIT_COLORS[2], false, 'Marcos', SKIN_TONES[1], HAIR_COLORS[1], 'bald', 'glasses', 'mug'],\n ['TI & Sistemas', OUTFIT_COLORS[3], false, 'Ana', SKIN_TONES[0], HAIR_COLORS[4], 'long', 'none', 'plant'],\n ['Produção de Eventos', OUTFIT_COLORS[0], false, 'Rafael', SKIN_TONES[3], HAIR_COLORS[2], 'curly', 'none', 'photo'],\n ['Gestão de Locação', OUTFIT_COLORS[4], false, 'Juliana', SKIN_TONES[1], HAIR_COLORS[5], 'long', 'hat', 'toy']\n ];\n try {\n for(const [nomeCargo, cor, exec, nomePessoa, pele, cabeloCor, cabelo, acessorio, item] of modelo){\n const rc = await api('POST', '/api/cargos', { nome:nomeCargo, cor, executivo:exec });\n await api('POST', '/api/pessoas', {\n nome: nomePessoa, cargoId: rc.cargo.id,\n avatar: { cor, pele, cabeloCor, cabelo, acessorio, itemMesa:item }\n });\n }\n await carregarDoServidor();\n } catch(e){ avisar('Não foi possível montar o escritório inicial: ' + e.message); }\n }\n\n function semearTarefasExemplo(){\n const porNome = (n)=> (people.find(p=>p.name===n)||{}).id || null;\n const hoje = new Date();\n const emDias = (d)=>{ const x=new Date(hoje); x.setDate(x.getDate()+d); return x.toISOString().slice(0,10); };\n tarefas = [\n {id:novoId('t'), titulo:'Vistoria da obra do bloco B', descricao:'Levar checklist e fotos.', coluna:'fazendo', prioridade:'alta', prazo:emDias(1), pessoaId:porNome('Marcos'), criadoEm:Date.now(), atualizadoEm:Date.now()},\n {id:novoId('t'), titulo:'Backup dos servidores', descricao:'Rotina semanal.', coluna:'afazer', prioridade:'media', prazo:emDias(3), pessoaId:porNome('Ana'), criadoEm:Date.now(), atualizadoEm:Date.now()},\n {id:novoId('t'), titulo:'Fechar contrato do evento de agosto', coluna:'afazer', prioridade:'alta', prazo:emDias(-1), pessoaId:porNome('Rafael'), criadoEm:Date.now(), atualizadoEm:Date.now()},\n {id:novoId('t'), titulo:'Renovar 3 contratos de locação', coluna:'fazendo', prioridade:'media', prazo:emDias(5), pessoaId:porNome('Juliana'), criadoEm:Date.now(), atualizadoEm:Date.now()},\n {id:novoId('t'), titulo:'Aprovar orçamento do trimestre', coluna:'concluido', prioridade:'baixa', prazo:emDias(-3), pessoaId:porNome('Vinicius'), criadoEm:Date.now(), atualizadoEm:Date.now()}\n ];\n }\n\n // Heartbeat de presença\n setInterval(()=>{ if(modo === 'servidor') atualizarPresenca(); }, 20000);\n setInterval(()=>{ if(modo === 'local') salvarLocal(); }, 10000);\n window.addEventListener('beforeunload', ()=>{ if(modo==='local') salvarLocal(); });\n\n // Descobre se existe servidor: se houver sessão válida, entra direto.\n (async function inicioAutomatico(){\n const aviso = document.getElementById('avisoServidor');\n try {\n const r = await api('GET', '/api/eu');\n if(r && r.usuario){ await entrarNoApp(r.usuario, 'servidor'); return; }\n aviso.textContent = 'Servidor conectado. Entre com sua conta ou crie a primeira (vira gestor).';\n } catch(e){\n aviso.textContent = 'Servidor indisponível no momento — você ainda pode usar o modo local.';\n }\n })();\n\n})();\n\n\n",[146],"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,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\";\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",[154],"ddb7efe8-dc84-4e0b-ade3-553af60b43b6","escritorio-melhorado.tsxnew-file-4730.ts","b3b7f924-926e-11f1-8659-1607ee4eb77e",70,["D",1786114028708],1,[162],"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",[169],"pulls","branches","forks","envVars",{"_182":61,"_184":61},"connections",{"_182":61,"_183":61},"count","unfilledCount","emptyCount",{"_41":168,"_32":169,"_30":170,"_137":-5,"_39":40,"_38":171,"_139":25,"_36":203,"_13":138,"_33":141,"_34":173,"_24":47,"_143":-5,"_191":204,"_27":205},{"_41":161,"_32":162,"_30":163,"_137":-5,"_39":40,"_38":164,"_139":47,"_36":200,"_13":166,"_33":141,"_34":108,"_24":47,"_143":-5,"_191":201,"_27":202},{"_41":153,"_32":154,"_30":56,"_137":-5,"_39":40,"_38":155,"_139":47,"_36":197,"_13":157,"_33":158,"_34":159,"_24":47,"_143":-5,"_191":198,"_27":199},{"_41":145,"_32":146,"_30":147,"_137":-5,"_39":40,"_38":148,"_139":47,"_36":194,"_13":150,"_33":20,"_34":151,"_24":47,"_143":-5,"_191":195,"_27":196},{"_41":134,"_32":135,"_30":136,"_137":-5,"_39":40,"_38":138,"_139":25,"_36":190,"_13":61,"_33":141,"_34":142,"_24":47,"_143":-5,"_191":192,"_27":193},["D",1785517729524],"children",[],[135],["D",1785879881531],[],[146],["D",1786137770006],[],[154],["D",1786114028708],[],[162],["D",1785878137533],[],[169],["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":244,"_245":246,"_247":248,"_249":47,"_250":47,"_251":47,"_252":25,"_253":-5,"_254":-7,"_255":-7,"_256":61,"_257":47,"_258":47,"_259":-5,"_260":47,"_261":47,"_262":47,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":88,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"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 · v104