\n
VRM Viewer — Controls
\n\n ${sec('🧍 Model', `
Upload .vrm
`)}\n\n ${sec('🎞️ Animation', `
Upload .vrma ou .fbx (Mixamo)
\n
\n ${swr('playing', 'Playing')}\n
FBX do Mixamo: exporte \"Without Skin\", FBX Binary. Apenas esqueletos humanoides Mixamo.
`)}\n\n ${sec('🤸 Poses', `
\n T-Pose \n A-Pose \n Relax \n
Aplicar uma pose interrompe a animação atual.
`)}\n\n ${sec('🌅 Environment', `
Upload HDR (.hdr)
\n
\n ${clr('bg', 'Background')}\n ${sld('lightIntensity', 'Light Intensity', 0, 4, 0.05)}\n ${swr('groundOn', 'Show Ground')}\n ${swr('autoRotate', 'Auto Rotate')}`)}\n\n
😀 Expressions / Shapekeys
\n ${sec('Expressions', exprSliders)}\n
', global).\nconst EMOS = ['happy', 'angry', 'sad', 'relaxed', 'neutral'];\n\nfunction setEmotion(d2, emo, intensity) {\n d2.shared.set('vrm_emotion', emo, { global: true });\n d2.shared.set('vrm_emotionIntensity', intensity, { global: true });\n const n = (d2.state.__en || 0) + 1; d2.state.__en = n;\n d2.shared.set('vrm_emotionNonce', n, { global: true });\n}\nfunction setTalking(d2, v) { d2.shared.set('vrm_talking', !!v, { global: true }); }\n\nexport default {\n css: `\n .chat{ display:flex; flex-direction:column; height:100%; box-sizing:border-box; background:#13151d;\n font-family:Inter,system-ui,sans-serif; color:#e7e9f0; }\n .head{ padding:12px 14px; border-bottom:1px solid #262a37; display:flex; align-items:center; justify-content:space-between; }\n .head b{ font-size:13px; letter-spacing:.03em; }\n .qabtn{ background:#242838; border:1px solid #343a4d; color:#9aa0b2; border-radius:7px; padding:5px 9px; font-size:11px; cursor:pointer; }\n .qa{ display:none; gap:6px; flex-wrap:wrap; padding:8px 14px; border-bottom:1px solid #262a37; background:#171a23; }\n .qa.show{ display:flex; }\n .qa button{ background:#242838; border:1px solid #343a4d; color:#cfd4e2; border-radius:7px; padding:6px 10px; font-size:11px; cursor:pointer; text-transform:capitalize; }\n .qa button:hover{ background:#2c3142; }\n .log{ flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:10px; }\n .msg{ max-width:85%; padding:9px 12px; border-radius:12px; font-size:13px; line-height:1.45; white-space:pre-wrap; word-break:break-word; }\n .me{ align-self:flex-end; background:#2f6df0; color:#fff; border-bottom-right-radius:4px; }\n .ai{ align-self:flex-start; background:#222634; color:#e7e9f0; border-bottom-left-radius:4px; }\n .cur:after{ content:'▋'; opacity:.6; animation:bl 1s steps(2) infinite; }\n @keyframes bl{ 50%{opacity:0;} }\n .empty{ color:#6b7180; font-size:12px; text-align:center; margin:auto; }\n .bar{ display:flex; gap:8px; padding:12px; border-top:1px solid #262a37; }\n .box{ flex:1; background:#0e0f15; border:1px solid #2c3142; color:#e7e9f0; border-radius:9px; padding:10px 12px; font-size:13px; outline:none; }\n .box:focus{ border-color:#2f6df0; }\n .send{ background:#2f6df0; border:none; color:#fff; border-radius:9px; padding:0 16px; font-size:13px; font-weight:600; cursor:pointer; }\n .send:disabled{ opacity:.5; cursor:default; }\n `,\n\n render(d2) {\n const msgs = d2.state.msgs || [];\n const partial = d2.state.partial;\n const thinking = d2.state.thinking;\n const rows = msgs.map((m, i) =>\n `${escapeHtml(m.text)}
`).join('');\n const live = (partial != null)\n ? `${escapeHtml(partial)}
`\n : (thinking ? `
` : '');\n const body = (rows || live) ? (rows + live) : `Diga algo pro personagem…
`;\n\n return `\n
💬 Conversa QA ⚙️
\n
\n ${EMOS.map(e => `${e} `).join('')}\n
\n
${body}
\n
\n ➤ \n
\n
\n
\n
Data2
\n \n
\n
${hLines}
\n
${esc(subline)}
\n
—
`\n const flip = !!d2.param('flip')\n const marks = new Set()\n for (const mv of (card.moves || [])){\n const dx = flip ? -mv[0] : mv[0]\n const dy = flip ? -mv[1] : mv[1]\n marks.add((2 + dx) + ',' + (2 + dy))\n }\n let cells = ''\n for (let r = 0; r < 5; r++){\n for (let c = 0; c < 5; c++){\n const isCenter = (r === 2 && c === 2)\n const isMove = marks.has(c + ',' + r)\n cells += `no photo
`;\n const foot = ()=>{ _N++; const lg = LOGO?`${num?`${eS(num)} `:''}
`:'';\n const paras = b=>(b||[]).map(p=>`${eS(p)}
`).join('');\n const stats = x=>x.stats||x.kpis||[];\n const logoImg = (cls)=> LOGO?`chart has no data
';\n const ct = s.chartType||'bar';\n if(ct==='scatter'){\n const pts=(s.data||[]).map(d=>({label:enc(d.label),x:(+d.x||0),y:(+d.y||0),r:(+d.r||0)}));\n if(!pts.length) return 'no data
';\n const W=1000,H=560,pl=96,pr=56,pt=54,pb=72,iw=W-pl-pr,ih=H-pt-pb;\n const xmax=Math.max(...pts.map(p=>p.x))*1.10;\n const yv=pts.map(p=>p.y), ymax=Math.min(100,Math.max(...yv)+6), ymin=Math.max(0,Math.min(...yv)-10);\n const rmax=Math.max(...pts.map(p=>p.r),1);\n const fx=v=>pl+v/xmax*iw, fy=v=>pt+ih-(v-ymin)/((ymax-ymin)||1)*ih, fr=v=>9+Math.sqrt(v/rmax)*33;\n const kfmt=v=>Math.abs(v)>=1000?(v/1000).toLocaleString('en-US',{maximumFractionDigits:0})+'k':String(Math.round(v));\n let out='';\n for(let g=0;g<=4;g++){const yy=ymin+(ymax-ymin)*g/4,py=fy(yy);out+=''+Math.round(yy)+(s.suffix||'%')+' ';}\n for(let g=0;g<=4;g++){const xv=xmax*g/4,px=fx(xv);out+=''+(s.prefix||'')+kfmt(xv)+' ';}\n pts.forEach(p=>{const cx=fx(p.x),cy=fy(p.y),rr=fr(p.r);out+=''+p.label+' ';});\n out+=''+(s.xlabel||'X')+' ';\n out+=''+(s.ylabel||'Y')+' ';\n return out+' ';\n }\n if(ct==='stackbar'){\n const COLORS=s.colors||['#B8801A', GOLD, '#FFE08A'];\n const series=s.series||[];\n const dd=(s.data||[]).map(d=>({label:enc(d.label),parts:(d.parts||[]).map(Number)}));\n const totals=dd.map(d=>d.parts.reduce((a,b)=>a+b,0));\n const mx=Math.max(1,...totals);\n const fmtS=v=>{let n=Number(v),t; if(s.compact&&Math.abs(n)>=1000)t=(n/1000).toLocaleString('en-US',{maximumFractionDigits:0})+'k'; else t=String(Math.round(n)); return (s.prefix||'')+t+(s.suffix||'');};\n const W=1000,H=560,pl=82,pr=24,pt=88,pb=64,iw=W-pl-pr,ih=H-pt-pb,n=dd.length,slot=iw/n,bw=Math.min(96,slot*0.5);\n let out='';\n let lx=pl; series.forEach((nm,i)=>{out+=''+enc(nm)+' '; lx+=70+enc(nm).length*11;});\n for(let g=0;g<=4;g++){const gy=pt+ih-(g/4*ih);out+=''+fmtS(mx*g/4)+' ';}\n dd.forEach((d,i)=>{const cx=pl+slot*i+slot/2; let yTop=pt+ih;\n d.parts.forEach((v,j)=>{const h=v/mx*ih,y=yTop-h; out+=''; yTop=y;});\n out+=''+fmtS(totals[i])+' ';\n out+=''+d.label+' ';});\n return out+' ';\n }\n const max = Math.max(1, ...data.map(d=>d.v));\n const fmt = v => { let n=Number(v), t;\n if(s.compact && Math.abs(n)>=1000) t=(n/1000).toLocaleString('en-US',{maximumFractionDigits: Math.abs(n)>=10000?0:1})+'k';\n else t=Math.round(n).toLocaleString('en-US');\n return (s.prefix||'')+t+(s.suffix||''); };\n const W=1000; let out='';\n if(ct==='hbar'){\n const n=data.length, rh=Math.max(46, 520/n), H=n*rh, lw=340, x0=lw+18, bw=W-x0-160;\n out='';\n for(let i=0;i'+d.label+'';\n out+='';\n out+=''+fmt(d.v)+' '; }\n return out+' ';\n }\n if(ct==='line'){\n const H=520, pl=82, pr=28, pt=28, pb=52, iw=W-pl-pr, ih=H-pt-pb, n=data.length;\n const xf=i=> pl + (n<=1? iw/2 : i/(n-1)*iw);\n const yf=v=> pt + ih - (v/max*ih);\n out='';\n for(let g=0;g<=4;g++){ const gy=pt+ih-(g/4*ih); out+=''+fmt(max*g/4)+' '; }\n let area='M'+xf(0).toFixed(1)+' '+(pt+ih).toFixed(1)+' ', line='';\n for(let i=0;i';\n const step=Math.ceil(n/9);\n for(let i=0;i'; if(i%step===0||i===n-1) out+=''+data[i].label+' '; }\n return out+' ';\n }\n const H=520, pl=82, pr=24, pt=40, pb=60, iw=W-pl-pr, ih=H-pt-pb, n=data.length, slot=iw/n, bw=Math.min(74, slot*0.62);\n out='';\n for(let g=0;g<=4;g++){ const gy=pt+ih-(g/4*ih); out+=''+fmt(max*g/4)+' '; }\n for(let i=0;i';\n out+=''+fmt(d.v)+' ';\n out+=''+d.label+' '; }\n return out+' ';\n };\n\n const R = {\n chart:s=>`${kick(s.kicker,s.number)}
${eS(s.title)} ${_chartSVG(s)}
${s.note?`
${eS(s.note)}
`:''}
${foot()}
${img(s.image,'bg')}
\n
${s.kicker?kick(s.kicker):'
\n
${eS(s.title)}
${s.subtitle?`
${eS(s.subtitle)}
`:''}
${img(s.image,'bg')}
\n ${kick(s.kicker)}
${eS(s.title)} ${s.sub?`
${eS(s.sub)}
`:''}
${img(s.image,'bg')}
${s.number?`
${eS(s.number)}
`:''}
${kick(s.kicker,s.number)}
${eS(s.title)} ${foot()}
${s.image?img(s.image,'top-img'):''}${kick(s.kicker,s.number)}
${eS(s.title)} ${paras(s.body)}
${foot()}
${kick(s.kicker,s.number)}
${eS(s.title)} ${paras(s.body)}
${img(s.image)}
${foot()}
${kick(s.kicker,s.number)}
${eS(s.title)} \n
${(s.cards||[]).map(c=>`
${img(c.image)}
${eS(c.title)} ${eS(c.text)}
`).join('')}
${foot()}
${s.title?`
${eS(s.title)} `:''}\n
${(s.items||[]).map(it=>img(it.image||it)).join('')}
${foot()}
${kick(s.kicker,s.number)}
${eS(s.title)} \n
${stats(s).map(k=>`
${eS(k.big)}
${eS(k.label)}
${k.sub?`
${eS(k.sub)}
`:''}
`).join('')}
\n ${s.note?`
${eS(s.note)}
`:''}${s.image?img(s.image,'planta'):''}
${foot()}
${img(s.image,'bg')}
${kick(s.kicker)}
${eS(s.big)}
${eS(s.label)}
${s.sub?`
${eS(s.sub)}
`:''}
${foot()}
${kick(s.kicker,s.number)}
${eS(s.title)} \n
${(s.items||[]).map(it=>`
${eS(it.title)} ${eS(it.desc)}
`).join('')}
${foot()}
${img(s.image,'bg')}
${eS(s.text)}
${s.author?`
${eS(s.author)}
`:''}
${kick(s.kicker,s.number)}
${eS(s.title)} \n ${(s.items||[]).map((it,i)=>`
${String(i+1).padStart(2,'0')}
${eS(it.lead)}
${eS(it.desc)}
`).join('')}
${foot()}
${img(s.image,'bg')}
${s.caption?`
`:''}${foot()}
${s.image?img(s.image,'bg'):''}${s.image?'
':''}
\n
${eS(s.title||'CONTACT')} \n ${s.address?`
`:''}\n ${s.hours?`
`:''}\n ${s.email?`
`:''}\n ${s.site?`
`:''}\n
${foot()}
${img(s.image,'bg')}${s.image?'
':''}
${s.logo?logoImg('logo'):''}
${eS(s.title)} ${s.subtitle?`
${eS(s.subtitle)}
`:''}
codegate probe ok
`;\n }\n};"}}}}}}}},{"_id":"6a762ab42789519cae7305b2","component":"data2-core-types@Component","system":"69b15e6093419d8151c50e4c","params":{"extends":"data2-core-primitives@Block","component":"R4SFGidpf8N3DyFd0wUoi","package":"bigaton-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `.probe{padding:16px;font:600 20px sans-serif;color:#7c4dff}\n.probe small{display:block;margin-top:6px;font:400 13px sans-serif;color:#8a8a99}`,\n render(d2){ return `Hello from a freshly-created code component 🎉edited via patch_user_component — MCP edit check OK
` }\n}"}}}}}}}},{"_id":"6a762c78accb5b1a195a14f6","component":"data2-core-types@Component","system":"69b15e6093419d8151c50e4c","params":{"extends":"data2-core-primitives@Block","component":"zz-mcp-capability-probe","package":"bigaton-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n .cap { box-sizing:border-box; width:100%; height:100%; padding:24px;\n font-family: ui-sans-serif, system-ui, sans-serif; color:#1b1b22;\n background:#f6f6fb; border-radius:14px; display:flex; flex-direction:column; gap:16px; }\n .cap h3 { margin:0; font-size:20px; font-weight:700; }\n .cap .row { display:flex; align-items:center; gap:12px; }\n .cap button { cursor:pointer; border:none; border-radius:8px; padding:8px 14px;\n font-size:14px; font-weight:600; color:#fff; }\n .cap .count { font-variant-numeric:tabular-nums; font-size:18px; font-weight:700; min-width:32px; }\n .cap ul { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; }\n .cap li { background:#fff; border:1px solid #e3e3ee; border-radius:8px; padding:8px 12px; font-size:13px; }\n .cap .stamp { font-size:12px; color:#6b6b7b; }\n `,\n render(d2) {\n const heading = d2.param('heading') || 'MCP capability probe';\n const accent = d2.param('accent') || '#7c4dff';\n const clicks = d2.state.clicks || 0;\n const items = ['params → d2.param', 'state → d2.state', 'events → d2.on', 'keyed list morph'];\n return `\n \n
${heading} \n
\n Bump \n ${clicks} \n clicks tracked on the reactive rail \n
\n
\n ${items.map((t, i) => `${i + 1}. ${t} `).join('')}\n \n
' +\n '' + ico(r.glyph, 12) + ' ' : '') +\n '' + r.label + ' ' +\n '' + ty + ' ' +\n '+ ' +\n '
'\n }\n\n const rowToggle = function (r) {\n const on = isOn(r.label)\n return '' +\n (r.glyph ? '
' + ico(r.glyph, 12) + ' ' : '') +\n '
' + r.label + ' ' +\n (r.sub ? '' + r.sub + '
' : '') + '' +\n '
' +\n '
' + ico(r.glyph, 11) + ' ' : '') +\n '' + r.label + '
'\n }\n if (r.k === 'prop') return rowProp(r)\n if (r.k === 'toggle' || r.k === 'toggle2') return rowToggle(r)\n if (r.k === 'lbl') return '' + r.label + '
'\n if (r.k === 'bordercolor') {\n return '' +\n '' + r.hex + ' ' +\n 'TYPE ' +\n '' + r.type + ' ' +\n '' + ico('chevR', 11) + ' ' +\n '
'\n }\n if (r.k === 'wr') {\n return '' +\n 'WIDTH ' +\n '' + r.w + ' ' +\n 'RADIUS ' +\n '' + r.r + ' ' +\n '' + ico('updown', 11) + ' ' +\n '
'\n }\n if (r.k === 'seg') {\n const a = seg[r.id] == null ? 0 : seg[r.id]\n return '' + r.options.map(function (o, i) {\n return '' + o + ' '\n }).join('') + '
'\n }\n if (r.k === 'anchorxy') {\n const f = function (k, v) {\n return '' + k + ' ' + v + ' px
'\n }\n return '' +\n '
' + f('X', r.x) + f('Y', r.y) + '
' + r.ids.map(function (i) { return '' + ico(i, 12) + ' ' }).join('') + '
'\n }\n if (r.k === 'wh') {\n return '' +\n '
W ' + (blk.w || r.w) + '
' +\n '
' + ico('link', 11) + '
' +\n '
H ' + (blk.h || r.h) + '
' +\n '
1 background
' +\n 'TYPE Solid Color ' + ico('chevR', 11) + '
' +\n '' + r.color.replace('#', '') + ' ' + r.alpha + '
' +\n 'BACKGROUNDS
' +\n '1 Fill ' + ico('chevR', 11) + '
'\n }\n if (r.k === 'rotate') {\n return '' + ico('rotate', 13) + '
' +\n '
' + rot + '
' +\n '
deg ' +\n [0, 90, 180, 270].map(function (v) {\n return '
' + v + ' '\n }).join('') +\n '
' + cards.map(function (c, i) {\n return '
' + ico(c[0], 12) + ' ' +\n '' + c[1] + ' ' + c[2] + '
'\n }).join('') + '
SHADOW 100%
'\n }\n if (r.k === 'preview') {\n return 'PREVIEW
'\n }\n if (r.k === 'input') {\n return '' +\n (r.value ? '' + r.value + ' '\n : '' + (r.ph || '') + ' ') +\n (r.stepper ? '' + ico('updown', 11) + ' ' : '') +\n '
'\n }\n if (r.k === 'cursor') {\n return '' + ico('pointer', 11) + ' ' +\n '' + r.value + ' ' + ico('chevD', 10) + '
'\n }\n if (r.k === 'cmgrid') {\n return '' + CMODES.map(function (c, i) {\n return '' + ico(c[0], 13) + '' + c[1] + ' '\n }).join('') + '
'\n }\n return ''\n }\n\n const renderItem = function (it) {\n if (it.k === 'group') {\n const off = gc[it.label] == null ? true : !!gc[it.label]\n return '' +\n '' + ico(it.glyph, 11) + ' ' : '') +\n '' + it.label + ' ' +\n '' + ico('chevD', 10) + ' ' +\n '
' + (off ? '' : it.rows.map(renderRow).join(''))\n }\n return renderRow(it)\n }\n\n const list = tab === 'all' ? ALLROWS\n : tab === 'used' ? ALLROWS.filter(function (i) { return i.k === 'group' && i.dot !== false })\n : (SECTIONS[tab] || [])\n const body = list.map(renderItem).join('')\n\n return '' +\n '
' + ico('pen', 15) + ' ' +\n 'Inspector ' +\n '' + ico(lock ? 'lock' : 'unlock', 13) + ' ' +\n (isLeft\n ? '' + ico('x', 13) + ' '\n : '' + ico('newwin', 13) + ' ') +\n '
' +\n '
' +\n '
' +\n '
Block
data2-core-primitives
' +\n '
' + ico('heart', 12) + ' ' + ico('copy', 12) + ' ' +\n '
NAME ' +\n '' + ico('tag', 10) + ' ' + ico('copy', 10) + '
' +\n '
' + blk.name + '
' +\n '
' +\n '
' +\n '
' + TABS.map(function (t) {\n return '' + t[1] + ' '\n }).join('') + '' + ico('search', 13) + '
' +\n '
' +\n '
' + ico('chevD', 10) + ' BLOCK
' +\n (col ? '' : body + '
') +\n '
' +\n '
' +\n '
' + ico('wand', 12) + ' ' + ico('brush', 12) + ' ' + ico('link', 12) + '
' +\n '' +\n '
')\n }\n\n return '' + panel('R') + (win2 ? panel('L') : '') + '
'\n },\n\n mounted(d2) {\n const rn = d2.root && d2.root.getRootNode ? d2.root.getRootNode() : null\n const sh = rn && rn.host\n if (sh) {\n sh.style.pointerEvents = 'none'\n const pb = sh.closest && sh.closest('.data2-player-block')\n if (pb) pb.style.pointerEvents = 'none'\n }\n\n const focusOf = function (win) {\n return d2.state['lock' + win] || d2.state.sel || d2.shared.get('ui:sel', 'a')\n }\n const winOf = function (el) { return (el && el.dataset.win) || 'R' }\n\n const patchCfg = function (win, fn) {\n const all = JSON.parse(JSON.stringify(d2.state.cfg || d2.shared.get('ui:cfg', {}) || {}))\n const f = focusOf(win)\n if (!all[f]) all[f] = {}\n fn(all[f])\n d2.setState({ cfg: all })\n d2.shared.set('ui:cfg', all)\n if (d2.bus && d2.bus.emit) d2.bus.emit('ui:cfg', all)\n }\n\n d2.on('[data-tab]', 'click', function (e) {\n const el = e.target.closest('[data-tab]')\n const o = {}\n o['tab' + winOf(el)] = el.dataset.tab\n d2.setState(o)\n })\n\n d2.on('[data-col]', 'click', function (e) {\n const win = winOf(e.target.closest('[data-col]'))\n const o = {}\n o['col' + win] = !d2.state['col' + win]\n d2.setState(o)\n })\n\n d2.on('[data-grp]', 'click', function (e) {\n const el = e.target.closest('[data-grp]')\n const key = 'gc' + winOf(el)\n const next = Object.assign({}, d2.state[key] || {})\n const g = el.dataset.grp\n next[g] = !(g in next ? next[g] : true)\n const o = {}\n o[key] = next\n d2.setState(o)\n })\n\n d2.on('[data-tg]', 'click', function (e) {\n const el = e.target.closest('[data-tg]')\n patchCfg(winOf(el), function (c) {\n c.tg = Object.assign({}, c.tg || {})\n c.tg[el.dataset.tg] = !c.tg[el.dataset.tg]\n })\n })\n\n d2.on('[data-seg]', 'click', function (e) {\n const el = e.target.closest('[data-seg]')\n patchCfg(winOf(el), function (c) {\n c.seg = Object.assign({}, c.seg || {})\n c.seg[el.dataset.seg] = Number(el.dataset.i)\n })\n })\n\n d2.on('[data-cm]', 'click', function (e) {\n const el = e.target.closest('[data-cm]')\n patchCfg(winOf(el), function (c) { c.cm = Number(el.dataset.cm) })\n })\n\n d2.on('[data-light]', 'click', function (e) {\n const el = e.target.closest('[data-light]')\n patchCfg(winOf(el), function (c) { c.light = Number(el.dataset.light) })\n })\n\n d2.on('[data-rot]', 'click', function (e) {\n const el = e.target.closest('[data-rot]')\n patchCfg(winOf(el), function (c) { c.rot = Number(el.dataset.rot) })\n })\n\n d2.on('[data-lock]', 'click', function (e) {\n const key = 'lock' + e.target.closest('[data-lock]').dataset.lock\n const o = {}\n o[key] = d2.state[key] ? null : (d2.state.sel || d2.shared.get('ui:sel', 'a'))\n d2.setState(o)\n })\n\n d2.on('[data-newwin]', 'click', function () {\n d2.setState({ win2: true })\n d2.shared.set('ui:win2', true)\n if (d2.bus && d2.bus.emit) d2.bus.emit('ui:win2', true)\n })\n\n d2.on('[data-close]', 'click', function () {\n d2.setState({ win2: false })\n d2.shared.set('ui:win2', false)\n if (d2.bus && d2.bus.emit) d2.bus.emit('ui:win2', false)\n })\n\n if (d2.bus && d2.bus.on) {\n d2.bus.on('ui:cfg', function (g) { d2.setState({ cfg: g }) })\n d2.bus.on('ui:sel', function (s) { d2.setState({ sel: s }) })\n }\n\n let drag = null\n\n d2.on('.grip', 'pointerdown', function (e) {\n const pnl = d2.$('.pnl')\n if (!pnl) return\n e.preventDefault()\n drag = { x: e.clientX, w: pnl.getBoundingClientRect().width }\n const wrap = d2.$('.wrap')\n if (wrap) wrap.setAttribute('data-drag', '1')\n document.body.style.userSelect = 'none'\n })\n\n d2.on(window, 'pointermove', function (e) {\n if (!drag) return\n const pnl = d2.$('.pnl')\n const grip = d2.$('.grip')\n if (!pnl) return\n let w = drag.w + (drag.x - e.clientX)\n w = Math.max(MINW, Math.min(w, MAXW))\n pnl.style.width = w + 'px'\n if (grip) grip.style.right = (w - 4) + 'px'\n const lp = d2.$('.pnl.left')\n if (lp) lp.style.right = w + 'px'\n if (d2.bus && d2.bus.emit) d2.bus.emit('ui:inspectorW', w)\n })\n\n d2.on(window, 'pointerup', function () {\n if (!drag) return\n const pnl = d2.$('.pnl')\n drag = null\n const wrap = d2.$('.wrap')\n if (wrap) wrap.removeAttribute('data-drag')\n document.body.style.userSelect = ''\n if (pnl) d2.shared.set('ui:inspectorW', Math.round(pnl.getBoundingClientRect().width))\n })\n\n d2.onUnmount(function () { document.body.style.userSelect = '' })\n }\n}"}}}}}}}},{"_id":"6a7a2f47e511c3482dcfcf80","component":"data2-core-types@Component","system":"69b15e6093419d8151c50e4c","params":{"extends":"data2-core-primitives@Block","component":"bottomdock","package":"bigaton-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"const INTERACTIONS = [\n 'On Touch Start', 'On Touch End', 'On Click', 'On Click Outside',\n 'On Drag Enter', 'On Drag Leave', 'On Drop',\n 'On Mouse Down', 'On Mouse Up', 'On Mouse Enter', 'On Mouse Leave',\n 'On Visible On Screen', 'On Invisible On Screen'\n]\n\nconst MODULES = [\n '@MainRouter', '@AppAuth', '@UsersDataSet', '@FormStore',\n '@__UIState', '@ChatAssistant', '@NotifyRush', '@MediaDrive', '@__CursorController'\n]\n\nconst FNLIST = ['Series', 'If', 'Add', 'Multiply', 'ArrayMap', 'ArrayFilter', 'ArrayJoin']\nconst FNS = {\n Series: { slots: 'n', add: 'step' },\n If: { slots: ['then', 'else'] },\n ArrayMap: { slots: ['each'] },\n ArrayFilter: { slots: ['where'] },\n ArrayJoin: { slots: [] },\n Add: { slots: [] },\n Multiply: { slots: [] }\n}\n\nconst BLOCKS = [\n { id: 'a', name: 'HeaderBar' },\n { id: 'b', name: 'CardList' }\n]\nconst blockById = function (id) {\n for (let i = 0; i < BLOCKS.length; i++) if (BLOCKS[i].id === id) return BLOCKS[i]\n return BLOCKS[0]\n}\n\nconst NW = 240\nconst HGAP = 72\nconst ROW = 30\nconst HDR = 30\nconst PADV = 8\nconst VGAP = 18\nconst PAD = 26\n\nconst blank = function () { return { module: null, fn: null, col: false, kids: [] } }\n\nconst slotsOf = function (n) {\n if (!n.fn) return []\n const d = FNS[n.fn]\n if (!d) return []\n if (d.slots === 'n') return n.kids.map(function (_, i) { return 'step ' + (i + 1) })\n return d.slots\n}\n\nconst rowsOf = function (n) {\n if (!n.module) return 1\n return 2 + slotsOf(n).length + (n.fn === 'Series' ? 1 : 0)\n}\n\nconst nodeH = function (n) {\n if (n.col) return HDR\n return HDR + PADV * 2 + rowsOf(n) * ROW\n}\n\nconst measure = function (n) {\n const h = nodeH(n)\n if (n.col || !n.kids.length) return { h: h, sub: h }\n let sub = 0\n n.kids.forEach(function (k) { sub += measure(k).sub + VGAP })\n sub -= VGAP\n return { h: h, sub: Math.max(h, sub) }\n}\n\nconst place = function (n, depth, top, path, label, out) {\n const m = measure(n)\n const h = nodeH(n)\n out.push({\n n: n, path: path, label: label, depth: depth,\n x: PAD + depth * (NW + HGAP),\n y: top + (m.sub - h) / 2,\n h: h\n })\n if (!n.col) {\n const slots = slotsOf(n)\n let cy = top\n n.kids.forEach(function (k, i) {\n place(k, depth + 1, cy, path + '.' + i, slots[i] || ('slot ' + (i + 1)), out)\n cy += measure(k).sub + VGAP\n })\n }\n return m\n}\n\nconst getNode = function (root, path) {\n const parts = path.split('.').slice(1)\n let n = root\n for (let i = 0; i < parts.length; i++) n = n.kids[Number(parts[i])]\n return n\n}\n\nconst clone = function (o) { return JSON.parse(JSON.stringify(o)) }\n\nconst portY = function (rec, i) {\n if (rec.n.col) return HDR / 2\n return HDR + PADV + (2 + i) * ROW + ROW / 2\n}\n\nconst wire = function (x1, y1, x2, y2) {\n const dx = Math.max(34, (x2 - x1) / 2)\n return 'M' + x1 + ',' + y1 + ' C' + (x1 + dx) + ',' + y1 + ' ' + (x2 - dx) + ',' + y2 + ' ' + x2 + ',' + y2\n}\n\nconst esc = function (s) { return String(s).replace(/&/g, '&').replace(/' +\n 'Select module & interaction… '].concat(\n MODULES.map(function (m) {\n return '' + esc(m) + ' '\n })\n ).join('')\n\n body += '' +\n (n.module ? 'module ' : '') +\n '' + modOpts + ' ' +\n '
'\n\n if (n.module) {\n const fnOpts = ['— '].concat(\n FNLIST.map(function (f) {\n return '' + f + ' '\n })\n ).join('')\n body += 'f() ' +\n '' + fnOpts + '
'\n\n slots.forEach(function (s, i) {\n body += '' + esc(s) + '
'\n })\n\n if (n.fn === 'Series') {\n body += '' +\n '+ step
'\n }\n }\n body = '' + body + '
'\n }\n\n return '' +\n '
' + esc(p.label) + ' ▼
' +\n body +\n '
' +\n '
Interaction ' +\n '' + esc(blk.name) + ' ' +\n '' + esc(sel) + '
' +\n '
' +\n '
' + list + '
' +\n '
' +\n '
' + paths.map(function (d) { return ' ' +\n nodes +\n '
' +\n '
' +\n '
' +\n '
' +\n '
' + BLOCKS.map(function (b) {\n return '
' +\n '' + b.name + ' ' +\n '
'\n }).join('') + '
'\n }).join('')\n\n let liveLink = ''\n const lk = d2.state.link\n if (lk && byId[lk.from]) {\n const a = byId[lk.from]\n liveLink = '' + esc(f.title) + '
'\n ).join('')\n return '' +\n '
' +\n '
' + fields + '+ Novo Campo
' +\n '
Selecione… '].concat(roles.map(r => {\n const v = typeof r === 'string' ? r : (r.value || r.label || '')\n return '' + esc(v) + ' '\n })).join('')\n return '' +\n '
' +\n '
Role ' + opts + '
' +\n '
' + esc(f.name || 'Sem nome') + '
').join('')\n : 'Nenhum fluxo ainda.
'\n\n const cur = flows.find(f => String(f._id) === String(fid))\n\n const center = fid\n ? '' + esc((cur && cur.key) || '—') + ' · v' + (Number(d2.state.version) || 1) + ' ' +\n '' + (d2.state.armed ? 'agora clique no node de destino para ligar' : 'arraste da bolinha direita até o outro node — ou clique na bolinha e depois no destino') + '
' +\n '' +\n '' + edgeSvg + liveLink + ' ' +\n nodes.map(nodeHtml).join('') + '
Nenhum fluxo em edição
' +\n 'Selecione um fluxo à esquerda ou clique em Novo Fluxo para começar do zero.
'\n\n return '' +\n '
Fluxos
' + flowList + '
Novo Fluxo ' +\n '
' + center + '
' +\n '
Paleta de nodes
' +\n '
' +\n '
' +\n '
' +\n '
' + esc(r.title || 'Sem título') + '
' +\n '
' + esc(r.status || '') + ' ' +\n (mineRun[r.runId] ? '
com você ' : '') +\n (r.status === 'done'\n ? '
Concluído
'\n : (names.length ? '
Com ' + esc(names.join(', ')) + '
'\n : '
Nenhuma etapa ativa
')) +\n '
' +\n '
' + doneN + '/' + rts.length + ' etapas
' + esc(f.title) + ' ' + esc(vals[f.id] || '—') + '
').join('')\n : '' + (type === 'validation' ? 'Aprovado.' : 'Sem campos.') + '
'\n if (t.completedAt) inner += 'concluída ' + esc(fmtWhen(d2, t.completedAt)) + '
'\n } else if (t.status === 'active' && mine) {\n inner = (type === 'input'\n ? (fields.length\n ? fields.map(f =>\n '' + esc(f.title) + ' ' +\n '
'\n ).join('')\n : 'Este node não tem campos configurados.
')\n : 'Role exigida
') +\n '' +\n (type === 'validation' ? 'Aprovar e enviar adiante' : 'Concluir e enviar adiante') + ' '\n } else if (t.status === 'active') {\n inner = 'Aguardando ' + esc(t.assigneeName || t.requiredRole || 'responsável') + ' concluir esta etapa.
'\n } else {\n inner = 'Aguardando as etapas anteriores.
'\n }\n\n return '' +\n '
' + (t.status === 'done' ? '✓' : (i + 1)) + '
' +\n '
' +\n '
' + esc(TYPE_LABEL[type] || type) + ' ' +\n '' + (mine ? 'sua vez' : 'em curso') + ' ' : '') +\n '
' +\n '
' + (t.assigneeName ? '' + esc(t.assigneeName) + ' ' : 'sem responsável') +\n (t.requiredRole ? ' · exige ' + esc(t.requiredRole) : '') + '
' +\n inner + '
Selecione um fluxo à esquerda.
'\n } else {\n const rts = tasksOf(run.runId)\n detail = '' + esc(run.title || 'Sem título') + '
' +\n '
' + esc(run.templateName || '') + ' · v' + (run.templateVersion || 1) +\n (run.startedByName ? ' · iniciado por ' + esc(run.startedByName) : '') +\n (run.startedAt ? ' em ' + esc(fmtWhen(d2, run.startedAt)) : '') + '
' +\n '
' + esc(run.runId) + '
' + rts.map(stepHtml).join('') + '
'\n : 'Este fluxo não tem etapas.
')\n }\n\n let modal = ''\n if (d2.state.step === 'tpl') {\n modal = '' +\n '
Iniciar fluxo×
' +\n '
' +\n (tpls.length\n ? tpls.map(t => '
' +\n '
' + esc(t.name || 'Sem nome') + '
' +\n '
' + esc(t.key || '') + ' · v' + (t.version || 1) + ' · ' +\n Math.max(0, (Array.isArray(t.nodes) ? t.nodes.length : 0) - 1) + ' etapas
').join('')\n : '
Nenhum template criado ainda.
') +\n '
Selecione a pessoa… '].concat(\n pool.map(p => '' +\n esc(p.name) + ' — ' + esc(p.role) + ' ')\n ).join('')\n return '' +\n '
' + (i + 1) + ' ' +\n '' + esc(TYPE_LABEL[n.type] || n.type) + ' ' +\n (n.type === 'validation' && n.role ? 'exige ' + esc(n.role) + ' ' : '') +\n '
Responsável ' +\n '' + opts + '
' +\n (pool.length ? '' : '
Nenhuma pessoa cadastrada com a role ' + esc(n.role || '—') + '.
') +\n '
' + esc(n.id) + '
' +\n '
Planejar fluxo×
' +\n '
' +\n '
Título da execução ' +\n '
' +\n '
Etapas e responsáveis
' +\n (steps.length ? steps.map(pstep).join('') : '
Este template não tem etapas.
') +\n '
Voltar ' + missing + ' sem responsável ' : '') +\n 'Iniciar fluxo ' +\n '
' + label +\n (count === null ? '' : '' + count + ' ') + ' '\n\n return '' + modal + '
' +\n '
Fluxos ' +\n '' + esc(uname || 'sem usuário') + (role ? ' · ' + esc(role) : '') + ' ' +\n '' +\n (d2.state.busy ? 'Processando…' : 'Iniciar Fluxo') + '
' +\n '
' +\n '
' + tabBtn('mine', 'Comigo', mineCount) +\n tabBtn('all', 'Em andamento', null) + tabBtn('done', 'Concluídos', null) + '
' +\n '
' +\n (listed.length ? listed.map(runRow).join('')\n : '
' + (tab === 'mine' ? 'Nada pendente com você.' : (tab === 'done' ? 'Nenhum fluxo concluído.' : 'Nenhum fluxo em andamento.')) + '
') +\n '
' +\n '
' + detail + '
' +\n '
\n
MapleCloset — asset uploader \n
Pick an asset root folder. The tree is mirrored into the Drive exactly as it sits on disk.
\n\n
\n
\n Choose folder… \n \n ${s.rodando ? 'Uploading…' : (s.simular ? 'Dry run' : 'Upload')}\n \n
\n
\n
\n
root ${esc(s.raiz || '—')}
\n
files ${total}
\n
folders ${s.pastas || 0}
\n
size ${total ? kb(s.bytes || 0) : '—'}
\n
done ${feitos}
\n
errors ${s.erros || 0}
\n
\n
\n
\n\n ${linhas.length ? `
${linhas.map((l, i) =>\n `
${esc(l.m)}
`).join('')}
` : ''}\n
';\nfunction iconeTraco(m){return ''+m+' ';}\n// SETAS E SINAIS como DESENHO, nao como caractere. Ate 02/09 a paginacao usava os glifos ‹ › « »\n// e o zoom usava - e +, e eram os UNICOS conteudos de texto num sistema em que todo o resto e\n// SVG. A posicao vertical de um glifo sai da metrica da fonte (ascendente, descendente, altura de\n// linha), que muda por maquina e nao se controla daqui -- por isso eles pareciam caidos mesmo com\n// a caixa do botao matematicamente centrada.\n// Todos os tracados abaixo sao SIMETRICOS em torno de (12,12) do viewBox 24x24: x e y vao de 6 a\n// 18 em todos. Centrado por construcao, sem depender de fonte nenhuma.\nconst DSETAE='${DOLHO} `;}\n// TIMING E SEQUENCIA saem da tabela `mc-action` (2026-08-27). Antes eram quatro constantes e uma\n// funcao aqui dentro: PASSO=208 fixo, dois fatores ajustados a mao e a lista VAIVEM. O WZ tem\n// `delay` em TODO frame do corpo e o compilador descartava -- a tabela devolveu esse dado. Nada\n// aqui e estimado: `frameDelays` e o delay do jogo, `playback`/`loopStart` descrevem a sequencia.\nconst ACOES='https://bigaton-playground.data2apis.com/dataset/mc-actionDataSet';\nconst ACT=Object.create(null); // key da action -> linha da tabela\nlet ACTORD=[]; // keys na ordem da tabela (o preview mostra nessa ordem)\nconst PASSO_PADRAO=208; // fallback so para uma action que a tabela nao conheca\n// O eixo do mundo (x=0,y=0 do personagem) sai do TAMANHO do canvas, nao de constante fixa:\n// horizontal no meio, vertical em 72% da altura -- a origem cai perto dos pes e o corpo cresce\n// para cima (y negativo), entao 72% e o que deixa o personagem opticamente centrado. Mesma\n// proporcao do stage do engine local.\n// 56 = 8 colunas por 7 fileiras, a grade cheia (01/09). Antes eram 42 (7 por 6). O numero tem que\n// bater com a grade do CSS: sobrando itens a ultima fileira fica pela metade e a grade parece\n// quebrada, e faltando a paginacao sobe.\n// O eixo vertical do personagem e DISTANCIA FIXA do topo do palco, nao fracao da altura dele.\n// Motivo medido: o toggle do anel cresce o palco de 282 para 354 POR BAIXO, e com fracao o\n// personagem descia 60px a cada clique. O topo do palco nao se mexe, entao ancorar nele deixa o\n// personagem parado -- que era o pedido. PALCO_ALT espelha o CSS: 4 celulas de 66 mais 3 de 6.\n// 0,84: personagem de ~127px em 2x, centrado opticamente em 188 -> (188-127)/2 = 30 acima, os pes\n// caem em 157, e 157/188 = 0,84.\n// ATENCAO: esta constante e lida pelo draw() a cada quadro. Ela ja foi apagada uma vez (01/09),\n// por descuido, junto com o comentario vizinho numa edicao por regiao -- o canvas parou de pintar\n// inteiro, sem erro visivel na interface. Nao mover para perto de texto que se edita em bloco.\nconst PALCO_ALT=282;\nconst EIXO_Y=0.84, POR_PAGINA=56;\nconst MEDIA='https://bigaton-playground.data2.media/file/';\n\nconst INDEXREF=Object.create(null); // cat -> ref do idx JSON (caminho NOVO)\nconst IDX=Object.create(null); // cat -> {sheets:[url], items:[...]} (fetch cacheado)\nconst BLOCO=Object.create(null); // blockKey/geoRef -> bloco parseado\nconst ITENS=Object.create(null); // id -> {uv,geo,atlasRef, uvEf?,geoEf?,atlasEfRef?}\nconst IMG=Object.create(null); // ref -> Image\nconst IMGBASE=Object.create(null); // caminho do sprite da base -> Image (o caminho ja carrega o id da skin, entao nao colide)\nconst SKINPIX=Object.create(null); // skinId -> {geo,pix} do arquivo do Drive, buscado sob demanda\n// Folha de icone das 46 skins. Ate 31/08 o `idxskin` era o UNICO dos 15 indices sem thumb -- o\n// seletor era um de texto. Renderizar as thumbs ao vivo custaria os 46 JSONs de skin,\n// 6,3 MB (media 140 KB cada), a mesma ordem de grandeza da aba All inteira. A folha custa 31 KB\n// e reusa o mesmo `.thc` das outras categorias, sem codigo de render novo.\nlet SKINSHEET='';\n// ORELHAS. O dump bruto da cabeca tem QUATRO (`humanEar`, `ear`, `lefEar`, `highlefEar`) mas o\n// compilador guardou so a humana -- por isso isto nao existia no preview do data2.\n// Em vez de reescrever os 46 JSONs de skin, o addon embarca so o DELTA: as quatro dividem o\n// mesmo `map.neck`, entao TL_outra = TL_humanEar + (origin_humanEar - origin_outra) e uma\n// CONSTANTE por skin, valida em todos os frames. Um arquivo de 68 KB, nenhum dado existente\n// tocado. As tres elficas declaram z=accessoryOverHair (zi 41), na FRENTE do cabelo (46) --\n// a humana e hairShade (58), atras. Por isso o zi vem do addon e nao da camada original.\nconst ORELHA_TIPOS=['humanEar','ear','lefEar','highlefEar'];\nconst ORELHA_ROT={humanEar:'Human',ear:'Elf',lefEar:'Long Elf',highlefEar:'High Elf'};\n// Rotulo de interface sai em Title Case. As CHAVES continuam intactas -- humanEar, blink, accface\n// sao dado do WZ e viajam no `value` do option; so o que o usuario LE passa por aqui. Trocar as\n// duas coisas pelo mesmo texto e como se perde a ligacao com o dump.\nfunction capitaliza(t){return String(t||'').replace(/(^|[\\s-])([a-z])/g,(m,a,b)=>a+b.toUpperCase());}\nlet ORELHAS=null;\n// EMOTES. Mesma historia das orelhas: o dump tem ~30 expressoes por face (`blink` com 3 frames,\n// varias com 2) e o compilador guardou so a `default` -- a face publicada tem UM sprite.\n// A expressao e ORTOGONAL a acao do corpo (o personagem pisca enquanto anda), por isso ela e\n// estado proprio e nao um valor de `acao`.\n// O addon e por BLOCO (a mesma particao do `geoRef` das faces): 12.617 faces em 163 blocos,\n// ~860 KB cada, carregado sob demanda. Guarda o DELTA, nao a posicao: 82% das expressoes tem\n// origin/map.brow proprios (medido em 300 faces, 7.125 pares), e a face ancora por brow, entao\n// TL_expr = TL_default + (brow_def + origin_def) - (brow_expr + origin_expr)\n// Os bitmaps sao deduplicados dentro do bloco: o `_outlink` faz varios frames apontarem para o\n// mesmo PNG (o frame 0 do `blink` E o default), e sem dedupe o bloco inflava 2,5x.\nconst EMOTE_LISTA=['default','blink','smile','wink','troubled','cry','angry','bewildered','stunned','hit','love','oops','vomit','despair','glitter','shine','chu','hum','pain','cheers','bowing','blaze','hot','dam','qBlue'];\n// FORMATO: atlas + uv, o MESMO das outras categorias. Embutir os PNGs em base64 custava 2,7x\n// mais (medido num bloco: 860 KB contra 324 KB) -- 1.655 sprites minusculos carregam cada um o\n// proprio cabecalho de PNG, e o base64 ainda soma 33%. Empacotados num atlas isso desaparece.\n// Ganho de codigo junto: a camada de emote passa a ter a forma {ref,uv,x,y,zi} das camadas de\n// item, entao o desenho usa o caminho que ja existe -- nao ha caso especial nenhum.\n// Os 163 blocos sao agrupados em ~20 arquivos so para caber em upload; o mapa geoRef->grupo\n// mantem o carregamento sob demanda.\n// PAUSA ENTRE REPETICOES -- decidida por nos, porque NAO existe no dado. O `delay` do WZ descreve\n// o movimento em si (uma piscada leva 180 ms: 3 frames de 60), nao o intervalo entre uma piscada e\n// a seguinte -- no jogo o emote e um evento disparado, nao um loop. Loopando o ciclo cru o\n// personagem piscava 5,5 vezes por segundo.\n// A forma escolhida e a que o proprio dado ja usa: `oops` (367 ocorrencias) tem 1640 ms no PRIMEIRO\n// frame e anima depois. Entao aqui o primeiro frame tem um PISO -- e piso, nao soma, senao o\n// `oops` ficaria com pausa dupla.\nconst EMOTE_PAUSA=1800;\n// Vitrine da feature de ilustracao. Ela esta DESLIGADA (o botao abre um aviso em vez de gerar):\n// a pipeline funciona ponta a ponta mas a qualidade nao foi aprovada. Os 3 pares sprite/retrato\n// foram gerados com a pipeline atual e mostram honestamente onde ela acerta e onde erra.\n// Folha 2x3 de 320px por celula: coluna 0 = personagem no canvas, coluna 1 = ilustracao gerada.\n// Folha unica em vez de 6 arquivos porque o recorte por background-position ja e o idioma do\n// projeto (as thumbs de item fazem igual) e o layout continua todo no DOM, com a seta e o\n// espacamento nitidos em vez de assados numa imagem.\n// As capturas entram COMO ESTAO: recorte quadrado em torno do personagem, na resolucao nativa\n// do arquivo (224px). Nada de editar pixel nem de trocar fundo.\n// Dois erros meus aqui, os dois por fazer alem do pedido:\n// 1. cortei as guias por alfa e o corte comeu a borda do proprio sprite;\n// 2. ampliei o recorte de 216 para 320 com nearest e o browser reduzia de volta para 120 --\n// dois reamostramentos em cima da arte, que e de onde vinha o serrilhado.\n// Agora e so recorte, e a unica escala e a reducao do browser (224 -> 120), que e limpa.\nconst SHOWCASE='https://bigaton-playground.data2.media/file/9mAOpjoxA5KNMamYtqutg';\nconst PP_TILE=120; // celula exibida; a folha e escalada por background-size na mesma proporcao\n// Contador de imagens EM VOO. `s.carregando` cobre so os fetch explicitos (indice, bloco); os\n// atlas entram por ls;i--)ciclo.push(i);\n return{intro,ciclo,modo};\n}\n// Duracao de um frame: o delay do WZ dividido pelo multiplicador da tabela (actionSpeed 1 = o\n// tempo original do jogo, 2 = o dobro da velocidade). Mesma forma que o ItemEff ja usava.\nfunction duracao(a,i){\n const r=ACT[a];\n const fd=r&&r.frameDelays;\n const d=(fd&&fd.length)?fd[Math.min(i,fd.length-1)]:PASSO_PADRAO;\n const v=(r&&Number(r.actionSpeed)>0)?Number(r.actionSpeed):1;\n return Math.max(16,(Number(d)||PASSO_PADRAO)/v);\n}\n// AQUI O PREVIEW DIVERGE DO mcbuilder DE PROPOSITO. La o `playback:'once'` da tabela e regra de\n// jogo e o golpe toca uma vez so. Aqui isto e ferramenta de INSPECAO: no modo 'loop' tudo repete,\n// inclusive os ataques, porque olhar um golpe girando e o ponto. A tabela continua mandando na\n// SEQUENCIA (intro + pingpong via loopStart) e na DURACAO de cada frame -- o modo so decide se\n// repete ou nao. 'uma' = Play Once: percorre intro+ciclo inteiros e avisa `terminou` para o\n// preview voltar ao frame 0 e parar.\nfunction frameNoTempo(a,n,ms,modo){\n const {intro,ciclo}=sequencia(a,n);\n const passos=intro.concat(ciclo);\n if(!passos.length)return{frame:0,terminou:true};\n let t=ms;\n if(modo==='uma'){\n for(const f of passos){const d=duracao(a,f);if(t{EMVOO=Math.max(0,EMVOO-1);};im.addEventListener('load',fim,{once:true});im.addEventListener('error',fim,{once:true});return im;}\nfunction imgBase(sk,p){if(IMGBASE[p])return IMGBASE[p];const v=(sk.pix||{})[p];if(!v)return null;const im=new Image();im.src=v;IMGBASE[p]=conta(im);return im;}\n// Troca o sprite da FACE pela expressao escolhida. Se a face nao tiver aquela expressao, nao faz\n// nada e o default continua -- e o mesmo fallback do engine local, e evita que um emote exotico\n// (3 faces tem `bangle`/`setback`/`wickedness`) apague o rosto.\nfunction trocaEmote(L,faceId,emote){\n if(!emote||emote==='default'||!faceId)return;\n const gr=META[faceId]&&META[faceId].geoRef;\n const nome=EMOTEIDX&&EMOTEIDX.blocos&&EMOTEIDX.blocos[gr];\n const bl=nome&&EMOTEGR[nome];\n const seq=bl&&bl.faces&&bl.faces[faceId]&&bl.faces[faceId][emote];\n if(!seq||!seq.length)return;\n // relogio proprio, como o ItemEff: a expressao anima independente do frame do corpo\n const dur=i=>Math.max(seq[i][3]||100, i===0?EMOTE_PAUSA:0);\n let ciclo=0;for(let i=0;i apis -> files), inclusive no\n// 200 final, entao pedir CORS aqui nao quebra o carregamento.\nfunction img(ref){if(!ref)return null;if(IMG[ref])return IMG[ref];const im=new Image();im.crossOrigin='anonymous';im.src=MEDIA+ref;IMG[ref]=conta(im);return im;}\n\nfunction pagina(s){\n const q=(s.q||'').trim().toLowerCase();\n const lista=q?(s.cat||[]).filter(r=>(r.busca||'').indexOf(q)>=0):(s.cat||[]);\n const paginas=Math.max(1,Math.ceil(lista.length/POR_PAGINA));\n const pag=Math.min(s.pag||0,paginas-1);\n return{q,lista,paginas,pag,fatia:lista.slice(pag*POR_PAGINA,pag*POR_PAGINA+POR_PAGINA)};\n}\n\n// O item e indexado pela CHAVE DE FRAME DO CORPO (`fr`), nunca por posicao na lista de chaves.\n// Em 36.296 pares (item,acao) o item NAO tem todos os frames -- a peca some naquele frame porque\n// o corpo a esconde (swingOF/swingTF giram de costas: sem face; varias swings escondem a mao).\n// Indexar por posicao com modulo, como estava, desalinhava tudo: no frame 0 desenhava o frame 1,\n// e num frame em que a peca deveria SUMIR desenhava o sprite de outro frame na ancora daquele\n// outro frame -- e por isso a face/glove aparecia \"torta\" nessas acoes.\n// Ausente = nao desenha. E a mesma regra do engine local: `(geo[acao]||{})[frame]||[]`.\n// ItemEff: um grupo por elemento do efeito, cada um com ciclo proprio percorrido pelo relogio.\nfunction camadasEfItem(item,acao,fr,L){\n const ei=item.ei;if(!ei||!ei.e||!ei.e.p)return;\n const refs=(ei.e.q||{})[acao], anc=((ei.e.a||{})[acao]||{})[fr];\n if(!refs||!anc)return;\n for(let gi=0;gi sprite no atlas do proprio item,\n // e `s['0']` diz QUAL camada e a trocavel. A troca e por IDENTIDADE com esse indice, nunca por\n // nome de arquivo -- mesma regra do engine local. Sem `s`, ou sem variante para a skin atual,\n // o sprite e o de sempre; por isso os 17.255 cabelos sem variante nao pagam nada aqui.\n const sv=item.s,alvo=sv?sv['0']:-1;\n // STANCE 49 -- a pose em que a arma e segurada na OUTRA mao; as armas de cash usam para cobrir\n // gun. `o` guarda so o diff POR ACAO, e acao ausente em `o` significa \"identica a `g`\": cair em\n // `g` e o comportamento CERTO, nao uma falha. So arma declara `o` (1.829 nos blocos publicados).\n // A troca e por ACAO INTEIRA, nunca merge frame a frame: medido, 46 pares (item,acao) existem em\n // `o` e NAO em `g` -- com a stance ligada a arma desenha onde normalmente nao desenharia, e um\n // merge por frame perderia exatamente esses.\n const go=(st49&&item.geo.o&&item.geo.o[acao])?item.geo.o[acao]:(item.geo.g[acao]||{});\n for(const c of (go[fr]||[])){\n if(ex&&ex[c[0]])continue;\n let si=c[0];\n if(sv&&si===alvo&&sv[vskin]!=null)si=sv[vskin];\n // 5o elemento = largura do sprite, presente SO em item `noflip` (medido: 1 item na base\n // inteira). Cuidado: nas camadas da BASE o 5o elemento e a chave da parte, nao largura --\n // por isso `nfw` so e lido aqui, nunca no laco da skin.\n const uv=item.uv[si];if(uv)L.push({ref:item.atlasRef,uv:uv,x:c[1],y:c[2],zi:c[3],dono:dono,nfw:(c.length>4?c[4]:0)});}\n if(efItem)camadasEfItem(item,acao,fr,L);\n // atlasEfRef sai do META (efRef do idx). Uma arma RESTAURADA do cache e carregada ANTES do\n // indice da categoria, entao o carregaItem a deixou sem ref e marcada como pronta -- o efeito\n // nunca mais aparecia (QA 10/09). Resolve aqui, quando o indice ja chegou, e memoriza.\n if(efeito&&item.geoEf&&!item.atlasEfRef&&META[dono]&&META[dono].efRef)item.atlasEfRef=META[dono].efRef;\n if(efeito&&item.geoEf&&item.atlasEfRef){\n for(const c of ((item.geoEf.g[acao]||{})[fr]||[])){const uv=item.uvEf[c[0]];if(uv)L.push({ref:item.atlasEfRef,uv:uv,x:c[1],y:c[2],zi:c[3],dono:dono});}}\n}\nfunction compor(sk,equip,acao,frame,efeito,efItem,st49,orelha,emote){\n const gk=keys(sk.geo,acao);if(!gk.length)return{L:[],fr:'0',n:0};\n const fr=gk[((frame%gk.length)+gk.length)%gk.length];\n const esconder={};\n for(const slot in equip){const it=ITENS[equip[slot]];if(!it)continue;const h=((it.geo.h||{})[acao]||{})[fr]||[];for(const k of h)esconder[k]=1;}\n let L=[];\n for(const c of (sk.geo[acao][fr]||[])){\n if(esconder[c[4]])continue;\n // Troca SO o sprite, o offset e o zi da camada da orelha -- a CHAVE DE PARTE continua\n // `...|humanEar` de proposito: e ela que o `h` dos itens usa para esconder a orelha\n // (mascara, capacete). Mudar a chave faria o chapeu deixar de esconder a orelha elfica.\n if(orelha&&orelha!=='humanEar'&&String(c[4]).slice(-9)==='|humanEar'){\n const ad=ORELHAS&&ORELHAS.skins&&ORELHAS.skins[sk.skinId];\n const e=ad&&ad[orelha];\n if(e){\n // a chave carrega o id da SKIN: o cache IMGBASE e por caminho, e sem isso duas skins\n // com a mesma orelha colidiriam no cache e a segunda desenharia o sprite da primeira.\n const k='__orelha__'+sk.skinId+'__'+orelha;\n if(!sk.pix[k])sk.pix[k]=e.px;\n L.push({base:k,x:c[1]+e.d[0],y:c[2]+e.d[1],zi:e.zi,dono:'base'});\n continue;\n }\n }\n L.push({base:c[0],x:c[1],y:c[2],zi:c[3],dono:'base'});\n }\n const vskin=String(parseInt(sk.skinId,10)-2000);\n for(const slot in equip){const it=ITENS[equip[slot]];if(it)camadasItem(it,acao,fr,efeito,efItem,L,vskin,st49);}\n trocaEmote(L,equip.face,emote);\n // VSLOT -- a MESMA regra do engine local (preview.html): o chapeu declara os codigos de smap\n // que ele OCUPA; toda camada de OUTRO item cujo zi mapeia para um desses codigos some. O proprio\n // cap e a base sao isentos (a base ja veio resolvida pelo `h`). E so por isso que o cabelo troca\n // de silhueta debaixo do chapeu -- nao existe sprite alternativo, existe camada escondida.\n let ocultas=0;\n const capId=equip.cap;\n if(capId&&ZI2SMAP){\n const v=(META[capId]&&META[capId].vs)||'';\n if(v){\n const occ=Object.create(null);\n for(let i=0;i{\n if(c.dono===capId||c.dono==='base')return true;\n const cod=(c.zi>=0&&c.zib.zi-a.zi);\n return{L,fr,n:gk.length,ocultas};\n}\n\nexport default {\n css:`\n /* TEMA CLARO (01/09, pedido do usuario): painel #eeeeee sobre pagina #E6E1CE. Os tokens\n inverteram inteiros -- texto escuro, linhas claras -- e o azul de acento escureceu, porque\n o #6c8cff sumia sobre cartao claro.\n --poco e --wells sao o MATERIAL do slot, extraido do artboard Testes_mc valor por valor. */\n .wrap{--bg:#e6e1ce;--bg2:#eeeeee;--pan:#e5e5e5;--lin:#d3d3d3;--txt:#23232a;--dim:#6a6a76;\n --ac:#3f5fd0;--ac2:#8a5fd0;--warn:#9a6b00;--neon:#ddfe01;\n /* o ciano subiu para ca porque agora tem DOIS consumidores: o botao Randomize e a aba\n ativa do navegador de itens. Os outros dois tokens da familia (--cia3 do pressionado e\n --ciarel do relevo) continuam no .pill, que e o unico que os usa. */\n --cia:linear-gradient(180deg,#57bde0 0%,#3ba7d1 46%,#2a8cb8 100%);\n /* O corpo escuro e a LUZ DE BORDA subiram junto, pelo mesmo motivo: o painel de itens\n passou a usar o mesmo material do botao escuro (01/09).\n A separacao entre --escluz e a sombra projetada nao e arrumacao. A luz de borda e um\n fio de 1px em cima e outro embaixo: ela descreve a ESPESSURA da peca e vale igual num\n botao de 26px e num painel de 800. A sombra projetada descreve a distancia ate o fundo\n e escala com o tamanho -- 2px somem debaixo de um painel. Por isso o token compartilha\n a primeira e cada peca declara a sua segunda. */\n --esc:linear-gradient(180deg,#4e5867 0%,#424c5a 46%,#333b47 100%);\n --escluz:inset 0 1px 0 #ffffff36,inset 0 -1px 0 #00000059;\n /* Mesmo material, tom CINZA: e o que a referencia usa nas abas inativas -- claro o\n bastante para destacar do painel, escuro o bastante para o texto branco assentar. */\n --cin:linear-gradient(180deg,#7c8188 0%,#6c7178 46%,#575c63 100%);\n --cin2:linear-gradient(180deg,#8b9198 0%,#7b8188 46%,#666c73 100%);\n --poco:#cdcdcd;\n --wells:inset 0 16px 11px -21px rgba(0,0,0,.49),inset 16px 0 11px -21px rgba(0,0,0,.49),inset -16px 0 11px -21px rgba(0,0,0,.49);\n --side:560px;\n height:100%;display:flex;justify-content:center;align-items:stretch;\n padding:22px 24px;box-sizing:border-box;background:var(--bg);\n color:var(--txt);font:13px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}\n /* O ESBOCO nao ocupa a tela toda: sao 738px de conteudo num quadro de 1366, com margem dos\n dois lados. Por isso max-width + centralizacao, em vez do grid colado nas bordas. */\n /* Larguras do ESBOCO, nao esticadas: la o painel esquerdo tem 338 e o direito 385, e o\n esquerdo e o mais ESTREITO dos dois. 356 = os 332 do anel + 12 de folga de cada lado.\n Somando com o respiro: 356 + 16 + 392 = 764, que centralizado num 1366 deixa 300px de\n margem de cada lado. E esse vazio lateral que o usuario pediu. */\n /* +50% no visor e +25% no painel direito (01/09). Esquerdo = 498 do anel + 12 de folga de cada\n lado = 522. Direito = 392 x 1,25 = 490. Total 522 + 16 + 490 = 1028. */\n /* Larguras de 01/09: a folga lateral DENTRO do painel esquerdo dobrou (de 11 para 22px de cada\n lado), entao a coluna cresceu junto -- o anel tem 498px fixos e nao pode encolher, quem cede\n e a moldura. 544 = 498 do anel mais 22 de cada lado mais as duas bordas.\n O respiro ENTRE os paineis tambem dobrou, de 16 para 32. Total: 544 + 32 + 490 = 1066. */\n .app{display:grid;grid-template-columns:544px var(--side);gap:32px;\n width:100%;max-width:1136px;min-height:0}\n /* a faixa do titulo saiu: sobraram visor e opcoes */\n .esq{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;min-width:0;\n background:var(--bg2);border:1px solid var(--lin);border-radius:16px}\n\n /* CSS REMOVIDO EM 01/09, depois de uma varredura que dirigiu o app por todos os estados e\n comparou as classes que o CSS declara com as que chegam a existir no DOM. Sairam daqui:\n .top .mark .tit (a faixa de titulo, tirada no redesenho), .equip e filhos (a coluna de\n equipados, que virou o anel), .grp (o painel direito passou a usar .abas e .invcx), .badgec\n (a celula da grade nao desenha mais o cracha) e .mestre.vazio (nunca foi emitida).\n FICARAM DE PROPOSITO .portbox e .portimg: sao da geracao de ilustracao, que esta em espera,\n e voltam com ela. */\n\n /* palco ----------------------------------------------------------------- */\n /* VISOR: o anel de equipados em volta do personagem, copiado do esboco (artboard Testes_mc).\n A celula tem 44px porque a THUMB tem 44px, e isso e decisao registrada -- o anel se ajusta\n a ela, nunca o contrario. Fileira de baixo: 7x44 + 6x4 = 332. As colunas laterais tem 4\n celulas, entao sobra para o palco 332 - 2x48 = 236 de largura e 4x44 + 3x4 = 188 de altura.\n E MUITO menor que os 1228x892 de antes, que era o pedido. */\n /* O visor desce ~20% da altura da tela, deixando a faixa de cima vazia por enquanto (pedido\n de 01/09). clamp para nao empurrar tudo para fora numa janela baixa. */\n /* metade do que era: 20vh derrubou o visor longe demais */\n .visor{padding:clamp(24px,10vh,95px) 0 14px;display:flex;justify-content:center}\n .anel{display:flex;flex-direction:column;gap:6px;width:498px}\n .anelcima{display:grid;grid-template-columns:66px 1fr 66px;grid-template-rows:repeat(4,66px);gap:6px}\n .anelbaixo{display:grid;grid-template-columns:repeat(7,66px);gap:6px}\n /* Posicao EXPLICITA. Auto-placement encheria linha a linha e as 4 celulas da esquerda cairiam\n lado a lado na primeira linha. Os filhos sao, em ordem: 4 da esquerda, o palco, 4 da direita. */\n .anelcima>*:nth-child(1){grid-column:1;grid-row:1}\n .anelcima>*:nth-child(2){grid-column:1;grid-row:2}\n .anelcima>*:nth-child(3){grid-column:1;grid-row:3}\n .anelcima>*:nth-child(4){grid-column:1;grid-row:4}\n .anelcima>*:nth-child(6){grid-column:3;grid-row:1}\n .anelcima>*:nth-child(7){grid-column:3;grid-row:2}\n .anelcima>*:nth-child(8){grid-column:3;grid-row:3}\n .anelcima>*:nth-child(9){grid-column:3;grid-row:4}\n /* O palco usa o MESMO material das celulas: no esboco a caixa do personagem e o anel sao a\n mesma peca rebaixada. O azul de la era marcador (30% de opacidade, com CHARACTER HERE\n escrito dentro), nao escolha de cor. */\n /* Fundo do cartao de personagem, seguindo a referencia: VERTICAL, so rosa e azul, bem de leve.\n A versao anterior tinha quatro radiais nos cantos, com menta e pessego -- foi trocada porque\n o usuario so queria os dois tons, e no eixo vertical.\n A segunda camada e a BORDA acompanhando, que a referencia tambem tem: em vez de um contorno\n de cor solida (que nao existe la), sao as laterais puxando de leve para o escuro. Ela vem\n ANTES no empilhamento porque em CSS o primeiro background fica por CIMA. */\n .palco{grid-column:2;grid-row:1/span 4;position:relative;overflow:hidden;border-radius:3px;\n box-shadow:var(--wells);cursor:grab;\n background:\n linear-gradient(90deg,#0000000a 0%,#00000000 9%,#00000000 91%,#0000000a 100%),\n linear-gradient(180deg,#fdeaf1 0%,#fefafc 35%,#fafcfe 62%,#e9f1fa 100%)}\n .palco:active{cursor:grabbing}\n .reset{position:absolute;right:6px;top:6px;width:26px;height:26px;padding:0;z-index:2;\n display:flex;align-items:center;justify-content:center;color:#5c5c66;\n background:#ffffffc4;border-color:#0000001f}\n .reset:hover{background:#fff;color:var(--txt);border-color:#00000033}\n .reset .lk{width:15px;height:15px}\n /* Esconder o anel COLAPSA as laterais e a fileira, e o palco fica com os 332x236 inteiros.\n Deixar as celulas invisiveis mas ocupando lugar seria pior: o toggle e explicito, entao\n recuperar a area E o ponto dele. */\n .anel.off .anelcima{grid-template-columns:0 1fr 0;grid-template-rows:repeat(5,66px);column-gap:0}\n .anel.off .palco{grid-row:1/span 5}\n .anel.off .anelbaixo,.anel.off .slot{display:none}\n /* MATERIAL DO SLOT, copiado do artboard Testes_mc valor por valor: fill rgba(205,205,205,1),\n SEM borda, raio 3, e TRES sombras internas iguais (blur 11, spread -21, preto 49%) vindas de\n cima, da esquerda e da direita -- um poco aberto embaixo. Vale SEMPRE, equipado ou vazio,\n que foi o pedido. ATENCAO: nada de crase neste bloco, ele inteiro e um template literal --\n foi a QUARTA vez que uma crase num comentario derrubou este componente.\n O seletor usa DUAS classes de proposito: com uma so, a regra generica do\n .eqi (o cartao claro da coluna antiga) venceria pela ordem do arquivo. */\n .slot,.slot.eqi{width:66px;height:66px;position:relative;\n background:var(--poco);border:0;border-radius:3px;box-shadow:var(--wells)}\n /* O icone precisa PREENCHER a celula na mesma proporcao da grade de itens, que e onde ele ja\n aparecia no tamanho certo. La a celula mede ~50px para um recorte de 52; aqui a celula tem\n 66, entao 52 x 1,25 = 65 fecha a mesma leitura.\n Tres classes de proposito: as regras de .eqi e de .skbtn tem duas cada e ganhariam pela ordem\n do arquivo, deixando o icone no scale(.8) antigo. Era essa a causa de eles saírem pequenos. */\n /* TAMANHO NATIVO, sem escala. Pixel art so amplia sem artefato em fator INTEIRO: 52 -> 65 e\n 1,25x, que serrilha (uns pixels viram 1, outros 2) E ainda encosta nas bordas dos 66,\n cortando cabelo e rosto, que sao os recortes que usam a celula inteira. Em 1x sobram 7px de\n folga de cada lado e o pixel fica exato. */\n /* FILHO DIRETO. Com descendente (.anel .slot .thc) esta regra tambem pegava as celulas do\n POPUP de skin, que vivem dentro do .slot -- e com tres classes ela vencia o scale(.5) delas.\n Era por isso que as cabecas do popup saiam grandes. */\n .anel .slot>.thc{transform:none;image-rendering:pixelated}\n .slot .olho{width:28px;height:28px}\n .slot .x{width:18px;height:18px;line-height:17px;font-size:10px}\n .slot .cad .lk{width:26px;height:26px}\n .slot .semic{width:52px;height:52px}\n /* O seletor de skin e um BOTAO proprio dentro do poco, com a mesma cara das thumbs da grade\n de itens -- e o que o usuario pediu depois de ver a versao chapada. */\n /* A celula da skin NAO usa o poco: o botao ocupa o espaco inteiro e e ele o cartao. Ter um\n cartao de 56 dentro de um poco de 66 desenhava caixa dentro de caixa e cortava a borda. */\n .slot.skwrap{overflow:visible;background:none;box-shadow:none}\n /* Alinhado com a fileira, mas com VOLUME: o raio 3 chapado ficou seco demais. Raio 6 e uma\n sombra curta por fora mais um brilho de 1px por dentro dao relevo sem inflar a caixa --\n era o drop shadow largo do raio 8 que fazia ele parecer maior que os vizinhos. */\n .slot .skbtn{position:absolute;inset:0;width:auto;height:auto;padding:0;\n border:1px solid #cdcdd6;border-radius:6px;\n background:linear-gradient(180deg,#ffffff,#ebebf0);\n box-shadow:0 1px 2px #00000026,inset 0 1px 0 #ffffff}\n .slot .skbtn:hover{border-color:var(--ac);background:linear-gradient(180deg,#ffffff,#f2f4ff);\n box-shadow:0 2px 5px -1px #0000002e,inset 0 1px 0 #ffffff}\n\n /* Celula VAZIA mostra o nome do slot. O nome some quando ha peca equipada, a pedido: a arte\n ja diz o que e, e a celula nao comporta rotulo e sprite ao mesmo tempo sem cortar um dos dois.\n Nao precisa mais ser flex: o rotulo saiu do fluxo (ver .slab). */\n .vaz{cursor:pointer;transition:background .12s}\n .vaz:hover{background:#d7d7d7}\n /* HOVER e CLIQUE dos slots do anel (pedido de 01/09). O halo e SOMADO depois de var(--wells),\n nunca no lugar dele: box-shadow e uma lista, e trocar a lista apagaria o relevo do poco, que\n e a identidade que o usuario extraiu do esboco.\n O :not(.skwrap) tira a celula da skin, que nao tem poco -- ela e so o berco do botao, e um\n halo nela desenharia caixa em volta de caixa. */\n /* NAO existe halo de hover nos slots do anel. Ele foi pedido, implementado e RETIRADO (01/09),\n em dois passos: primeiro nos equipados, depois nos vazios. O motivo e o mesmo dos dois lados\n -- sobre o painel claro o brilho branco quase nao aparece, e o pouco que aparecia disputava\n com o sombreado do poco, que e a identidade que o usuario extraiu do esboco.\n O hover do slot vazio continua sendo o .vaz:hover, que clareia o fundo, e o do equipado o veu\n com o icone. Nao reintroduzir sem uma cor que de contraste contra o #eeeeee. */\n\n /* O rotulo e system-ui, e agora esta ESCRITO assim. Antes esta linha pedia Sunflower e havia um\n @import do Google no topo deste css, os dois herdados do esboco -- e nenhum dos dois pintava\n nada: o css do componente e injetado no SHADOW DOM e face de fonte se resolve no DOCUMENTO.\n Medido no runtime (01/09): document.fonts nao tinha a familia e o rotulo media 38,4px, que e\n a metrica do fallback. Os dois sairam. Para uma fonte valer aqui e preciso registra-la por JS,\n com document.fonts.add -- nao basta declarar no css.\n COLADO NO CANTO SUPERIOR ESQUERDO, como no exemplo do usuario. Absoluto de proposito: assim o\n rotulo nao participa do layout da celula e nao disputa espaco com a arte -- e por isso que\n .vaz deixou de precisar ser flex. Medido: o mais largo (OFF-HAND) da 46,7px numa celula de 66,\n entao os 14 cabem numa linha so. */\n .slab{position:absolute;top:5px;left:6px;\n font:400 9px ui-sans-serif,system-ui;color:#f8f8f8;letter-spacing:.2px;\n line-height:1;white-space:nowrap;pointer-events:none;text-transform:uppercase}\n /* painel de opcoes: rola sozinho, o visor acima dele nunca encolhe */\n /* O padding lateral e 22px de PROPOSITO: e exatamente a folga que o anel tem no visor acima,\n entao as duas fileiras comecam e terminam na mesma coluna -- o Loop embaixo do CAPE e o Slots\n embaixo do SHOES.\n E POR ISSO O scrollbar-gutter SAIU. Ele reservava a barra de rolagem so do lado DIREITO, e\n eram esses ~15px que empurravam o Slots para dentro enquanto o Loop ficava alinhado: o painel\n parecia torto sem nada estar torto. O both-edges devolveria a simetria mas afastaria os dois\n lados do anel, que e o oposto do pedido.\n O QUE SE PERDE: se o conteudo passar da altura, a barra aparece e o conteudo desliza ~15px.\n Hoje sobram ~200px neste painel, entao nao acontece -- mas volta a valer se algo grande\n entrar aqui. */\n .opts{padding:0 22px 14px;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:9px}\n /* position:relative aqui e o que da ao popup de action a LINHA INTEIRA como referencia. Antes\n ele se media pela caixinha do ACTION, de 126px, e por isso nascia estreito e comprido. */\n .ohud{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;position:relative;--hudalt:62px}\n /* O data-d2-static mora no WRAPPER, nao no canvas. Ele impede o morph de mexer nos FILHOS do\n elemento marcado -- posto no proprio canvas nao protegia nada (canvas nao tem filhos) e o\n morph reaplicava o elemento a cada re-render, resetando o backing store para o default\n 300x150 do browser. Era essa a piscada. Contrato em code-component-lifecycle-traps secao 10.\n ATENCAO: nada de crase neste bloco -- ele inteiro e um template literal. */\n /* O canvas tem tamanho FIXO, do anel inteiro (498x354), ancorado no TOPO e centrado na\n horizontal. Ligar ou desligar os slots muda o tamanho do PALCO, nunca o do canvas -- ele so\n passa a ser mais ou menos recortado pelo overflow do palco.\n Por que assim: enquanto o canvas acompanhava o palco, cada toggle o redimensionava, e\n redimensionar canvas APAGA o bitmap e obriga a redesenhar. No quadro dessa troca dava para\n ver o personagem saltar. Com tamanho fixo a geometria do desenho e a mesma nos dois estados,\n entao nao existe quadro intermediario para piscar.\n Ancorado no TOPO e nao no centro de proposito: a borda de cima do palco e a unica que nao\n se move no toggle (ele cresce por baixo), e o eixo vertical do personagem ja e medido a\n partir dela. */\n .cvwrap{position:absolute;inset:auto;left:50%;top:0;transform:translateX(-50%);\n width:498px;height:354px}\n canvas.big{display:block;width:100%;height:100%;image-rendering:pixelated}\n\n /* barra ----------------------------------------------------------------- */\n /* equipados: dentro do palco, coluna a direita -- o painel lateral ficava comprido demais.\n A POSICAO da coluna mora la embaixo, em .eqcol. Aqui existia uma SEGUNDA copia da regra,\n com position:absolute, que o navegador ja descartava desde que a coluna virou filha do HUD.\n Duas copias da mesma regra e o erro que mais custou tempo neste projeto. */\n /* flex:none e a GARANTIA de que a thumb nunca muda de tamanho. A coluna e um flex vertical de\n altura limitada, e nela a altura e o eixo PRINCIPAL -- onde o flex-shrink padrao vale 1. Sem\n esta linha os 44px sao uma sugestao e existe caminho para o navegador espremer as pecas para\n caberem em vez de rolar. Decisao do usuario: tamanho fixo sempre, e rolagem quando faltar\n espaco. Thumb de pixel art em proporcao quebrada fica esquisita. */\n .eqi{position:relative;width:44px;height:44px;flex:none;border-radius:9px;overflow:hidden;\n background:linear-gradient(180deg,#fbfbfd,#e7e7ec);border:1px solid #ffffff26;\n display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px -2px #000a}\n /* mesmo caso do .skbtn: 52px de celula num container de 44px, o flex encolhia e cortava a\n direita da thumb. Defeito antigo, achado ao medir o seletor de skin. */\n .eqi .thc{flex:none;transform:scale(.8);transform-origin:center}\n .eqi .x{position:absolute;top:0;right:0;width:15px;height:15px;line-height:14px;text-align:center;\n font:700 9px ui-sans-serif,system-ui;color:#fff;background:#e04a4a;border-bottom-left-radius:7px;\n cursor:pointer;opacity:0;transition:opacity .1s}\n .eqi:hover .x{opacity:1}\n .eqi .semic{width:40px;height:40px;border:0}\n .barra{display:flex;gap:7px;align-items:center;flex-wrap:wrap}\n /* As regras do .chk sairam (01/09): Gun Stance deixou de ser checkbox e virou um toggle igual\n ao Flip. Some junto todo o trabalho de desfazer o padding, a borda e o fundo que a regra\n generica de input impunha ao controle nativo. */\n /* PILL -- o padrao das referencias que o usuario mandou (01/09): capsula escura sobre o painel\n claro, borda 1px mais clara que o corpo, icone colorido e o CONTEUDO acendendo no hover.\n Por enquanto so o Loop e o Once usam; o resto da barra fica no estilo antigo ate convertermos.\n Uma classe so ja basta para ganhar da regra generica de button, que e seletor de ELEMENTO --\n mas os estados dela nao: button.on e button:hover tem uma classe cada, entao .pill.on e\n .pill:hover precisam existir ou o botao ligado volta a ser o azul de sempre. */\n /* O MATERIAL mora em variaveis porque ele reaparece em normal, hover, ligado e pressionado.\n Este arquivo ja perdeu tempo caro com duas copias da mesma regra saindo de sincronia --\n variavel e o jeito de a copia nao existir.\n Relevo copiado da referencia do botao de interrogacao (01/09): a peca nao e chapada, ela tem\n LUZ EM CIMA e SOMBRA EMBAIXO. Sao tres camadas e cada uma faz uma coisa -- um fio de luz de\n 1px no topo, um fio escuro de 1px embaixo (a espessura da peca) e uma sombra curta projetada,\n que e o que descola o botao do painel.\n DUAS PALETAS: esc* e a capsula escura (Loop, Once) e cla* e a clara (Weapon FX, Item FX, da\n segunda referencia). Elas ficam guardadas aqui como tokens crus, e --corpo/--relevo/--borda\n apenas APONTAM para uma delas. Trocar de pele passa a ser um seletor que reaponta as setas,\n sem reescrever nenhum valor -- e por isso normal, hover e pressionado se re-skinam juntos e\n de graca. */\n .pill{--esc3:linear-gradient(180deg,#333b47 0%,#3f4855 54%,#4a5462 100%);\n --escrel:var(--escluz),0 2px 4px -1px #0000005e;\n --cla:linear-gradient(180deg,#d2d6da 0%,#c1c6cc 46%,#aab0b7 100%);\n --cla3:linear-gradient(180deg,#aab0b7 0%,#bcc1c7 54%,#ccd0d5 100%);\n --clarel:inset 0 1px 0 #ffffffa6,inset 0 -1px 0 #00000038,0 2px 4px -1px #00000042;\n --cia3:linear-gradient(180deg,#2a8cb8 0%,#369ec8 54%,#48b2d8 100%);\n --ciarel:inset 0 1px 0 #ffffff59,inset 0 -1px 0 #00000047,0 2px 4px -1px #00000047;\n --corpo:var(--esc);--corpo3:var(--esc3);--relevo:var(--escrel);\n --borda:#232932;--tinta:#d5dae1;--tinta2:#ffffff;--halo1:#ffffff;--halo2:#ffffff8c;\n display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;\n height:26px;padding:0 11px;border-radius:999px;line-height:1;\n border:1px solid var(--borda);color:var(--tinta);\n background:var(--corpo);box-shadow:var(--relevo);\n transition:background .12s,color .12s,text-shadow .12s}\n /* SO O ICONE: a largura se ajusta ao icone, como pedido. */\n .pill.so{width:34px;padding:0;gap:0}\n /* O Loop e 50% mais comprido que o Once (34 x 1,5 = 51), a pedido. Tres classes de proposito,\n e nao duas: com .pill.play ele empataria com .pill.so e passaria a depender da ordem das\n linhas, que e a armadilha que este bloco ja documenta la embaixo no :active. */\n .pill.so.play{width:51px}\n /* Os dois do zoom sao CIRCULOS, nao capsulas: largura igual a altura (26) com o mesmo raio de\n 999px ja fecha a circunferencia, sem precisar de border-radius proprio. Tres classes, entao\n ganham do .pill.so de duas por especificidade e nao por ordem das linhas. */\n .pill.so.zm,.pill.so.zp,.pill.so.anelbtn,.pill.so.pp,.pill.so.np,\n .pill.so.pf,.pill.so.ul{width:26px}\n /* QUADRADINHO: a forma dos frames, da referencia. Nem capsula nem circulo -- um ladrilho de\n canto suave. Precisa declarar o raio proprio porque o .pill nasce com 999px, que e o que\n arredonda os outros ate virarem pilula. */\n .pill.qd{width:22px;height:22px;padding:0;gap:0;border-radius:5px;font-size:10px}\n /* A cor do icone e PRESA aqui, em vez de herdada do botao. Assim cada estado declara o que o\n icone faz -- repouso cinza, hover branco, ligado verde -- e o verde nao depende de ordem de\n heranca para sobreviver. */\n /* 14 e nao 13: PARIDADE. O botao mede 26 e a sobra e (26-13)/2 = 6,5 -- meio pixel que o\n navegador resolve arredondando para baixo, e o icone nasce 1px abaixo do centro em TODOS os\n botoes redondos. Medido em 02/09: caixa do botao com centro em 490, caixa do icone em 490,5.\n Com 14 a sobra vira 6 exatos e o centro coincide. Regra geral para esta interface: icone par\n em caixa par, impar em caixa impar -- o tamanho se escolhe pela paridade, nao pelo gosto. */\n .pill .lk{width:14px;height:14px;color:var(--tinta);transition:color .12s,filter .12s}\n /* Icone de TRACO (o olho). O .lk global desenha por preenchimento; estes sao contorno, entao\n precisam desfazer o fill e ligar o stroke. Duas classes, entao ganha do .lk de uma. */\n .pill .lkt{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n /* HOVER: ACENDE O CONTEUDO E MAIS NADA. Nem fundo, nem borda, nem relevo, nem posicao -- o\n botao fica absolutamente parado e so a lampada do meio liga.\n As tres primeiras declaracoes parecem redundantes e NAO sao: elas repetem o estado de repouso\n para BLOQUEAR as regras genericas de button. O seletor button:hover tem um ELEMENTO a mais na\n especificidade que .pill, entao ele vence -- era ele que clareava a borda para #a9a9b6 e o\n fundo para branco no hover, e era isso que dava a impressao de o botao ja estar sendo\n clicado. Vao por variavel para nao virarem uma segunda copia dos valores. */\n .pill:hover{background:var(--corpo);border-color:var(--borda);box-shadow:var(--relevo);\n color:var(--tinta2);text-shadow:0 0 2px var(--halo1),0 0 5px var(--halo2)}\n /* O ICONE acende com o MESMO desenho de luz do texto: nucleo solido de 2px colado no glifo mais\n uma difusao curta de 4px. Dois drop-shadow encadeados porque a funcao aceita uma sombra cada,\n e drop-shadow e nao text-shadow porque SVG nao responde a text-shadow.\n O que incomodava antes era o BLUR, nao o icone acender: era um halo de 5px sem nucleo, que\n borrava a peca inteira. Nos botoes so-de-icone esta e a unica lampada que existe -- sem ela\n eles ficam sem retorno nenhum de hover. */\n .pill:hover .lk{color:#ffffff;filter:drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 4px #ffffff73)}\n\n /* LIGADO = icone ACESO no tom #ddfe01 (escolhido pelo usuario em 01/09).\n So o ICONE muda de cor: repintar a capsula faria o estado ligado virar outro componente\n visual, em vez de o mesmo botao aceso. As duas linhas de corpo aqui existem so para desfazer\n o azul do button.on generico, que tem uma classe e ganharia. */\n .pill.on{background:var(--corpo);box-shadow:var(--relevo);border-color:var(--borda);\n color:var(--tinta)}\n /* mesmo bloqueio, para o button.on:hover generico nao devolver o azul */\n .pill.on:hover{background:var(--corpo);border-color:var(--borda);box-shadow:var(--relevo)}\n /* Empatado em especificidade com .pill:hover .lk (tres classes cada); vem DEPOIS no arquivo, e\n por isso o icone ligado nao vira branco ao passar o mouse. */\n .pill.on .lk{color:#ddfe01;filter:drop-shadow(0 0 5px #ddfe01b3)}\n /* ACESO + HOVER: a mesma lampada, mais forte, no MESMO tom -- nucleo solido colado no glifo e\n halo mais longo. Quatro classes, entao ganha das duas regras acima por especificidade e nao\n por ordem. Sem esta regra o estado ligado era o unico sem retorno de hover. */\n .pill.on:hover .lk{color:#ddfe01;\n filter:drop-shadow(0 0 2px #ddfe01) drop-shadow(0 0 7px #ddfe01)}\n /* VARIANTE CLARA (Weapon FX, Item FX), da referencia: capsula de CINZA CLARO com o texto\n BRANCO. Nao e um botao branco de texto escuro -- essa foi a minha leitura errada na primeira\n tentativa, e o resultado ficou sem parentesco nenhum com a imagem.\n O cinza precisa ter CORPO para o branco assentar em cima: por isso o gradiente fecha em\n #aab0b7 e nao perto do branco. Foi isso que decidiu a escolha do tom, nao gosto.\n Nenhuma regra nova de fundo, relevo ou pressionado -- so as setas das variaveis mudando de\n alvo. E como agora o corpo e cinza e nao quase-branco, o halo branco APARECE: --halo1 e\n --halo2 ficam herdados do .pill de proposito, e o hover acende o texto aqui do mesmo jeito\n que acende na capsula escura. */\n .pill.claro{--corpo:var(--cla);--corpo3:var(--cla3);--relevo:var(--clarel);\n --borda:#8f959c;--tinta:#ffffff;--tinta2:#ffffff}\n /* VARIANTE CIANO (Randomize), da terceira referencia. Este botao NAO tem toggle: e uma acao,\n nao um estado, entao aqui existe so repouso, hover e pressionado -- nenhuma regra .on, e o\n tom nunca inverte.\n Terceira pele pelo mesmo mecanismo das outras: reaponta as setas e pronto. Nao ha uma linha\n de fundo, relevo, glow ou pressionado escrita de novo para ela. */\n .pill.ciano{--corpo:var(--cia);--corpo3:var(--cia3);--relevo:var(--ciarel);\n --borda:#1d6d94;--tinta:#ffffff;--tinta2:#ffffff}\n /* LIGADO, e aqui a pele INVERTE: volta para a capsula escura, porque o pedido e que as palavras\n fiquem BRANCAS -- e branco sobre corpo claro nao existe. Reaponta as mesmas setas de volta\n para os tokens esc*, entao continua sem copia de valor nenhuma.\n Tres classes, entao ganha do .pill.claro de duas sem depender da ordem das linhas. */\n .pill.claro.on{--corpo:var(--esc);--corpo3:var(--esc3);--relevo:var(--escrel);\n --borda:#232932;--tinta:#ffffff;--tinta2:#ffffff;--halo1:#ffffff;--halo2:#ffffff8c}\n /* O rotulo e partido em dois SPANS porque so a sigla muda de cor quando ligado. Sem o span nao\n haveria onde pendurar a cor e a frase inteira viraria verde. */\n .pill.on .fx{color:#ddfe01}\n /* O ACESO destes botoes fica com o glow PERMANENTE, nao so no hover (pedido explicito): e o que\n faz o estado se ler sem o mouse estar em cima. Cada metade acende no proprio tom. */\n .pill.claro.on{text-shadow:0 0 2px var(--halo1),0 0 5px var(--halo2)}\n .pill.claro.on .fx{text-shadow:0 0 2px #ddfe01,0 0 5px #ddfe018c}\n /* Na familia CLARA o aceso e todo BRANCO -- o tom #ddfe01 fica so para o Loop e o Once, e para\n a sigla FX. Sem esta linha o olho do Slots herdaria o verde do .pill.on .lk generico.\n O Slots nao pode ficar aceso PARADO (pedido de 01/09), so no hover e no clique -- e por isso\n o filter:none explicito. Nao basta omitir o filter: a cascata resolve propriedade por\n propriedade, entao omitir aqui nao apaga nada, apenas entrega a propriedade ao .pill.on .lk\n de tres classes, que acende o olho de VERDE. Foi exatamente esse o erro na primeira\n tentativa, e a medicao pegou.\n E como o filter:none e de quatro classes, ele tambem venceria o hover de tres -- por isso a\n linha seguinte, de cinco, devolve o glow so quando o mouse esta em cima. */\n .pill.claro.on .lk{color:#ffffff;filter:none}\n .pill.claro.on:hover .lk{filter:drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 4px #ffffff73)}\n /* Os frames nao tem regra de tinta propria: numero BRANCO nos dois estados, herdado direto do\n .pill.claro como o Flip e o Weapon FX. Uma versao com numero escuro chegou a existir e foi\n revertida (01/09) -- ela tambem obrigava a desligar os halos, porque glow branco atras de\n texto escuro nao acende. */\n\n /* PRESSIONADO -- vale para os DOIS estados, apagado e aceso. E apertando o botao ACESO que se\n desliga, e ate 01/09 esse clique era o unico sem retorno nenhum.\n Quem afunda e o INTERIOR, nao o botao: o transform:none desfaz o translateY(1px) da regra\n generica de button, que descia a capsula inteira e parecia a pagina pulando.\n O resto sao duas partes que dependem uma da outra -- o gradiente INVERTE (claro embaixo,\n porque a luz passa a bater na parede de dentro) e a sombra projetada some, trocada por um fio\n branco colado na borda mais um halo curto. Sem inverter o gradiente, o halo sozinho parece\n selecao e nao pressao.\n ESTE BLOCO E O ULTIMO DO .pill DE PROPOSITO, e nao por arrumacao: .pill:active empata em\n especificidade com .pill:hover, e .pill.on:active empata com .pill.on:hover. Nos dois casos\n quem decide e a ORDEM -- e como se esta sempre com o mouse em cima na hora de clicar, o hover\n venceria e o pressionado nunca apareceria. Foi exatamente esse o defeito no estado aceso.\n Mover estas linhas para cima quebra o botao em silencio. */\n .pill:active,.pill.on:active{background:var(--corpo3);transform:none;\n box-shadow:0 0 0 1px #ffffff4d,0 0 7px 1px #ffffff33,\n inset 0 2px 3px #00000073,inset 0 -1px 0 #ffffff1a}\n /* os botoes do painel esquerdo encolheram um tico (pedido de 01/09). O .pill fica de fora: ele\n tem altura propria e ja nasceu no tamanho novo. */\n .opts .barra button:not(.pill):not(.mestre){padding:5px 9px;font-size:11.5px}\n /* randomize troca de rotulo: sem largura minima, a barra inteira desliza */\n .barra .rnd{min-width:122px}\n .barra .flip{min-width:52px}\n /* O indicador de zoom passou para ENTRE os dois botoes (pedido de 01/09). A largura minima nao\n e enfeite: o rotulo vai de uma para duas casas, e sem ela passar de 9x para 10x empurraria o\n botao de mais para a direita. A regra desta interface e que nada pula. */\n .zind{min-width:24px;text-align:center;margin:0 -3px}\n /* O Generate desceu para o RODAPE do painel (01/09), sozinho e alinhado a direita. O\n margin-top:auto so funciona porque .opts e flex column -- e a mesma mecanica do aviso legal\n do painel direito. Quando o conteudo passa da altura do painel o auto vira zero sozinho e a\n fileira volta a fluir no fim, sem sobrepor nada. */\n .barra .port{min-width:196px}\n .rodape{margin-top:auto;justify-content:flex-end}\n /* O src da imagem e 3,2 MB de data-URI. Ele NUNCA entra na string do render: o CONTINUA no DOM dentro\n do .fralab, e isso importa: ele e a GUARDA do laco de animacao, que compara o textContent\n antes de repintar o ladrilho ativo. display:none no pai nao mexe em textContent nem em\n querySelector, entao a guarda sobrevive -- por isso .fralab e nao um render condicional. */\n .frbox{min-width:0}\n .frbox .fralab{display:none}\n\n /* 8. O POPUP DE SKIN saia \"por tras do painel\". NAO era z-index: no mobile o .visor ganhou\n overflow-x:auto (item 3 aqui em cima) para o anel de 382 caber num 360, e um container que\n recorta em UM eixo recorta no OUTRO tambem -- overflow:visible computa para auto quando o\n par nao e visible. O popup nasce dentro do .visor, entao era cortado na borda de baixo.\n position:fixed tira ele do .visor de vez: nenhum ancestral tem transform ou will-change\n (o .eqi tem, mas nao e ancestral da celula de skin), entao ele se mede pela VIEWPORT.\n E o mesmo caminho que o .portwrap ja usa.\n FOLHA DE BAIXO, nao centrado: o unico jeito de FECHAR e reclicar o botao da skin, e um\n popup centrado cobriria justamente esse botao. Preso embaixo, o anel continua visivel.\n auto-fill de 55px porque a celula tem que ser MAIOR que os 52 do recorte -- pixel art nao\n reduz -- e assim o numero de colunas acompanha a largura do aparelho. */\n .skpop{position:fixed;left:8px;right:8px;bottom:8px;top:auto;transform:none;\n width:auto;max-width:none;max-height:44vh;z-index:60}\n .skgrade{grid-template-columns:repeat(auto-fill,55px);justify-content:center}\n }\n `,\n\n render(d2){\n const s=d2.state;\n if(s.erro)return `Failed${esc(s.erro)}
`;\n if(!s.pronto)return `Loading…${esc(s.etapa||'')}
`;\n const skr=SKINPIX[(s.skins[s.iSkin]||{}).id]||{};\n const acoes=ordenaAcoes(Object.keys(skr.geo||{}));\n const acao=s.acao&&acoes.indexOf(s.acao)>=0?s.acao:acoes[0];\n // quantos frames o CORPO tem nesta action -- a skin e a autoridade, nao o `frames` da tabela\n const nfr=keys(skr.geo,acao).length||1;\n const {lista,paginas,pag,fatia}=pagina(s);\n // Na aba All nao existe UMA categoria: o seletor de cor passa a valer para o slot do ultimo\n // item equipado (`corCat`), e o destaque da grade olha TODOS os equipados, nao um so.\n const corCat=s.catAtual==='all'?(s.corCat||'hair'):s.catAtual;\n const eqid=s.equip[corCat];\n const estilo=((IDX[corCat]||{}).items||[]).find(r=>r.cores&&r.cores.some(cc=>cc[0]===eqid));\n const EQIDS=Object.create(null);for(const k in s.equip)EQIDS[s.equip[k]]=1;\n // miniatura do equipado: META[variante] aponta para a linha do ESTILO, que e quem tem o `ic`;\n // as coords sao da folha da categoria daquele slot, por isso o sheet vem de IDX[slot].\n // UMA CELULA DO ANEL. Ela existe SEMPRE, equipada ou nao -- pedido do usuario, e e o que faz\n // o anel ser um mapa do personagem em vez de uma lista que cresce.\n // vazia -> nome do slot, e clicar leva a grade para aquela categoria\n // equipada -> vira `.eqi` e herda aparencia e handlers de sempre; o nome SOME, porque a\n // arte ja diz o que e e 44px nao cabem os dois sem cortar um.\n const celula=sl=>{\n if(sl==='__skin__'){\n const k=s.skins[s.iSkin]||{};\n return `${thSkin(k)} `+\n (s.skAberto?`
${s.skins.map((x,i)=>`${thSkin(x)} `).join('')}
`:'')+`
${esc(rot)}
`;\n const r=META[id],ix=IDX[sl],tc=THUMBCACHE[id];let th;\n if(r&&r.ic&&ix){const[sh,x,y,w,h]=r.ic;\n th=`${esc(String(id).slice(-4))} `;\n // Recorte vindo do CACHE, quando o indice da categoria ainda nao chegou. Reatribui `th`\n // em vez de virar um `else if` la em cima so para nao reescrever a linha do caminho\n // normal, que e a quente. A folha e remontada de MEDIA+ref (o ref foi validado por OKREF\n // na leitura) -- guardar a URL pronta seria injecao dentro do url(...) do style.\n if(tc&&tc.ic&&tc.sh&&!(r&&r.ic&&ix))th='${cadeado(!trav)} `:'';\n const tv=(!s.travaModo&&trav)?`${cadeado(false)} `:'';\n const est=oc?' · Hidden':(trav?' · Locked':'');\n const bx=s.travaModo?'':`✕ `;\n return `${th}${olho()}
`;\n };\n const frbox=`Frame– `+\n `
${Array.from({length:nfr},(x,i)=>`${i} `).join('')}
${g} ${ks.map(a=>`${esc(rotuloAcao(a))} `).join('')}
${esc(String((k&&k.id)||'').slice(-4))} `;\n // O ANEL. A ordem dos filhos de .anelcima importa: 4 da esquerda, o palco, 4 da direita --\n // e o que as regras de nth-child do CSS posicionam. O canvas mora aqui dentro, no meio.\n const anel=`\n
${ANEL_ESQ.map(celula).join('')}
${ANEL_DIR.map(celula).join('')}
\n
${ANEL_BAIXO.map(celula).join('')}
emote \n
${esc(capitaliza(emAtual))} ▾ \n ${s.emAberto?`
emote ${EMOTE_LISTA.map(t=>`${esc(capitaliza(t))} `).join('')}
`:''}
ears \n
${esc(ORELHA_ROT[orAtual]||orAtual)} ▾ \n ${s.orAberto?`
ears ${ORELHA_TIPOS.map(t=>`${esc(ORELHA_ROT[t]||t)} `).join('')}
`:''}
action \n
${esc(rotuloAcao(acao))} ▾ \n ${s.acAberto?`
${acgr}
`:''}
Hair Color ${PALETA.map((cor,dg)=>{\n const v=(estilo&&estilo.cores)?estilo.cores.find(cc=>Number(String(cc[0]).slice(-1))===dg):null;\n const dados=v?` data-id=\"${esc(v[0])}\" data-ref=\"${esc(v[1])}\" data-geo=\"${esc(estilo.geoRef)}\" data-cat=\"${esc(corCat)}\"`:'';\n return `
${orbox}${embox}${acbox}`+\n `
‹ `+\n `›
\n
\n
in development \n
Generate Custom Illustration
\n
We are working on reproducing the illustration generation from MapleStory, turning\n the character you assembled here into a drawn portrait. It is not there yet: likeness\n and framing still change between generations, so the button stays off for now.
\n
${[0,1,2].map(i=>`
`).join('')}
\n
Close \n
\n
\n
\n
\n
${anel}
\n
\n
\n ${icone(s.modo==='loop'?DPAUSE:DPLAY)} \n ${icone(DONCE)} \n ${iconeTraco(DMENOS)} ${s.zoom}× ${iconeTraco(DMAIS)} \n ${iconeTraco(s.anelOff?DOLHOON:DOLHO)} \n
\n ${opts}\n
\n Flip \n Weapon FX Item FX Gun Stance \n
\n ${corbox}\n
\n ${s.sorteando?'Randomizing…':'⚄ Randomize'} \n ${cadeado(false)} \n ${s.carregando?'Loading… ':''}\n ${s.diag?`${esc(s.diag)} `:''}\n
\n
\n Generate Custom Illustration \n
\n
\n
\n
\n ${[['all'].concat(CATS).slice(0,8),['all'].concat(CATS).slice(8)].map((cs,i)=>`
${cs.map(c=>`${ROTULO[c]||c} `).join('')}
`).join('')}\n
\n
\n ${lista.length}${s.q?' found':''}
\n
\n ${fatia.map(r=>{\n const rid=r.id;\n // Na aba All cada linha traz a folha de icone da PROPRIA categoria: o `ic[0]` indexa\n // o iconSheets daquela cat, entao usar a folha errada desenharia outro item.\n const rc=s.catAtual==='all'?(CATDE[rid]||''):s.catAtual;\n const sheets=(IDX[rc]||{}).sheets||null;\n const on=!!EQIDS[rid]||(r.cores&&r.cores.some(cc=>EQIDS[cc[0]]));\n let mini='';\n if(r.ic&&sheets){const[sh,x,y,w,h]=r.ic;\n mini=`${esc(rid.slice(-4))} `;\n return `${mini}${NOVO.has(rid)?'NEW ':''} `;\n }).join('')}\n
\n
${iconeTraco(DSETAEE)} ${iconeTraco(DSETAE)} ${pag+1} / ${paginas} =paginas-1?'disabled':''}>${iconeTraco(DSETAD)} =paginas-1?'disabled':''}>${iconeTraco(DSETADD)}
\n
\n
Maple Simulator · GMS v271Nexon Korea Corp.
\n
\n
\n ${dlg}\n
CATS.indexOf(x)>=0):[]};\n }catch(err){return null;}\n }\n // So liga DEPOIS do boot. Sem esta trava, um boot que falhe no meio chega no marca() com o\n // equip vazio e grava o personagem em branco por cima do que a pessoa tinha guardado.\n let cacheLigado=false,cacheT=null;\n function salvaCache(){\n if(!cacheLigado)return;\n if(cacheT)clearTimeout(cacheT);\n // debounce: o `.x` desequipa e SO DEPOIS limpa o oculto do slot; gravando no timeout o\n // snapshot sai ja com as duas coisas aplicadas, em vez de um estado intermediario.\n cacheT=setTimeout(()=>{\n try{\n const eq={};\n for(const sl in s.equip){\n const id=s.equip[sl],r=META[id],tc=THUMBCACHE[id]||{},ix=IDX[sl];\n // o equipado e uma VARIANTE de cor; o atlas dela sai do par em `cores`, nao do estilo\n const par=((r&&r.cores)||[]).filter(c=>c[0]===id)[0];\n // a folha e guardada como REF, nunca como URL montada: na volta ela e remontada com\n // MEDIA+ref depois de passar pelo OKREF. URL pronta viraria injecao no style.\n const sh=(r&&r.ic&&ix&&ix.sheets[r.ic[0]])?String(ix.sheets[r.ic[0]]).slice(MEDIA.length):(tc.sh||null);\n eq[sl]={id:id,geo:(r&&r.geoRef)||tc.geo||null,at:par?par[1]:(tc.at||null),\n ic:(r&&r.ic)||tc.ic||null,sh:sh};\n }\n const oc=[];for(const sl in s.oculto)if(s.oculto[sl])oc.push(sl);\n localStorage.setItem(CACHE_K,JSON.stringify({v:1,gv:CATVER,eq:eq,\n skin:(s.skins[s.iSkin]||{}).id||null,cor:s.corSel|0,oculto:oc}));\n }catch(err){}\n },300);\n }\n // Restaura SEM tocar em indice: carregaItem so precisa de geoRef+atlasRef, e os dois vieram\n // no cache. Item sem geometria (os 757 que so ocupam slot para esconder) entra direto, do\n // mesmo jeito que o clique faz. Em paralelo: os blocos sao independentes, entao o tempo de\n // parede e o do maior (~576 KB), nao a soma.\n // Cada slot no seu try: um id que sumiu do idx numa recompilacao futura nao pode levar o\n // personagem inteiro junto -- ele apenas nao volta.\n async function restaura(c){\n if(!c||!c.eq.length)return false;\n const eq={};\n let cortados=0;\n await Promise.all(c.eq.map(async p=>{\n try{\n // Peca DESABILITADA no cadastro depois de a pessoa ter equipado: sai aqui.\n // O restore carrega direto por geoRef/atlasRef, sem passar pelo indice -- e o que\n // evita baixar 6,25 MB de idx -- entao ele tambem nao passa pelo filtro do garanteIdx.\n // Este e o unico ponto onde a lista alcanca o cache. O ESCONDIDO ja esta carregado:\n // o fetch dele acontece ANTES do trocaCategoria, e o restore roda depois do boot.\n // Nao precisa mexer no cache guardado: o proximo salvaCache grava a partir do `equip`\n // ja sem a peca, entao ele se corrige sozinho na primeira alteracao.\n if(ESCONDIDO.has(p.id)){cortados++;return;}\n // antes de qualquer await: e isto que faz a thumb do anel aparecer no primeiro quadro\n THUMBCACHE[p.id]={ic:p.ic,sh:p.sh,geo:p.geo,at:p.at};\n if(!p.geo){eq[p.sl]=p.id;return;}\n const it=await carregaItem(p.id,p.geo,p.at,p.sl);\n if(!it)return;\n img(it.atlasRef);eq[p.sl]=p.id;\n }catch(err){}\n }));\n if(cortados)d2.log('[mcbaseviewer] '+cortados+' peca(s) do cache sairam: desabilitadas no cadastro');\n if(!Object.keys(eq).length)return false;\n // Escrever s.equip fora do defineEquip e a EXCECAO deliberada a regra do historico logo\n // abaixo: isto nao e um passo dado sobre o personagem, e o ponto de partida dele. Quem\n // ajusta o HIST e o chamador, no boot.\n s.equip=eq;\n const oc={};for(const sl of c.oculto)if(eq[sl])oc[sl]=true;\n s.oculto=oc;s.corSel=c.cor;\n return true;\n }\n\n // ---- TELEMETRIA: UMA LINHA POR SESSAO --------------------------------------------\n // Um POST por clique encheria a tabela e custaria caro por nada. Os contadores vivem em\n // memoria e saem JUNTOS quando a aba some. sendBeacon existe para isso: sobrevive ao\n // fechamento da pagina, coisa que fetch normal nao garante.\n // NAO ENVIA DO BUILDER: so dispara em dominio .data2.app, entao o preview do builder e o\n // inspect_code_component ficam de fora sozinhos, sem lista de excecao. Para se excluir do\n // numero no app publicado: localStorage.setItem('mc:nostat','1') naquele navegador.\n // SESSAO VAZIA TAMBEM E ENVIADA, de proposito: ela e o DENOMINADOR de chegou-e-usou. Filtrar\n // aqui destruiria justamente a metrica que motivou isto.\n const STAT_URL='https://bigaton-playground.data2apis.com/rush/mcstat';\n // DIA E HORA sao do RELOGIO LOCAL DO VISITANTE e sao carimbados no INICIO da sessao, nao no\n // envio. Duas decisoes de proposito:\n // . inicio, porque \"pico de acesso\" e quando a pessoa CHEGA; o fim da sessao pode cair horas\n // depois, numa aba esquecida aberta, e mancharia o grafico.\n // . local, porque a pergunta interessante e \"a que hora DO DIA DELAS as pessoas usam\". Em\n // UTC, um pico as 21h de Brasilia apareceria como 00h do dia SEGUINTE, e o par dia/hora\n // ficaria incoerente entre si.\n // en-CA da YYYY-MM-DD com o calendario local, que e o unico formato que ordena como texto.\n const AGORA=new Date();\n const STAT={t0:Date.now(),cats:Object.create(null),itens:Object.create(null),\n dia:AGORA.toLocaleDateString('en-CA'),hora:AGORA.getHours(),\n larg:window.innerWidth|0,alt:window.innerHeight|0,\n eq:0,rnd:0,port:0,busca:0,erros:Object.create(null),volta:false,enviado:false};\n // Id ANONIMO, e so isso: nada de IP, nada de user-agent. Serve para contar visitantes\n // distintos e nada mais. Mora no mesmo localStorage do cache de personagem, entao herda as\n // mesmas limitacoes (aba anonima, particionamento em iframe).\n function vid(){\n try{\n let v=localStorage.getItem('mc:vid');\n if(!v){v=Date.now().toString(36)+Math.random().toString(36).slice(2,10);\n localStorage.setItem('mc:vid',v);}\n return v;\n }catch(err){return 'sem-storage';}\n }\n function medeSessao(){\n const ch=o=>Object.keys(o).join(',').slice(0,900);\n // itens viajam como cat|id|nome, separados por ponto-e-virgula. O nome e limpo dos dois\n // separadores para nao quebrar o parse do painel, e a lista e cortada em 40 pecas: sessao\n // que passa disso ja disse o que tinha para dizer, e o campo tem limite.\n const limpa=t=>String(t||'').replace(/[;|]/g,' ').slice(0,48);\n const itensTxt=Object.keys(STAT.itens).slice(0,40)\n .map(id=>STAT.itens[id].c+'|'+id+'|'+limpa(STAT.itens[id].n)).join(';').slice(0,3000);\n // FUSO no lugar de IP. O servidor recebe x-data2-client-ip, mas resolver pais a partir\n // dele exigiria mandar o IP de cada visitante para um servico de geolocalizacao de\n // terceiros -- rede a mais e um dado sensivel a mais guardado. O fuso do navegador da\n // precisao de PAIS para praticamente todo mundo, custa zero e nao sai daqui.\n // Quem traduz fuso em pais e o PAINEL, nao esta linha: assim melhorar o mapa nao exige\n // republicar o previewer, e as linhas ja gravadas se beneficiam sozinhas.\n let tz='';try{tz=Intl.DateTimeFormat().resolvedOptions().timeZone||'';}catch(err){}\n // `ts` e o INICIO da sessao em UTC, e e o unico campo de tempo que o painel usa para o\n // grafico de horas. Motivo (03/09): guardar a hora LOCAL DE QUEM ACESSA misturava fusos --\n // alguem nos EUA as 20h dele entrava como 20h no mesmo grafico em que 22h de Brasilia. Para\n // saber quando O SEU publico esta online, tudo tem que estar numa linha do tempo so.\n // Nao se corrige isso somando offset em cima da hora local: horario de verao muda o offset\n // e o dado gravado nao diz qual regra valia. Instante absoluto nao tem essa ambiguidade.\n // `dia`/`hora` continuam sendo gravados por compatibilidade com as linhas antigas.\n return {vid:vid(),\n ts:new Date(STAT.t0).toISOString(),\n dia:STAT.dia,hora:STAT.hora,tz:tz,\n // LARGURA MEDIDA NO MOUNT E MANTIDA NO RESIZE, nunca lida aqui. Medir no envio estava\n // ERRADO e o dado de producao provou (03/09): o envio acontece no pagehide, com a janela\n // ja desmontando, e vieram linhas com 0x0, 750x23 e 390x484 -- exatamente a metrica que\n // decide o trabalho de mobile.\n // E a largura do IFRAME, que e a que o app realmente tem para se desenhar. Nao e a tela\n // do aparelho, e isso esta certo: medir a tela nao diria quanto espaco o layout recebeu.\n larg:STAT.larg,alt:STAT.alt,\n volta:STAT.volta,dur:Math.round((Date.now()-STAT.t0)/1000),\n eq:STAT.eq,cats:ch(STAT.cats),itens:itensTxt,\n rnd:STAT.rnd,port:STAT.port,busca:STAT.busca,erros:ch(STAT.erros)};\n }\n function envia(){\n if(STAT.enviado)return;\n STAT.enviado=true;\n try{\n if(String(location.hostname||'').indexOf('.data2.app')<0)return;\n if(localStorage.getItem('mc:nostat'))return;\n const corpo=JSON.stringify(medeSessao());\n if(navigator.sendBeacon)navigator.sendBeacon(STAT_URL,new Blob([corpo],{type:'application/json'}));\n else fetch(STAT_URL,{method:'POST',headers:{'Content-Type':'application/json'},body:corpo,keepalive:true});\n }catch(err){}\n }\n // Os dois eventos: pagehide cobre o fechamento normal, visibilitychange cobre o celular, onde\n // pagehide muitas vezes nao chega. O guarda `enviado` impede linha duplicada.\n // LIMITE ACEITO: trocar de aba e voltar encerra a medicao ali -- o que vier depois se perde.\n // A alternativa (varias linhas por sessao) inflaria a contagem de sessoes, que e pior.\n // ---- PRESENCA (sessoes ativas agora) ---------------------------------------------\n // O resumo da sessao so chega quando ela ACABA, entao ele nao sabe dizer quem esta aqui\n // agora. Este batimento resolve isso com uma tabela separada de UMA LINHA POR VISITANTE:\n // o handler faz upsert, entao ela nao cresce com o tempo -- fica do tamanho do publico, nao\n // do numero de batidas. Quem conta o \"agora\" e o updatedAt, que o servidor carimba sozinho;\n // relogio de visitante nao entra na conta.\n // So bate com a aba VISIVEL: aba em segundo plano nao e sessao ativa. O navegador ainda\n // estrangula timers em background, entao a checagem de visibilidade e cinto e suspensorio.\n const LIVE_URL='https://bigaton-playground.data2apis.com/rush/mclive';\n function bate(){\n try{\n if(document.visibilityState!=='visible')return;\n if(String(location.hostname||'').indexOf('.data2.app')<0)return;\n if(localStorage.getItem('mc:nostat'))return;\n fetch(LIVE_URL,{method:'POST',headers:{'Content-Type':'application/json'},\n body:JSON.stringify({vid:vid()})});\n }catch(err){}\n }\n bate();\n const bateTimer=setInterval(bate,40000);\n d2.onUnmount(()=>{clearInterval(bateTimer);});\n\n // mantem a ultima medida BOA: se a pessoa redimensiona, vale o tamanho em que ela ficou, e\n // nunca o do quadro de desmontagem. Zero e descartado pelo mesmo motivo.\n d2.on(window,'resize',()=>{\n const w=window.innerWidth|0,h=window.innerHeight|0;\n if(w>0&&h>0){STAT.larg=w;STAT.alt=h;}\n });\n d2.on(window,'pagehide',()=>{envia();});\n d2.on(window,'visibilitychange',()=>{if(document.visibilityState==='hidden')envia();});\n\n // HISTORICO -- so o que muda o PERSONAGEM entra: `equip` e a skin. Oculto, trava, play, frame,\n // zoom e categoria sao estado de ferramenta, nao de look, e ficam de fora de proposito.\n // Um snapshot e o proprio objeto `equip`: todos os pontos que mexem nele ja TROCAM o objeto\n // em vez de mutar, entao nao existe copia aqui -- sao ~14 ponteiros para strings que ja\n // estavam na memoria (vieram do idx). Voltar tambem nunca busca rede: so da para voltar a um\n // estado em que ja se esteve, e a geometria/atlas daquele estado ja esta em cache.\n let HIST=[],POS=-1;\n const MAXH=1000;\n function sinaliza(){s.podeUnd=POS>0;s.podeRed=POSMAXH)HIST.shift();\n POS=HIST.length-1;sinaliza();salvaCache();\n }\n function defineEquip(novo){s.equip=novo;marca();}\n // Aplica SEM empilhar. Se isto chamasse marca(), o undo empilharia a si mesmo e voce nunca\n // sairia do lugar -- e o bug classico desta feature.\n function aplicaHist(i){\n const e=HIST[i];if(!e)return;\n POS=i;s.equip=e.equip;\n if(e.iSkin!==s.iSkin)carregaSkin(e.iSkin);\n // undo/redo mudam o personagem sem passar por marca(): sem este salva, voltar um passo e\n // sair da pagina restauraria o passo seguinte na proxima visita.\n sinaliza();salvaCache();\n }\n function desfaz(){if(POS>0)aplicaHist(POS-1);}\n function refaz(){if(POS os tres nunca coexistem.\n // . arma com `islot=WpSi` ocupa a mao principal E a off-hand -> nao coexiste com shield.\n // Resolver no nivel do SLOT (limpar o outro) e nao no render: e assim que o jogo faz, e\n // desenhar os dois duplicaria o `mailArm` (medido no projeto local).\n function aplicaConflito(e,cat){\n for(const par of ((REGRAS&®RAS.exclusivos)||[])){\n const a=par[0],bs=par[1];\n if(cat===a){for(const b of bs)delete e[b];}\n else if(bs.indexOf(cat)>=0)delete e[a];\n }\n const off=(REGRAS&®RAS.offhand)||'shield';\n if(cat==='weapon'&&WPSI[e.weapon])delete e[off];\n if(cat===off&&e[off]&&WPSI[e.weapon])delete e.weapon;\n return e;\n }\n // Item SEM geometria: os 757 que nao desenham nada e mesmo assim EXISTEM -- todos declaram\n // vslot. Servem para ocupar o slot e esconder (Bald Wig, Transparent Hat, as armas so-stat).\n // `geoRef` e `atlasRef` sao null de proposito: nao ha bloco nem atlas para buscar. `compor`\n // ja tolera ITENS[id] ausente, e o `vs` do vslot vem do META, que sai do idx.\n function poeNoSlot(e,cat,id){\n if(e[cat]===id){const x=Object.assign({},e);delete x[cat];return x;}\n return aplicaConflito(Object.assign({},e,{[cat]:id}),cat);\n }\n async function equipar(id,geoRef,atlasRef,cat){\n // Na aba All o slot vem da linha clicada (data-cat), nao da categoria aberta.\n cat=cat||CATDE[id]||s.catAtual;\n if(!cat||cat==='all'){s.diag='Unknown slot for '+id;return;}\n // conta o item ESCOLHIDO no clique. O que o randomize sorteia NAO entra aqui de proposito:\n // sorteio nao e escolha, e misturar os dois estragaria a leitura de quais itens interessam.\n // O NOME e a CATEGORIA sao gravados AQUI, junto do id. Resolver isso no painel obrigaria a\n // baixar os 7,4 MB de indice so para ler um numero -- e o META ja tem o nome neste ponto,\n // porque o item veio de uma categoria carregada. Guardar na escrita custa zero.\n s.corCat=cat;STAT.eq++;STAT.itens[id]={c:cat,n:((META[id]||{}).name)||''};\n if(!geoRef){s.diag='';defineEquip(poeNoSlot(s.equip,cat,id));return;}\n let it=null;\n try{ it=await carregaItem(id,geoRef,atlasRef,cat); }\n catch(err){ s.diag='Failed: '+((err&&err.message)||err); return; }\n if(!it){ s.diag='Item not found: '+id; return; }\n s.diag='';\n img(it.atlasRef);\n defineEquip(poeNoSlot(s.equip,cat,id));\n }\n\n // RANDOMIZE -- as mesmas regras do sorteio do engine local:\n // . face e hair SEMPRE entram (nao existe personagem sem rosto nem careca por ausencia de dado)\n // . OU um outfit, OU o par top+pants -- nunca os dois (mesma regra de slot do clique), e\n // nunca NENHUM dos dois: a cobertura e garantida, igual face e hair\n // . shield so quando a arma nao ocupa a off-hand\n // . os toggles de efeito NAO entram: sao switches de INSPECAO, nao pecas de equipamento --\n // sortear isso destruiria a comparacao que o usuario esta fazendo.\n const um=a=>a&&a.length?a[Math.floor(Math.random()*a.length)]:null;\n const talvez=(a,p)=>Math.random()<(p==null?0.5:p)?um(a):null;\n // Sorteia a cor, carrega e equipa. Devolve se REALMENTE entrou -- `carregaItem` pode falhar, e\n // sem esse retorno a garantia de cobertura viraria \"tentei\", que nao e garantia.\n async function poe(eq,cat,r){\n if(!r)return false;\n const cor=um(r.cores)||[r.id,null]; // o equipado e uma VARIANTE, nao o estilo\n if(!r.geoRef){eq[cat]=cor[0];return true;} // item invisivel: equipa sem carregar\n const it=await carregaItem(cor[0],r.geoRef,cor[1],cat);\n if(!it)return false;\n img(it.atlasRef);eq[cat]=cor[0];return true;\n }\n async function garanteIdx(cat){\n if(IDX[cat]||!INDEXREF[cat])return;\n const d=await (await fetch(MEDIA+INDEXREF[cat])).json();\n const linhas=d.items||[];\n // A lista navegavel e filtrada; o META/CATDE abaixo varre TODAS as linhas de proposito.\n // ORDEM: id DECRESCENTE. No MapleStory id maior e lancamento mais recente, entao ordenar\n // ao contrario poe o conteudo novo na frente -- e leva junto as armas cash, que vivem numa\n // faixa de id mais alta que as normais.\n // NAO basta um reverse: o idx nao vem ordenado por id, ele sai do compilador na ordem dos\n // BLOCOS de geometria. Reverter so lia a mesma bagunca de tras para frente. Ordenar por\n // string e seguro porque todo id tem 8 digitos com zeros a esquerda (verificado).\n // A ordenacao mora AQUI, e nao na paginacao, para valer de uma vez para a grade, a busca e\n // a aba All -- que concatena as categorias ja ordenadas.\n const nav=linhas.filter(r=>!ESCONDIDO.has(r.id));\n nav.sort((a,b)=>a.idb.id?-1:0));\n IDX[cat]={sheets:(d.iconSheets||[]).map(r=>MEDIA+r),items:nav};\n if(d.zi2smap)ZI2SMAP=d.zi2smap;\n for(const r of linhas){\n META[r.id]=r;CATDE[r.id]=cat;\n if(r.cores)for(const cc of r.cores){if(!META[cc[0]])META[cc[0]]=r;CATDE[cc[0]]=cat;}\n }\n }\n async function sorteia(){\n if(s.sorteando)return;\n s.sorteando=true;\n try{\n await Promise.all(CATS.map(garanteIdx));\n const pega=c=>(IDX[c]&&IDX[c].items)||[];\n const escolha={};\n for(const c of ['face','hair'])escolha[c]=um(pega(c));\n if(Math.random()<0.4)escolha.outfit=um(pega('outfit'));\n if(!escolha.outfit){escolha.coat=um(pega('coat'));escolha.pants=um(pega('pants'));}\n for(const c of ['cap','cape','glove','shoes','accface','acceye','accear'])escolha[c]=talvez(pega(c));\n escolha.weapon=talvez(pega('weapon'));\n const eq={};\n for(const c in escolha)await poe(eq,c,escolha[c]);\n if(!WPSI[eq.weapon]){\n const r=talvez(pega('offhand'));\n if(r&&!r.geoRef)eq.offhand=r.id;\n else if(r){const it=await carregaItem(r.id,r.geoRef,r.cores[0][1],'offhand');if(it){img(it.atlasRef);eq.offhand=r.id;}}\n }\n // Slot travado nao e roletado: o item atual fica, e ele vence o conflito de slot.\n for(const c of ORDEM_EQ){\n if(!s.travado[c]||!s.equip[c])continue;\n eq[c]=s.equip[c];aplicaConflito(eq,c);\n }\n // COBERTURA: outfit OU (top + pants), nunca nu. Checada DEPOIS das travas de propósito --\n // travar so o top e sortear um outfit deixaria sem calca, porque o conflito de slot remove\n // o outfit e ninguem repoe a peca que faltou. O laco tenta de novo porque `poe` pode\n // falhar ao carregar; sem o limite isso seria um while(true) num caso de rede ruim.\n if(!eq.outfit){\n for(let t=0;!eq.coat&&t<6;t++)await poe(eq,'coat',um(pega('coat')));\n for(let t=0;!eq.pants&&t<6;t++)await poe(eq,'pants',um(pega('pants')));\n }\n // um randomize inteiro e UM passo de historico, nao um por slot\n defineEquip(eq);\n }catch(err){s.diag='Randomize failed: '+((err&&err.message)||err);}\n finally{s.sorteando=false;}\n }\n\n (async()=>{\n try{\n // `zmap` SAIU do boot (2026-08-20): era lido e nunca usado -- o `zi2smap` do vslot vem\n // dentro do idxcap.json. Eram 2 leituras de tabela por abertura, uma delas inutil.\n s.etapa='Loading index';\n // FALLBACK (QA 10/09): o lint do data2 avisa que d2.rush com referencia GLOBAL pode voltar\n // vazio em alguns carregamentos, sem erro. Vazio aqui derruba o boot inteiro (INDEXREF sem\n // _skin -> fetch de MEDIA+undefined). A telemetria tinha 5 de 345 sessoes com erro de boot.\n // O endpoint e publico e so leitura desde 04/09, entao o fetch direto e o mesmo dado.\n let linhasIdx=[];\n try{const mi=await d2.rush('mcindexall').invoke({});linhasIdx=(mi&&mi.data&&mi.data.rows)||[];}catch(err){}\n if(!linhasIdx.length){\n STAT.erros['indexall-vazio']=1;\n const rr=await fetch('https://bigaton-playground.data2apis.com/rush/mcindexall',{method:'POST',headers:{'Content-Type':'application/json'},body:'{}'});\n const jj=await rr.json();linhasIdx=(jj&&jj.data&&jj.data.rows)||[];\n }\n for(const r of linhasIdx)INDEXREF[r.cat]=r.ref;\n s.etapa='Loading actions';\n try{await carregaAcoes();}catch(err){d2.log('[mcbaseviewer] tabela de actions indisponivel, usando o passo padrao: '+((err&&err.message)||err));}\n s.etapa='Loading skins';\n const li=await (await fetch(MEDIA+INDEXREF._skin)).json();\n // `ic` viaja junto do item, entao ordenar por id nao desalinha a folha.\n SKINSHEET=(li.iconSheets&&li.iconSheets[0])?MEDIA+li.iconSheets[0]:'';\n s.skins=(li.items||[]).slice().sort((a,b)=>String(a.id).localeCompare(String(b.id)));\n // A skin guardada volta por ID, nunca por indice: `s.skins` e ordenado por id, entao uma\n // skin nova deslocaria todo mundo e o indice salvo passaria a apontar para outra pessoa.\n // Resolver aqui, antes do carregaSkin, evita baixar a skin 0 (137 KB) para trocar depois.\n const CACHE=leCache();\n let iSk=0;\n if(CACHE&&CACHE.skin){const j=s.skins.findIndex(x=>String(x.id)===CACHE.skin);if(j>=0)iSk=j;}\n await carregaSkin(iSk);\n // mcgeoblocksall/mcatlasidxall SAIRAM do boot (2026-08-20): todo geoRef/atlasRef vem do idx.\n if(INDEXREF._regras){\n REGRAS=await (await fetch(MEDIA+INDEXREF._regras)).json();\n for(const w of (REGRAS.wpsi||[]))WPSI[w]=1;\n }\n if(INDEXREF._itemeff)EFI=await (await fetch(MEDIA+INDEXREF._itemeff)).json();\n // O addon de orelhas NAO entra no boot: 68 KB que so servem se o usuario trocar a orelha.\n // Carregado sob demanda no primeiro uso do seletor.\n // FALHA ABERTA de proposito: se este fetch cair, ESCONDIDO fica vazio e o catalogo aparece\n // inteiro. E degradacao cosmetica (voltam ~190 itens de teste e duplicata) e o app continua\n // de pe; travar o boot por causa da lista de escondidos seria muito pior.\n s.etapa='Loading availability';\n try{\n const hh=await (await fetch(HIDDEN_URL)).json();\n for(const l of ((hh&&hh.data)||[]))\n for(const id of String(l.ids||'').split(','))if(id)ESCONDIDO.add(id);\n }catch(err){d2.log('[mcbaseviewer] lista de escondidos indisponivel, catalogo vai inteiro: '+((err&&err.message)||err));}\n // Mesma doutrina de falha ABERTA: sem esta lista o catalogo aparece igual, so sem o selo.\n try{\n if(INDEXREF['_novos']){\n const nv=await (await fetch(MEDIA+INDEXREF['_novos'])).json();\n CATVER=nv&&nv.ver||0;\n for(const id of ((nv&&nv.ids)||[]))NOVO.add(id);\n }\n }catch(err){d2.log('[mcbaseviewer] lista de novos indisponivel, grade sem selo: '+((err&&err.message)||err));}\n await trocaCategoria(CATS[0]);\n s.pronto=true;marca();await prefetch();\n // O restore roda DEPOIS do `pronto` de proposito: a base aparece no mesmo tempo de sempre\n // (medido em 02/09: ~1,2 MB de boot) e as pecas entram conforme chegam. Bloquear aqui\n // triplicaria o tempo ate a PRIMEIRA imagem para nao adiantar nada.\n if(await restaura(CACHE)){\n STAT.volta=true;\n // O personagem restaurado E o inicio do historico, nao um passo dado sobre o boot vazio:\n // por isso SUBSTITUI a entrada 0 em vez de empilhar. Empilhando, o primeiro Undo\n // devolveria o personagem pelado -- o bug classico de restaurar estado com undo.\n HIST=[{equip:s.equip,iSkin:s.iSkin}];POS=0;sinaliza();\n // Os indices das categorias equipadas entram por ULTIMO, sem travar nada: o META\n // alimenta o `vs` (vslot) do compor e a thumb do anel. Sem eles o personagem ja desenha,\n // mas a peca que declara vslot nao esconderia o que deve e o anel mostraria o\n // placeholder de 4 digitos. Reatribuir `s.equip` no fim e so para repintar -- mesma\n // composicao, referencia nova; nao empilha historico e nao chama salvaCache.\n Promise.all(Object.keys(s.equip).map(garanteIdx))\n .then(()=>{if(!s.pronto)return;\n s.equip=Object.assign({},s.equip);\n // RE-GRAVA agora que o META chegou: e o que promove um cache do formato antigo (sem\n // `ic`/`sh`) para o novo sozinho, sem versao nova e sem descartar o personagem de\n // quem ja tinha um guardado. A primeira visita depois desta mudanca ainda cai no\n // placeholder; a segunda ja vem com os icones.\n salvaCache();})\n .catch(()=>{});\n }\n cacheLigado=true;\n }catch(err){\n STAT.erros.boot=1;s.erro=(err&&err.message)?err.message:String(err);\n // a MENSAGEM vai junto (QA 10/09): so o flag nao dizia se era rede, indice vazio ou dado.\n // Sem virgula, ponto-e-virgula nem barra: sao os separadores do campo no painel.\n STAT.erros['boot:'+String(s.erro).replace(/[,;|]/g,' ').slice(0,80)]=1;\n STAT.erros['etapa:'+String(s.etapa||'').replace(/[,;|]/g,' ').slice(0,40)]=1;\n }\n })();\n\n // `desenhaThumbs` REMOVIDO (2026-08-20): desenhava thumb ao vivo em `canvas.th`, que nao\n // existe mais desde que toda categoria passou a ter folha de icone. Ele rodava dentro do rAF,\n // entao era uma varredura de DOM (`$$('canvas.th')`) por FRAME, 60x por segundo, sempre vazia.\n\n // A miniatura do personagem inteiro no botao de skin foi FEITA e depois RETIRADA a pedido\n // do usuario (01/09): so a cabeca comunica melhor naquele tamanho. Ficam as duas licoes que\n // ela deixou, porque valem para qualquer preview pequeno que venha depois:\n // . o canvas tinha que ter o tamanho do SPRITE, com o CSS encaixando, e nao o contrario --\n // um corpo de ~62px nao cabe em escala inteira num botao de 58 uteis;\n // . bbox so e seguro ali porque as 46 skins tem geometria identica (secao 18). Em thumb\n // comparavel a regra continua sendo quadro fixo.\n let raf=null;\n function draw(){\n raf=requestAnimationFrame(draw);\n if(!s.pronto)return;\n const cv=d2.$('canvas.big');if(!cv)return;\n // A MEDIDA vem do WRAPPER, nao do proprio canvas. Desde que o canvas passou a ter\n // width/height fixados em style (para casar 1:1 com a tela e parar de serrilhar), ele\n // deixou de acompanhar o container sozinho -- o style ganha do width:100% do CSS. Lendo o\n // clientWidth dele mesmo, a medida ficava CONGELADA no tamanho anterior: ao esconder os\n // slots o palco ia para 498 e o canvas continuava com 354, encostado a esquerda, e o\n // personagem parecia pular de lugar.\n const box=cv.parentNode||cv;\n const dpr=window.devicePixelRatio||1,W=box.clientWidth,H=box.clientHeight;\n // A PISCADA vinha daqui. A cada re-render o palco passa por um quadro com clientWidth 0; a\n // linha de baixo entao escrevia cv.width=0, e ESCREVER em cv.width destroi o bitmap. O\n // quadro saia em branco e so o rAF seguinte redesenhava. O mcbuilder ja tinha esta guarda,\n // o viewer nao -- comparar os dois foi o que apontou.\n if(!W||!H)return;\n // compara a ALTURA tambem: so a largura deixava o canvas com altura errada quando apenas\n // ela mudava (redimensionar a janela na vertical).\n const bw=Math.round(W*dpr),bh=Math.round(H*dpr);\n if(cv.width!==bw||cv.height!==bh){\n cv.width=bw;cv.height=bh;\n // 1:1 EXATO com a tela. Sem esta linha o navegador exibe um backing store de 443px num\n // espaco de 442,5 device px (dpr 1,25) e REAMOSTRA tudo de novo, em cima de um desenho\n // que ja era nearest-neighbor. Era essa segunda reamostragem que serrilhava o personagem.\n cv.style.width=(bw/dpr)+'px';cv.style.height=(bh/dpr)+'px';\n }\n const ctx=cv.getContext('2d');\n // ESPACO DE DISPOSITIVO, nao de CSS. Causa medida do serrilhado: com dpr fracionario\n // (Windows a 125% da dpr 1,25) e zoom 3, cada pixel do sprite virava 3,75 pixels de tela --\n // umas colunas com 4, outras com 3. Nearest-neighbor em escala quebrada nao tem como sair\n // uniforme. Desenhando em pixel de DISPOSITIVO com a escala arredondada para INTEIRO, cada\n // pixel do sprite vira sempre o mesmo bloco, em qualquer zoom de tela.\n ctx.setTransform(1,0,0,1,0,0);ctx.imageSmoothingEnabled=false;\n ctx.clearRect(0,0,cv.width,cv.height);\n const ZD=Math.max(1,Math.round(s.zoom*dpr));\n const CX=Math.round((W/2+ARRX)*dpr), CY=Math.round((Math.min(H,PALCO_ALT)*EIXO_Y+ARRY)*dpr);\n // O palco nao desenha mais NADA de cenario: a sombra de chao e as guias dos dois eixos\n // sairam a pedido do usuario (01/09). O fundo agora e so o gradiente do CSS.\n const sk=skinAtual();\n const acoes=ordenaAcoes(Object.keys(sk.geo||{}));const acao=s.acao&&acoes.indexOf(s.acao)>=0?s.acao:acoes[0];\n const nfr=keys(sk.geo,acao).length||1;\n let frame=Math.min(Math.max(s.frame||0,0),nfr-1);\n if(s.modo!=='parado'){\n const r=frameNoTempo(acao,nfr,Date.now()-s._t0,s.modo);\n frame=r.frame;TEMPO=Date.now()-s._t0;\n // Play Once acabou: volta ao frame 0 e para.\n if(r.terminou){s.modo='parado';s.frame=0;frame=0;TEMPO=0;}\n }\n // O indicador e o botao do frame ativo sao escritos DIRETO no DOM, nao por re-render: o\n // frame muda ate ~6x/s e re-renderizar redesenharia a grade de 40 celulas junto. A guarda\n // pelo texto tambem cura sozinha depois de um re-render (o span volta a '–').\n // SPINNER: escrito direto no DOM, como o indicador de frame. Ligar/desligar por estado\n // redesenharia a grade de 42 celulas a cada sprite que chega da rede.\n const sp=d2.$('.spin');\n if(sp){\n const ativo=EMVOO>0||s.carregando===true;\n if(sp.classList.contains('on')!==ativo)sp.classList.toggle('on',ativo);\n }\n const ind=d2.$('.frameind');\n if(ind&&ind.textContent!==String(frame)){\n ind.textContent=String(frame);\n // Itera os FILHOS do container em vez de usar o seletor-multiplo: mais barato, e evita\n // escrever o cifrao dobrado, que o patcher come como escape de replace.\n const cx=d2.$('.frames');\n if(cx)for(const b of cx.children)b.classList.toggle('on',Number(b.getAttribute('data-f'))===frame);\n }\n // OCULTAR: some com o slot ANTES de compor. Assim a peca some, o `h` dela para de esconder\n // parte do corpo e o vslot dela para de valer -- ocultar o chapeu devolve o cabelo, que e o\n // comportamento pedido. Uma linha em vez de tres regras espalhadas dentro de `compor`.\n const eqv=Object.create(null);\n for(const k in s.equip)if(!s.oculto[k])eqv[k]=s.equip[k];\n const {L}=compor(sk,eqv,acao,frame,s.efeito,s.efItem,s.stance49===true,s.orelha,s.emote);const z=ZD;\n // FLIP: espelho puro do COMPOSTO em torno do eixo x=0 do mundo (CX). Nao mexe em zi nem em\n // ancora -- e por isso ancoras, vslot e ItemEff viram juntos, de graca. O eixo NAO e o centro\n // do bounding box. Os sprites do jogo olham para a ESQUERDA, entao ligado = virado a direita.\n // As guias e a sombra ficam FORA do espelho de proposito (sao do palco, nao do personagem).\n const vira=s.flip===true;\n if(vira){ctx.save();ctx.translate(CX*2,0);ctx.scale(-1,1);}\n for(const c of L){\n if(c.base!==undefined){const im=imgBase(sk,c.base);if(!im||!im.complete||!im.naturalWidth)continue;ctx.drawImage(im,CX+c.x*z,CY+c.y*z,im.naturalWidth*z,im.naturalHeight*z);}\n else{\n const at=img(c.ref);if(!at||!at.complete||!at.naturalWidth)continue;const[u,v,w,h]=c.uv;\n // `noflip`: a POSICAO espelha, o BITMAP nao. Sai do espelho e desenha no x refletido,\n // que e a formula do contrato: translate(cx - (x+w)*zoom, cy + y*zoom) scale(zoom).\n if(vira&&c.nfw){\n ctx.save();ctx.setTransform(1,0,0,1,0,0);\n ctx.drawImage(at,u,v,w,h,CX-(c.x+c.nfw)*z,CY+c.y*z,w*z,h*z);\n ctx.restore();\n }else ctx.drawImage(at,u,v,w,h,CX+c.x*z,CY+c.y*z,w*z,h*z);\n }\n }\n if(vira)ctx.restore();\n }\n raf=requestAnimationFrame(draw);\n\n // O seletor de skin saiu do painel lateral e virou a primeira caixa do HUD, dentro do palco.\n // ABRIR UM FECHA OS OUTROS. Sem isto dois popups se sobrepoem no mesmo lugar (todos abrem\n // ancorados na fileira, com left/right em 0), e o de baixo fica inalcancavel.\n function abre(qual){\n const v=!s[qual];\n s.acAberto=false;s.emAberto=false;s.orAberto=false;s.skAberto=false;\n s[qual]=v;\n }\n d2.on('.skbtn','click',()=>{abre('skAberto');});\n d2.on('.embtn','click',()=>{abre('emAberto');});\n d2.on('.orbtn','click',()=>{abre('orAberto');});\n // O addon carrega ANTES de trocar o estado: se trocasse antes, o primeiro quadro sairia\n // pedindo uma orelha que ainda nao chegou e cairia no fallback (a humana), piscando.\n d2.on('.emit','click',async (e,el)=>{\n const t=el.getAttribute('data-t');\n s.emAberto=false;\n if(t!=='default'&&s.equip.face){s.carregando=true;try{await carregaEmote(s.equip.face);}finally{s.carregando=false;}}\n s.emote=t;\n });\n d2.on('.orit','click',async (e,el)=>{\n const t=el.getAttribute('data-t');\n s.orAberto=false;\n if(t!=='humanEar'){s.carregando=true;try{await carregaOrelhas();}finally{s.carregando=false;}}\n s.orelha=t;\n });\n d2.on('.skcel','click',async (e,el)=>{\n const i=Number(el.getAttribute('data-i'))||0;\n s.skAberto=false;\n if(i===s.iSkin)return; // reclicar a mesma nao empilha historico\n s.carregando=true;\n try{await carregaSkin(i);marca();}finally{s.carregando=false;}\n });\n // Clicar num slot VAZIO leva a grade da direita para aquela categoria. E a afordancia que o\n // esboco pede sem dizer: celula rotulada e vazia so faz sentido se for um alvo.\n d2.on('.vaz','click',async (e,el)=>{\n const c=el.getAttribute('data-cat');\n if(!c)return;\n const emCache=!!IDX[c];\n if(!emCache)s.carregando=true;\n try{await trocaCategoria(c);await prefetch();}\n finally{if(!emCache)s.carregando=false;}\n });\n d2.on('.anelbtn','click',()=>{s.anelOff=!s.anelOff;});\n // ARRASTO: nada disto toca em d2.state, senao cada mousemove reconstruiria a UI inteira.\n // O rAF le ARRX/ARRY direto e ja desenha no lugar novo.\n d2.on('.palco','mousedown',e=>{\n const t=e.target;\n if(t&&t.closest&&t.closest('.reset'))return; // o botao de reset nao inicia arrasto\n ARRAST={x:e.clientX,y:e.clientY,ox:ARRX,oy:ARRY};\n e.preventDefault();\n });\n d2.on(window,'mousemove',e=>{\n if(!ARRAST)return;\n ARRX=ARRAST.ox+(e.clientX-ARRAST.x);\n ARRY=ARRAST.oy+(e.clientY-ARRAST.y);\n });\n d2.on(window,'mouseup',()=>{ARRAST=null;});\n d2.on('.reset','click',()=>{ARRX=0;ARRY=0;});\n // ESTA FUNCAO EXISTE POR CAUSA DO SHADOW DOM. Os atalhos escutam no `window`, e todo evento\n // que cruza a fronteira do shadow e RETARGETADO: no nivel do window, `e.target` passa a ser o\n // HOST do componente, nunca o 200?'pale ':''))+nome;\n }\n function hx(c){return '#'+c.map(v=>('0'+v.toString(16)).slice(-2)).join('');}\n function cromaDe(c){return Math.max(c[0],c[1],c[2])-Math.min(c[0],c[1],c[2]);}\n // A saturacao HSL EXPLODE em luminancia extrema: #e8f8f8 (quase branco, croma 16) devolve\n // 0,53. Isso fez o extrator nomear a camisa de \"pale teal\" e o modelo pintou a peca de\n // VERDE. Croma abaixo de 40 e neutro, ponto. Achado medindo variancia entre duas rodadas\n // com a MESMA entrada -- nao era variancia do modelo, era o nome mentindo.\n function satDe(c){\n if(cromaDe(c)<40)return 0;\n const mx=Math.max(c[0],c[1],c[2]),mn=Math.min(c[0],c[1],c[2]);\n return mx===mn?0:(mx-mn)/(255-Math.abs(mx+mn-255));\n }\n // Conta as cores das camadas de UM slot. Agrupa em passos de 8 -- sem isso cada pixel de\n // anti-alias vira uma \"cor\" propria e o ranking vira ruido.\n function lumDe(c){return 0.299*c[0]+0.587*c[1]+0.114*c[2];}\n function hueDe(c){\n const mx=Math.max(c[0],c[1],c[2]),mn=Math.min(c[0],c[1],c[2]);\n if(mx===mn)return 0;\n let h;\n if(mx===c[0])h=60*((((c[1]-c[2])/(mx-mn))%6+6)%6);\n else if(mx===c[1])h=60*(((c[2]-c[0])/(mx-mn))+2);\n else h=60*(((c[0]-c[1])/(mx-mn))+4);\n return h<0?h+360:h;\n }\n // Pele: faixa estreita de matiz, saturacao media e CLARA. A luminancia e o que separa pele\n // de uma iris ambar, que cai na mesma faixa de matiz mas e escura.\n function ehPele(c){const h=hueDe(c);return h>=8&&h<=45&&satDe(c)>=0.15&&satDe(c)<=0.60&&lumDe(c)>140;}\n // `corte` zera o filtro de contorno. O slot face precisa disso: a iris pode ser PRETA\n // (medido: 60% dos pixels num dos rostos) e o filtro a apagava.\n function contaCores(sk,slot,id,corte){\n corte=(corte===undefined?110:corte);\n const eq=Object.create(null);eq[slot]=id;\n let L=[];\n try{L=(compor(sk,eq,'stand1',0,false,true,false)||{}).L||[];}catch(err){return null;}\n const cnt=Object.create(null);let viu=0;\n for(const c of L){\n if(c.base!==undefined)continue; // camada do CORPO, nao da peca\n const at=img(c.ref);if(!at||!at.complete||!at.naturalWidth)continue;\n const u=c.uv[0],v=c.uv[1],w=c.uv[2],h=c.uv[3];\n if(!w||!h)continue;\n const cv=document.createElement('canvas');cv.width=w;cv.height=h;\n const g=cv.getContext('2d');g.imageSmoothingEnabled=false;\n g.drawImage(at,u,v,w,h,0,0,w,h);\n let d;try{d=g.getImageData(0,0,w,h).data;}catch(err){return null;}\n for(let i=0;i>3)<<3)+','+((d[i+1]>>3)<<3)+','+((d[i+2]>>3)<<3);\n cnt[k]=(cnt[k]||0)+1;viu++;\n }\n }\n if(!viu)return null;\n return Object.keys(cnt).map(k=>({c:k.split(',').map(Number),n:cnt[k],p:cnt[k]/viu*100}))\n .sort((a,b)=>b.n-a.n).slice(0,10);\n }\n // A cor MAIS FREQUENTE costuma ser a SOMBRA -- no cabelo do piloto ela e 45% dos pixels, e\n // mandar a lista crua puxou a saida para cinza-amarronzado. Por isso: papeis, nao ranking.\n function coresDoSlot(sk,slot,id){\n const cs=contaCores(sk,slot,id);if(!cs||!cs.length)return '';\n const ord=cs.slice().sort((a,b)=>lumDe(a.c)-lumDe(b.c));\n const med=lumDe(ord[ord.length>>1].c);\n let claros=cs.filter(x=>lumDe(x.c)>=med);if(!claros.length)claros=[ord[ord.length-1]];\n // O peso por SATURACAO foi achado testando um segundo personagem: num cabelo roxo o pardo\n // de 25% vencia o roxo de 16% e a peca inteira saia descrita como laranja. Com tudo\n // dessaturado (prata, branco) o fator e igual para todos e a frequencia decide, como antes.\n const base=claros.reduce((a,b)=>(a.p*(0.3+satDe(a.c))>=b.p*(0.3+satDe(b.c))?a:b)).c;\n const alto=ord[ord.length-1].c, sombra=ord[0].c;\n const dif=c=>hx(c)!==hx(base)&&hx(c)!==hx(alto)&&hx(c)!==hx(sombra);\n const lim=satDe(base)<0.12?0.30:0.25;\n const ac=cs.filter(x=>dif(x.c)&&satDe(x.c)>lim).slice(0,2);\n let t=nomeDaCor(base[0],base[1],base[2])+' '+hx(base)+', highlights '+hx(alto)+', shadows '+hx(sombra);\n if(ac.length)t+=', accents '+ac.map(x=>nomeDaCor(x.c[0],x.c[1],x.c[2])+' '+hx(x.c)).join(' and ');\n return t;\n }\n // A IRIS e uma cor ESCURA e SATURADA que nao e pele. Medido em tres rostos: o preto do\n // contorno ocupa 33-60% dos pixels em TODOS, entao \"a mais frequente\" devolve preto sempre,\n // e \"a mais saturada\" devolve pele ou o branco azulado da esclera. Quando nada passa no\n // teste, o olho e preto de verdade -- nao e falha da regra.\n function coresDoOlho(sk,id){\n const cs=contaCores(sk,'face',id,0);if(!cs||!cs.length)return '';\n const v=cs.filter(x=>satDe(x.c)>0.50&&lumDe(x.c)<140&&!ehPele(x.c)&&x.p>=5);\n if(!v.length)return 'black #000000';\n return v.slice(0,2).map(x=>nomeDaCor(x.c[0],x.c[1],x.c[2])+' '+hx(x.c)).join(' and ');\n }\n // ---- ENQUADRAMENTO DETERMINISTICO DA SAIDA ---------------------------------------\n // O gerador NAO obedece o corte de forma estavel: com o mesmo prompt, o queixo saiu a 81,2%\n // num personagem e a 67,4% noutro. Reforcar por texto so levou 67,4 para 73,6. Enquadramento\n // e geometria; entao se resolve na saida, em vez de brigar por palavra.\n // A silhueta sai por SUBTRACAO DE FUNDO -- o fundo gerado e uniforme, entao a mascara ja\n // nasce solida e nao precisa de fill-holes nem componente conexa. Conferido em 6 imagens\n // contra o detector completo: erro de 0,2 a 1,6 ponto. A versao por gradiente, sem fill,\n // errava 9,2 pontos justo no caso que mais precisava de correcao.\n // 0,804 e a MEDIA das 6 refs de estilo (desvio 2,3), nao do pilot_output. O pilot mede 0,819\n // e por um tempo foi o alvo, mas ele e de outra familia de traco -- ver a nota na secao 23 da doc.\n // (QA 10/09: estas tres linhas eram UMA so, com barra-n literal, e o const ficava comentado.)\n const QUEIXO_ALVO=0.804;\n function enquadra(url){\n return new Promise(res=>{\n const im=new Image();im.crossOrigin='anonymous';\n im.onerror=()=>res(url);\n im.onload=()=>{\n try{\n const N=256,cv=document.createElement('canvas');cv.width=N;cv.height=N;\n const g=cv.getContext('2d');g.drawImage(im,0,0,N,N);\n const d=g.getImageData(0,0,N,N).data;\n const am=[[],[],[]];\n for(let y=0;y2&&x2&&y{v.sort((p,q)=>p-q);return v[v.length>>1];});\n const larg=new Array(N).fill(0),lin=[];\n for(let y=0;y30){row[x]=1;n++;}\n }\n larg[y]=n;lin.push(row);\n }\n let a=-1,b=-1;\n for(let y=0;y{STAT.rnd++;await sorteia();if(s.emote&&s.emote!=='default')await carregaEmote(s.equip.face);});\n d2.on('.portx','click',()=>{s.verPortrait=false;});\n // FEATURE DESLIGADA. O botao abre o aviso em vez de gerar.\n // A pipeline continua INTEIRA no arquivo de proposito: `exportaPersonagem`, `coresDoSlot`,\n // `coresDoOlho`, `enquadra` e o handler `mcportrait` estao no ar e funcionando. Nao foi\n // apagado nada, o que falta e qualidade de imagem e nao codigo. Para religar, e devolver a\n // chamada ao rush aqui (o historico do git tem a versao que gerava).\n // O botao esta DESLIGADO e abre um aviso. Contar o clique mede a demanda por uma feature que\n // ainda nao existe, sem precisar construi-la -- e a metrica mais barata deste painel.\n d2.on('.port','click',()=>{STAT.port++;s.verPortrait=true;});\n // o relogio do ItemEff zera junto com o do corpo, senao o efeito comeca no meio do ciclo\n d2.on('.play','click',()=>{s.modo=s.modo==='loop'?'parado':'loop';s._t0=Date.now();TEMPO=0;});\n d2.on('.play1','click',()=>{s.modo='uma';s._t0=Date.now();TEMPO=0;});\n d2.onUnmount(()=>{if(raf)cancelAnimationFrame(raf);});\n }\n};\n"}},"skins":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"skins"}}}},"zmap":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"zmap"}}}}}}}}}},{"_id":"6a85aba97191cadfbc60e201","component":"data2-core-types@Component","system":"69b15e6093419d8151c50e4c","params":{"extends":"data2-core-primitives@Block","component":"katteiji-faq","package":"bigaton-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"const ITEMS = [\n {\n q: 'What exactly do I get for the monthly rate?',\n a: 'Two active design requests at any time, worked by senior designers, with unlimited revisions on each. You keep the source files. There is no separate discovery phase, onboarding fee, or change-order process.'\n },\n {\n q: 'How fast is the first delivery?',\n a: 'Direction lands within 72 hours of the brief. First production-ready screens or assets typically ship inside 14 days — that is the median across every engagement since 2017.'\n },\n {\n q: 'Who actually does the work?',\n a: 'The eight people on this page. No account managers, no offshore relay, no junior pass disguised as a review. The designer who takes your brief is the one who writes you back.'\n },\n {\n q: 'What if we only need one project?',\n a: 'Take a fixed-scope sprint instead. Four weeks, quoted upfront from $9,500, no retainer. Most brand systems and marketing sites fit comfortably inside one sprint.'\n },\n {\n q: 'Can we pause the plan?',\n a: 'Any month, from the dashboard, no conversation required. Paused months are not billed and your queue is exactly where you left it when you come back.'\n },\n {\n q: 'Do you hand off to our engineers?',\n a: 'Always. Every delivery arrives with design tokens, component specs, exported assets and a Figma file organised for build — not a flattened presentation.'\n }\n];\n\nexport default {\n css: `\n :host { display: block; }\n .faq {\n font-family: Inter, system-ui, -apple-system, sans-serif;\n color: #131311;\n }\n .row {\n border-top: 1px solid #E3E3E3;\n cursor: pointer;\n transition: background 150ms cubic-bezier(0.4,0,0.2,1);\n }\n .row:last-child { border-bottom: 1px solid #E3E3E3; }\n .row:hover .q { opacity: 0.62; }\n .head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n padding: 28px 4px 28px 0;\n }\n .q {\n font-size: 21px;\n font-weight: 700;\n letter-spacing: -0.4px;\n line-height: 1.25;\n transition: opacity 150ms cubic-bezier(0.4,0,0.2,1);\n }\n .sign {\n flex: 0 0 auto;\n width: 36px;\n height: 36px;\n border-radius: 999px;\n background: #F3F2EA;\n color: #131311;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 17px;\n font-weight: 600;\n line-height: 1;\n transition: background 150ms cubic-bezier(0.4,0,0.2,1), color 150ms cubic-bezier(0.4,0,0.2,1);\n }\n .row.open .sign { background: #C6FD50; }\n .body {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 320ms cubic-bezier(0.4,0,0.2,1);\n }\n .row.open .body { grid-template-rows: 1fr; }\n .bodyInner { overflow: hidden; }\n .a {\n max-width: 640px;\n font-size: 16px;\n font-weight: 400;\n line-height: 1.6;\n color: #131311;\n opacity: 0.68;\n padding: 0 0 30px 0;\n }\n @media (prefers-reduced-motion: reduce) {\n .body, .sign, .q, .row { transition: none; }\n }\n `,\n render(d2) {\n const open = d2.state.open === undefined ? 0 : d2.state.open;\n return `` + ITEMS.map(function (it, i) {\n const isOpen = open === i;\n return `
\n
\n
${it.q}
\n
${isOpen ? '−' : '+'}
\n
\n
\n
`;\n }).join('') + `
ls;i--)ciclo.push(i);\n return{intro,ciclo,modo};\n}\n// Duracao de um frame: o delay do WZ dividido pelo multiplicador da tabela (actionSpeed 1 = o\n// tempo original do jogo, 2 = o dobro da velocidade). Mesma forma que o ItemEff ja usava.\nfunction duracao(a,i){\n const r=ACT[a];\n const fd=r&&r.frameDelays;\n const d=(fd&&fd.length)?fd[Math.min(i,fd.length-1)]:PASSO_PADRAO;\n const v=(r&&Number(r.actionSpeed)>0)?Number(r.actionSpeed):1;\n return Math.max(16,(Number(d)||PASSO_PADRAO)/v);\n}\n// Frame a mostrar `ms` depois do inicio da action: percorre a intro UMA vez e depois repete o\n// ciclo. Com playback 'once' segura o ultimo frame em vez de reiniciar. 'driven' (ladder/rope)\n// avanca por distancia no jogo; aqui nao existe esse driver, entao toca como loop.\nfunction frameEm(a,n,ms){\n const {intro,ciclo,modo}=sequencia(a,n);\n if(!ciclo.length)return intro.length?intro[intro.length-1]:0;\n let t=ms;\n for(const f of intro){const d=duracao(a,f);if(t{\n if(c.dono===capId||c.dono==='base')return true;\n const cod=(c.zi>=0&&c.zib.zi-a.zi);\n return{L,fr,n:gk.length};\n}\n\nexport default {\n css:`\n .wrap{position:relative;width:100%;height:100%;overflow:hidden;background:transparent}\n canvas.p{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;background:transparent}\n `,\n\n // render() e CONSTANTE de proposito: nao le d2.state nem param nenhum, entao nunca\n // re-renderiza e o canvas nunca e devolvido ao default 300x150 do browser. Todo o estado\n // vive em closure e e lido pelo laco de rAF -- que e o padrao correto para canvas.\n render(){\n return `
`;\n },\n\n mounted(d2){\n let SKINS=[], EQUIP={}, SKINID='';\n // Relogio da animacao. Reinicia quando a acao muda ou quando o Play liga -- sem isso uma\n // acao de tiro unico (swingO1) comecaria no meio do ciclo, na fase em que o relogio global\n // estivesse naquele instante.\n let t0=Date.now(), acaoAntes='', playAntes=false;\n\n const idDe=v=>String(v==null?'':v).trim();\n const skinDe=v=>{const m=/(\\d{8})/.exec(String(v||''));return m?m[1]:'00002000';};\n const diz=m=>{d2.log('[mcbuilder] '+m);};\n async function jsonDe(ref){const r=await fetch(MEDIA+ref);if(!r.ok)throw new Error('fetch '+ref+' -> '+r.status);return r.json();}\n\n // Um idx por categoria, e o MAPA que o viewer nao precisava: variantId -> geoRef/atlasRef.\n // A cor de um item e uma VARIANTE (cores[i][0]) com atlas proprio (cores[i][1]) mas\n // geometria compartilhada com o estilo -- as duas metades vem de lugares diferentes.\n async function garanteIdx(cat){\n if(IDX[cat]||!INDEXREF[cat])return;\n const d=await jsonDe(INDEXREF[cat]);\n IDX[cat]={items:d.items||[]};\n if(d.zi2smap)ZI2SMAP=d.zi2smap;\n const m=Object.create(null);\n for(const r of IDX[cat].items){\n META[r.id]=r;\n if(r.cores&&r.cores.length){\n for(const cc of r.cores){m[cc[0]]={geoRef:r.geoRef||null,atlasRef:cc[1]||null};if(!META[cc[0]])META[cc[0]]=r;}\n }\n if(!m[r.id])m[r.id]={geoRef:r.geoRef||null,atlasRef:(r.cores&&r.cores[0]&&r.cores[0][1])||null};\n }\n MAPA[cat]=m;\n }\n // So roda quando o id NAO esta na categoria do slot -- o caminho feliz nunca paga por isso.\n async function achaEmOutraCat(id){\n await Promise.all(CATS.map(garanteIdx));\n for(const c of CATS){if(MAPA[c]&&MAPA[c][id])return c;}\n return null;\n }\n\n async function carregaItem(cat,id){\n await garanteIdx(cat);\n const alvo=MAPA[cat]&&MAPA[cat][id];\n if(!alvo){\n const outra=await achaEmOutraCat(id);\n if(outra)return{erro:id+': e um item de \"'+(ROTULO[outra]||outra)+'\", nao de \"'+(ROTULO[cat]||cat)+'\"'};\n return{erro:id+': nao existe no catalogo'};\n }\n // Item sem geometria: existe, ocupa o slot e nao desenha nada (Bald Wig, Transparent Hat,\n // armas so-stat). geoRef e atlasRef sao null de proposito; o `vs` do vslot vem do META.\n if(!alvo.geoRef)return{ok:true,semGeo:true};\n if(!BLOCO[alvo.geoRef])BLOCO[alvo.geoRef]=await jsonDe(alvo.geoRef);\n const bl=BLOCO[alvo.geoRef]||{};\n for(const iid in bl){if(!ITENS[iid]){const it=bl[iid];it.itemId=iid;ITENS[iid]=it;}}\n const it=ITENS[id];\n if(!it)return{erro:id+': esta no indice mas nao no bloco de geometria'};\n it.atlasRef=alvo.atlasRef||null;\n if(it.geoEf)it.atlasEfRef=(META[id]&&META[id].efRef)||null;\n const m=EFI&&EFI[id];\n if(m&&!it.ei){\n if(!BLOCOEI[m.b])BLOCOEI[m.b]=await jsonDe(m.b);\n const e=BLOCOEI[m.b][id];\n if(e){it.ei=e;it.eiRef=m.a;const x=Object.create(null);for(const i of (m.x||[]))x[i]=1;it.eiX=x;}\n }\n it.pronto=1;\n img(it.atlasRef);\n return{ok:true};\n }\n\n // CONFLITO DE SLOT -- regra do jogo. Como todos os slots sao declarados de uma vez, a\n // precedencia e explicita: a peca que DECLARA o vslot ganha (outfit sobre coat/pants,\n // arma de duas maos sobre a off-hand). Desligavel por slotRules:false.\n function aplicaRegras(eq){\n const sup=[];\n for(const par of ((REGRAS&®RAS.exclusivos)||[])){\n const a=par[0],bs=par[1]||[];\n if(eq[a])for(const b of bs){\n if(eq[b]){sup.push((ROTULO[b]||b)+' '+eq[b]+' suprimido: '+(ROTULO[a]||a)+' ocupa esse slot');delete eq[b];}\n }\n }\n const off=(REGRAS&®RAS.offhand)||'offhand';\n if(eq.weapon&&WPSI[eq.weapon]&&eq[off]){\n sup.push((ROTULO[off]||off)+' '+eq[off]+' suprimido: a arma '+eq.weapon+' ocupa as duas maos');\n delete eq[off];\n }\n return sup;\n }\n\n // Assinatura = so o que exige BUSCA (ids + skin + regras). action/frame/play/flip/fx sao\n // lidos frescos a cada quadro no laco, entao mudam ao vivo sem recarregar nada.\n let assinatura=null,ocupado=false;\n function assina(){\n const p=CATS.map(c=>idDe(d2.param(c,'')));\n p.push(String(d2.param('skin','')),String(d2.param('slotRules',true)));\n return p.join('|');\n }\n\n async function sincroniza(){\n if(ocupado)return;\n ocupado=true;assinatura=assina();\n try{\n const skinId=skinDe(d2.param('skin','00002000'));\n if(!SKINPIX[skinId]){\n const linha=SKINS.filter(k=>k.id===skinId)[0];\n if(!linha)throw new Error('skin '+skinId+' nao esta no indice');\n SKINPIX[skinId]=await jsonDe(linha.ref);\n }\n SKINID=skinId;\n const eq={};\n for(const c of CATS){\n const id=idDe(d2.param(c,''));\n if(!id)continue;\n let r;\n try{r=await carregaItem(c,id);}catch(err){r={erro:id+': '+((err&&err.message)||err)};}\n if(r.erro){diz(c+' -> '+r.erro);continue;}\n if(r.semGeo)diz(c+' -> '+id+': item sem geometria (ocupa o slot, nao desenha)');\n eq[c]=id;\n }\n if(d2.param('slotRules',true)!==false)for(const m of aplicaRegras(eq))diz(m);\n EQUIP=eq;\n }catch(err){diz((err&&err.message)||String(err));}\n finally{ocupado=false;}\n }\n\n (async()=>{\n try{\n try{await carregaAcoes();}catch(err){diz('tabela de actions indisponivel, usando o passo padrao: '+((err&&err.message)||err));}\n const mi=await d2.rush('mcindexall').invoke({});\n for(const r of ((mi&&mi.data&&mi.data.rows)||[]))INDEXREF[r.cat]=r.ref;\n if(!INDEXREF._skin)throw new Error('mcindexall respondeu sem a linha _skin');\n const li=await jsonDe(INDEXREF._skin);\n SKINS=(li.items||[]).slice().sort((a,b)=>String(a.id).localeCompare(String(b.id)));\n if(INDEXREF._regras){REGRAS=await jsonDe(INDEXREF._regras);for(const w of (REGRAS.wpsi||[]))WPSI[w]=1;}\n if(INDEXREF._itemeff)EFI=await jsonDe(INDEXREF._itemeff);\n await sincroniza();\n }catch(err){diz((err&&err.message)||String(err));}\n })();\n\n function desenha(){\n const cv=d2.$('canvas.p');if(!cv)return;\n const dpr=window.devicePixelRatio||1,W=cv.clientWidth,H=cv.clientHeight;\n if(!W||!H)return;\n if(cv.width!==Math.round(W*dpr)||cv.height!==Math.round(H*dpr)){cv.width=Math.round(W*dpr);cv.height=Math.round(H*dpr);}\n const ctx=cv.getContext('2d');ctx.setTransform(dpr,0,0,dpr,0,0);ctx.imageSmoothingEnabled=false;ctx.clearRect(0,0,W,H);\n const sk=SKINPIX[SKINID];\n if(!sk||!sk.geo)return;\n const acoes=Object.keys(sk.geo);\n let acao=String(d2.param('action','stand1')||'stand1');\n if(acoes.indexOf(acao)<0)acao=acoes[0];\n const tocando=d2.param('play',false)===true;\n if(acao!==acaoAntes||(tocando&&!playAntes)){t0=Date.now();TEMPO=0;}\n acaoAntes=acao;playAntes=tocando;\n let frame;\n if(tocando){\n frame=frameEm(acao,keys(sk.geo,acao).length||1,Date.now()-t0);\n TEMPO=Date.now()-t0;\n }else{\n frame=Math.round(Number(d2.param('frame',0))||0);\n // ItemEff tem ciclo proprio (delay por frame), SEM relacao com o numero de frames do\n // corpo -- amarrar um ao outro seria inventar um vinculo que o dado nao tem. Com o Play\n // desligado ele fica no inicio do ciclo, o unico valor deterministico possivel.\n TEMPO=0;\n }\n const CX=Math.round(W/2),CY=Math.round(H*EIXO_Y);\n // FLIP: espelha a COMPOSICAO INTEIRA em torno do eixo vertical do personagem (CX), nao\n // sprite por sprite -- assim ancoras, vslot e ItemEff viram juntos e de graca. Os sprites\n // do jogo olham para a ESQUERDA por padrao, entao flip:true = virado para a direita.\n if(d2.param('flip',false)===true){ctx.translate(CX*2,0);ctx.scale(-1,1);}\n const L=compor(sk,EQUIP,acao,frame,d2.param('weaponFx',false)===true,d2.param('itemFx',true)!==false).L;\n for(const c of L){\n if(c.base!==undefined){\n const im=imgBase(sk,c.base);if(!im||!im.complete||!im.naturalWidth)continue;\n ctx.drawImage(im,CX+c.x*ZOOM,CY+c.y*ZOOM,im.naturalWidth*ZOOM,im.naturalHeight*ZOOM);\n }else{\n const at=img(c.ref);if(!at||!at.complete||!at.naturalWidth)continue;\n const u=c.uv[0],v=c.uv[1],w=c.uv[2],h=c.uv[3];\n ctx.drawImage(at,u,v,w,h,CX+c.x*ZOOM,CY+c.y*ZOOM,w*ZOOM,h*ZOOM);\n }\n }\n }\n\n let raf=null;\n function laco(){\n raf=requestAnimationFrame(laco);\n if(assinatura!==null&&!ocupado&&assina()!==assinatura)sincroniza();\n desenha();\n }\n raf=requestAnimationFrame(laco);\n d2.onUnmount(()=>{if(raf)cancelAnimationFrame(raf);});\n }\n};\n"}},"skin":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"skin"}}}},"hair":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"hair"}}}},"face":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"face"}}}},"cap":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"cap"}}}},"cape":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"cape"}}}},"coat":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"coat"}}}},"pants":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"pants"}}}},"outfit":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"outfit"}}}},"shoes":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"shoes"}}}},"glove":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"glove"}}}},"weapon":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"weapon"}}}},"offhand":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"offhand"}}}},"accface":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"accface"}}}},"acceye":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"acceye"}}}},"accear":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"accear"}}}},"action":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"action"}}}},"frame":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"frame"}}}},"play":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"play"}}}},"flip":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"flip"}}}},"weaponFx":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"weaponFx"}}}},"itemFx":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"itemFx"}}}},"slotRules":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"slotRules"}}}}}}}}}},{"_id":"6a87504d45ad40122b0e416d","component":"data2-core-types@Component","system":"69b15e6093419d8151c50e4c","params":{"extends":"data2-core-primitives@Block","component":"mcinput","package":"bigaton-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// mcinput -- o teclado do teste de movimento. Nao desenha nada e nao toca em DOM alheio:\n// le setas / X / Z e escreve x, y, action, play e flip no Store `mcplay`. O bloco Character\n// (a hitbox) tem position.x/y amarrados a @mcplay.data.x/y, e o renderizador tem\n// action/play/flip amarrados -- quem propaga e o runtime. Esse desvio pelo Store e de\n// proposito: e o caminho que a KB indica para dois blocos ficarem em sincronia, e evita que\n// um componente va mexer no DOM de outro.\nconst REF='mcplay';\nconst VEL=2.6; // px por quadro (~156 px/s a 60fps)\nconst GRAV=0.55; // px por quadro^2\nconst IMPULSO=9.2; // velocidade inicial do pulo -> pico ~77px, ~0,55s no ar\nconst DUR_SWING=624; // swingO1 = 3 frames x 208ms (PASSO do engine), acao sem vaivem\nconst CHAO=483; // y do chao: onde o Character nasceu no artboard\nconst LIM_MIN=0, LIM_MAX=949; // 1000 (largura do artboard) - 51 (largura da hitbox)\n\nexport default {\n // Sem UI nenhuma. pointer-events:none para nao roubar clique do que estiver embaixo.\n css:`.k{position:absolute;inset:0;pointer-events:none}`,\n render(){return `
`;},\n\n mounted(d2){\n const st=d2.store(REF);\n if(!st){d2.log('[mcinput] Store '+REF+' nao encontrado');return;}\n\n const teclas=Object.create(null);\n let x=475, y=CHAO, vy=0, noAr=false, swingAte=0, virado=false;\n const ultimo=Object.create(null);\n\n // O Store expoe DUAS convencoes de caminho e misturar as duas no-opa EM SILENCIO: o\n // Getter do bloco le `data.x`, mas os metodos get/set do modulo prependem `data.` por\n // conta propria. A KB nao diz qual delas o bridge d2.store() usa, entao em vez de chutar\n // eu sondo: qual dos dois caminhos devolve o initialData (x=300)? Feito no laco, e nao no\n // mount, porque o processo do Store pode nao estar pronto no primeiro instante.\n let PRE=null, tentativas=0;\n function preparar(){\n const a=st.get('x'), b=st.get('data.x');\n if(a!==undefined&&a!==null)PRE='';\n else if(b!==undefined&&b!==null)PRE='data.';\n else if(++tentativas>120){PRE='';d2.log('[mcinput] Store nao devolveu x em ~2s; assumindo caminho sem prefixo');}\n else return false;\n const inicial=(PRE===''?a:b);\n if(inicial!=null&&isFinite(Number(inicial)))x=Number(inicial);\n d2.log('[mcinput] caminho do Store = '+JSON.stringify(PRE+'x')+\n ' (get(\"x\")='+JSON.stringify(a)+', get(\"data.x\")='+JSON.stringify(b)+')');\n return true;\n }\n // Escreve so quando o valor MUDA. Sem isto seriam 5 writes x 60fps = 300 writes/s no\n // Store, e cada write acorda a reatividade dos blocos amarrados.\n function grava(k,v){if(ultimo[k]!==v){ultimo[k]=v;st.set(PRE+k,v);}}\n\n const ehNossa=k=>k==='ArrowLeft'||k==='ArrowRight'||k==='x'||k==='X'||k==='z'||k==='Z';\n\n d2.on(window,'keydown',e=>{\n if(!ehNossa(e.key))return;\n e.preventDefault(); // seta nao rola a pagina\n if(teclas[e.key])return; // ignora o auto-repeat do teclado\n teclas[e.key]=1;\n if((e.key==='x'||e.key==='X')&&!noAr){noAr=true;vy=-IMPULSO;}\n if(e.key==='z'||e.key==='Z')swingAte=Date.now()+DUR_SWING;\n });\n d2.on(window,'keyup',e=>{delete teclas[e.key];});\n // Sem isto, perder o foco da janela com a seta apertada deixa o personagem andando para\n // sempre: o keyup acontece fora da pagina e nunca chega.\n d2.on(window,'blur',()=>{for(const k in teclas)delete teclas[k];});\n\n function passo(){\n if(PRE===null&&!preparar())return;\n const esq=!!teclas.ArrowLeft, dir=!!teclas.ArrowRight;\n if(esq!==dir){ // as duas ao mesmo tempo se anulam\n x+=dir?VEL:-VEL;\n if(xLIM_MAX)x=LIM_MAX;\n virado=dir; // os sprites do jogo olham para a ESQUERDA\n }\n if(noAr){\n vy+=GRAV;y+=vy;\n if(y>=CHAO){y=CHAO;vy=0;noAr=false;}\n }\n // PRIORIDADE DA ACAO: swing > pulo > andar > parado. O x continua avancando nos tres\n // primeiros -- exclusiva e so a acao DESENHADA, nao o movimento.\n let acao,toca;\n if(Date.now(){if(raf)cancelAnimationFrame(raf);});\n }\n};\n"}}}}}}}},{"_id":"6a876b990769d9c7b6f898ff","component":"data2-core-types@Component","system":"69b15e6093419d8151c50e4c","params":{"extends":"data2-core-primitives@Block","component":"idleitemeditor","package":"bigaton-playground","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Idle Item Editor -- CRUD da base de itens do idle, com o CATALOGO ao lado.\n// A regra que desenha a tela: mapleId e name NAO sao digitaveis -- so entram clicando numa\n// thumb do catalogo, porque um item do idle que nao exista no catalogo nunca renderizaria.\n// category e type sao escolhidos A MAO: category e um enum fechado, type vem da tabela\n// `idle-type` (mantida no Item Type Editor). Nada e inferido do item id -- um palpite errado\n// ali se propagaria em silencio por toda a base.\nconst CATS=['weapon','cap','coat','pants','outfit','shoes','glove','cape','offhand','hair','face','accface','acceye','accear'];\nconst ROTULO={accface:'face acc',acceye:'eye acc',accear:'earring',offhand:'off-hand'};\nconst MEDIA='https://bigaton-playground.data2.media/file/';\nconst POR_PAGINA=36;\nconst NUMEROS=[['itemLevel','item lv'],['reqLevel','req lv'],['att','att'],['def','def'],\n ['acc','acc'],['hp','hp'],['mp','mp'],['str','str'],['dex','dex'],['int','int'],['luk','luk']];\nconst CATEGORIAS=['weapon','armor','accessory','character'];\n\nconst INDEXREF=Object.create(null);\nconst IDX=Object.create(null);\n// mapleId -> recorte da folha de icones. Preenchido quando um idx e carregado, e o que\n// permite desenhar a thumb de um item da base sem reabrir a categoria no catalogo.\nconst THUMB=Object.create(null);\n\nfunction esc(s){return String(s==null?'':s).replace(/[<>&\"]/g,c=>({'<':'<','>':'>','&':'&','\"':'"'}[c]));}\nfunction num(v){if(v===''||v==null)return 0;const n=Number(v);return isFinite(n)?n:0;}\n\nexport default {\n css:`\n .wrap{height:100%;display:grid;grid-template-columns:290px 1fr 420px;background:#101014;color:#e8e8ee;color-scheme:dark;\n font:13px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}\n .col{display:grid;grid-template-rows:auto 1fr;overflow:hidden;min-width:0}\n .col+.col{border-left:1px solid #282833}\n .cab{display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid #282833;\n background:linear-gradient(180deg,#1b1b23,#15151b);min-height:42px;box-sizing:border-box}\n .cab h2{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.9px;color:#83838f;font-weight:700}\n .cab .dir{margin-left:auto;display:flex;gap:6px;align-items:center}\n .corpo{overflow:auto;padding:11px 13px}\n .corpo::-webkit-scrollbar{width:9px}\n .corpo::-webkit-scrollbar-thumb{background:#33333f;border-radius:9px;border:2px solid #101014}\n .badge{font:11px ui-monospace,monospace;color:#83838f}\n .badge.ok{color:#6ee7a0}.badge.bad{color:#ff8080}.badge.warn{color:#e3b341}\n\n button,input,select{font:600 12px ui-sans-serif,system-ui,sans-serif;padding:6px 9px;border-radius:7px;\n border:1px solid #34343f;background:linear-gradient(180deg,#2a2a34,#232430);color:#e8e8ee;\n transition:border-color .12s,box-shadow .12s}\n button{cursor:pointer}\n button:hover:not(:disabled){border-color:#4a4a5a}\n button:disabled{opacity:.4;cursor:default}\n button.go{background:linear-gradient(180deg,#6c8cff,#5474ea);border-color:#6c8cff;color:#fff}\n button.go:hover:not(:disabled){background:linear-gradient(180deg,#7b98ff,#5f7ef0)}\n button.del{border-color:#54282c;color:#ff9d9d}\n button.del:hover:not(:disabled){border-color:#7a3a40;background:#2a1e21}\n button.del.armado{background:linear-gradient(180deg,#8d3138,#6f242a);border-color:#b0454d;color:#fff}\n input,select{width:100%;box-sizing:border-box;font-weight:400}\n input:focus,select:focus{outline:none;border-color:#6c8cff;box-shadow:0 0 0 3px #6c8cff2e}\n input[readonly]{background:#1b1b22;color:#a9a9b6;border-style:dashed;cursor:not-allowed}\n /* O popup de um select e desenhado pelo SO, nao por este CSS: sem color-scheme dark ele vem\n branco e as options ficam ilegiveis. color-scheme resolve no Chrome/Edge/Firefox modernos;\n o background/color explicito na option cobre o resto. */\n select{color-scheme:dark}\n select option,select optgroup{background:#1e1e26;color:#e8e8ee}\n select option:checked{background:#2f3a63;color:#fff}\n input[type=checkbox]{accent-color:#6c8cff}\n\n .it{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:#1c1c24;\n border:1px solid #2a2a35;border-radius:8px;padding:6px 9px;margin-bottom:5px;cursor:pointer}\n .itxt{flex:1;min-width:0}\n .thbox{flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;\n border-radius:7px;background:linear-gradient(180deg,#fafafa,#e6e6ea);box-shadow:0 1px 3px #0006}\n .thsm{width:42px;height:42px}\n .thlg{width:132px;height:132px;border-radius:10px}\n .thi{image-rendering:pixelated;transform-origin:center}\n .semth{color:#9a9aa6;font:11px ui-monospace,monospace}\n .ident{display:flex;gap:12px;align-items:flex-start}\n .it:hover{border-color:#4a4a5a}\n .it.on{border-color:#6c8cff;box-shadow:0 0 0 2px #6c8cff33}\n .it b{display:block;font-size:12px;font-weight:650;color:#e8e8ee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n .it code{font:10px ui-monospace,monospace;color:#6c8cff}\n .it .st{font:10px ui-monospace,monospace;color:#7a7a86;margin-top:2px;display:block}\n .vazio{color:#5e5e6b;font-size:11px;line-height:1.6}\n\n .grp{margin-bottom:15px}\n h3{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.9px;color:#83838f;\n display:flex;align-items:center;gap:8px}\n h3:before{content:\"\";width:3px;height:11px;border-radius:2px;background:#6c8cff;opacity:.85;flex:none}\n h3 em{font-style:normal}\n .f{display:block;min-width:0}\n .f>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#7a7a86;margin-bottom:3px}\n .duo{display:grid;grid-template-columns:1fr 1fr;gap:9px}\n .trio{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:9px}\n .stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}\n .trava{font:10px ui-monospace,monospace;color:#5e5e6b;margin-top:5px}\n .chk{display:flex;gap:7px;align-items:center;margin-top:10px;cursor:pointer;user-select:none;color:#b9b9c4}\n .chk input{width:auto}\n .chk span{font-size:11px;text-transform:uppercase;letter-spacing:.5px}\n .acoes{display:flex;gap:8px;align-items:center;margin-top:4px}\n\n .tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:9px}\n .tabs button{padding:3px 8px;font-size:10px;text-transform:capitalize;border-radius:5px}\n .tabs button.on{background:linear-gradient(180deg,#6c8cff,#5474ea);border-color:#6c8cff;color:#fff}\n .grade{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:9px}\n .cel{background:linear-gradient(180deg,#fafafa,#e6e6ea);border:2px solid transparent;border-radius:8px;\n height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;\n padding:0;position:relative;box-shadow:0 1px 3px #0006}\n .cel:hover{border-color:#8aa4ff}\n .cel.on{border-color:#6ee7a0;box-shadow:0 0 0 3px #6ee7a040}\n .cel.jaTem{opacity:.42}\n .cel .thc{image-rendering:pixelated}\n .semic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;\n border:1px dashed #b7b7c2;border-radius:5px;color:#7a7a86;font:10px ui-monospace,monospace}\n .pag{display:flex;gap:7px;align-items:center;margin-top:10px}\n .pag button{padding:4px 10px}\n `,\n\n render(d2){\n const s=d2.state, r=s.rascunhoView||{};\n // Sem o recorte carregado a caixa fica vazia em vez de sumir -- o layout nao pula quando\n // o indice daquela categoria termina de carregar em segundo plano.\n const thumb=(id,grande)=>{\n const t=id?THUMB[id]:null;\n const box=grande?'thlg':'thsm';\n if(!t)return `${grande?'sem thumb':'—'} \n \n ${esc(i.name||'(sem nome)')} \n ${esc(i.mapleId||'')} ${esc(i.category||'—')} / ${esc(i.type||'—')} · ${esc(i.class||'qualquer')}${i.cash?' · cash ':''} \n lv ${i.itemLevel||0} · req ${i.reqLevel||0} · att ${i.att||0} · def ${i.def||0} \n \n ${thumb(i.mapleId,false)}\n `).join('');\n\n const ix=IDX[s.cat];\n const q=(s.q||'').trim().toLowerCase();\n const base=ix?ix.items:[];\n const filt=q?base.filter(x=>(x.busca||'').indexOf(q)>=0):base;\n const paginas=Math.max(1,Math.ceil(filt.length/POR_PAGINA));\n const pag=Math.min(s.pag||0,paginas-1);\n const fatia=filt.slice(pag*POR_PAGINA,pag*POR_PAGINA+POR_PAGINA);\n const jaTem=Object.create(null);\n for(const i of itens)jaTem[i.mapleId]=1;\n const celulas=fatia.map(x=>{\n let mini=`${esc(String(x.id).slice(-4))} `;\n if(x.ic&&ix&&ix.sheets&&ix.sheets.length){\n const sh=x.ic[0],px=x.ic[1],py=x.ic[2],w=x.ic[3],h=x.ic[4];\n mini=`${mini} `;\n }).join('');\n\n const temSel=!!r.mapleId;\n return `\n
\n
base do idle \n ${itens.length} \n + novo \n \n
\n
\n
${linhas||'
Nenhum item na base ainda.
'}
\n
\n
\n\n
\n
${r._id?'editando item':'novo item'} \n ${s.msg?`${esc(s.msg)} `:''}\n \n
\n
\n
identidade vem do catalogo \n
\n ${thumb(r.mapleId,true)}\n
\n
\n
\n
\n
classificacao \n
\n category \n — \n ${CATEGORIAS.map(c=>`${esc(c)} `).join('')}\n type \n ${r.category?(tiposVis.length?'—':'nenhum type em '+esc(r.category)):'escolha a category'} \n ${tiposVis.map(t=>`${esc(t.name)} `).join('')}\n class \n (qualquer) \n ${cls.map(c=>`${esc(c.name)} `).join('')}\n
\n
item de cash \n
\n
\n
atributos \n
\n ${NUMEROS.map(f=>`${esc(f[1])}
\n
\n
\n ${s.salvando?'salvando…':(r._id?'salvar alteracoes':'criar item')} \n ${s.armado?'confirmar exclusao':'excluir'} \n ${s.armado?'cancelar ':`limpar `}\n
\n
\n
\n\n
\n
catalogo \n ${s.carregando?'carregando… ':''}\n ${s.erroCat?`${esc(s.erroCat)} `:`${filt.length}${q?' achados':''} `}\n \n
\n
${CATS.map(c=>`${ROTULO[c]||c} `).join('')}
\n
\n ${s.pronto?`
${celulas}
\n
‹ \n ${pag+1} / ${paginas} \n =paginas-1?'disabled':''}>›
`\n :'
carregando o catalogo…
'}\n
\n
\n
a key \"${esc(k)}\" ja esta em uso por \"${esc(bate.name)}\" (${esc(bate.category)}) — salvar vai ser recusado
`\n : (k?`key: ${esc(k)}
`:'key em branco = gerada a partir do name ao salvar
');\n\n const linhaArma=t=>`\n ${esc(t.name||'(sem nome)')} \n ${esc(t.key||'')} ${esc(t.stance||'sem stance')} \n ${esc(t.stand||'—')} · ${esc(t.walk||'—')} · ${arr(t.attacks).length} attack${arr(t.attacks).length===1?'':'s'} \n `;\n const linhaOutro=t=>`\n ${esc(t.name||'(sem nome)')} \n ${esc(t.key||'')}\n ${esc(t.category||'sem categoria')}${NAO_ARMA.indexOf(t.category)<0?' ⚠ categoria legada':''} \n `;\n\n return `\n
\n
weapon types \n ${s.msgA?`${esc(s.msgA)} `:''}\n ${armas.length} + novo \n \n
${armas.map(linhaArma).join('')||'
Nenhum tipo de arma ainda.
'}
\n
\n
\n\n
\n
armor · accessory · character \n ${s.msgO?`${esc(s.msgO)} `:''}\n ${outros.length} + novo \n \n
${outros.map(linhaOutro).join('')||'
Nenhum tipo ainda.
'}
\n
\n
\n
nativo abriria um popup do SISTEMA, que nao herda este\n tema -- o mesmo motivo que ja tirou os selects do previewer. */\n .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}\n .chip{padding:5px 12px;border-radius:999px;border:1px solid #232932;cursor:pointer;\n font:600 11px ui-sans-serif,system-ui;color:#cdd7de;background:var(--esc);\n box-shadow:var(--escluz);transition:color .12s}\n .chip:hover{color:#fff}\n .chip.on{background:linear-gradient(180deg,#57bde0,#2a8cb8);border-color:#1d6d94;color:#fff}\n /* 24 colunas. Vertical porque o eixo aqui e o TEMPO, e tempo se le da esquerda para a\n direita -- a lista horizontal usada no resto do painel serve para ranking, nao para serie. */\n .horas{display:flex;align-items:stretch;gap:3px;height:132px;margin-top:2px}\n .col{flex:1;display:flex;flex-direction:column;min-width:0}\n .cwrap{flex:1;display:flex;align-items:flex-end}\n .cbar{width:100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#57bde0,#2a8cb8);\n min-height:2px}\n .cbar.pico{background:linear-gradient(180deg,#ddfe01,#9aa61a)}\n .col em{font-style:normal;font:400 9px ui-monospace,monospace;color:#7d888f;text-align:center;\n margin-top:5px;height:11px;overflow:hidden}\n `,\n\n render(d2){\n const s=d2.state;\n if(s.erro)return `Could not read analytics: ${esc(s.erro)}
\n
${ativos}
\n
active nowseen in the last 100s
\n
Maple Simulator — Previewer Analytics \n
No sessions recorded yet.
${vivoCx}
\n
what to expect Telemetry only fires on a\n .data2.app domain, so builder previews never count. Each visit becomes ONE\n row, sent when the tab is closed or hidden. This panel refreshes every 15s.
nothing yet
`;\n const max=Math.max.apply(null,lista.map(x=>x[1]))||1;\n return lista.map(x=>`${esc(x[0])} \n
\n
${x[1]} nothing yet
`;\n const max=lista[0].n||1;\n return lista.map(it=>`\n
${esc(it.nome||'(no name)')} ${esc(it.id)}
\n
\n
${it.n} \n
\n
Maple Simulator — Previewer Analytics \n
${n} sessions · one row per session · auto-refreshing every 15s${s.hora?' · updated '+esc(s.hora):''}
\n ${vivoCx}\n
\n\n
\n All days \n ${dias.slice(0,20).map(d=>`${esc(d)} `).join('')}\n
\n\n
\n ${cartao('sessions',n,uniq('vid')+' distinct visitors')}\n ${cartao('arrived and used it',pct(usou,n)+'%',usou+' of '+n+' equipped or rolled',usou/n>=.5?'verde':'')}\n ${cartao('came back',pct(voltou,n)+'%',voltou+' sessions restored a saved outfit')}\n ${cartao('median session',mediana+'s','half the sessions are shorter than this')}\n
\n\n
\n
screen width — does the app fit? \n ${barras(larg)}\n
${pct(naoCabe,n)}% arrive with less than 1184px, which is what the\n layout needs today. This is the argument for (or against) the mobile work.
\n
categories opened ${barras(cats)}\n
sessions per day ${barras(porDia)}\n
\n\n
\n ${cartao('randomize',pct(comRnd,n)+'%','sessions that rolled at least once')}\n ${cartao('search',pct(comBusca,n)+'%','sessions that searched')}\n ${cartao('illustration requests',cliquesPort,comPort+' sessions clicked the disabled button',cliquesPort?'verde':'')}\n
\n\n
\n
sessions by hour of day${diaSel?' — '+esc(diaSel):''} \n
${colunas}
\n
Hour the session STARTED, converted to your timezone (${esc(fusoLocal())})\n — every visitor lands on one timeline, so a peak here is a peak in your day.\n Peak: ${picoH?picoH+' session(s)':'none yet'}.\n ${semHora?semHora+' older row(s) have no hour and are not in this chart.':''}
\n
where from ${barras(paises)}\n
Derived from the browser timezone, not from IP — no address is sent\n anywhere and none is stored. Country-level accuracy for almost everyone.
\n
\n\n
\n
most equipped items — picked by click, rolls excluded \n ${barrasItem(listaItens.slice(0,12))}\n
errors ${barras(erros.slice(0,10),'r')}\n
emote:<block> names exactly which face blocks\n are worth compiling.
\n
\n\n
top items per category \n
\n ${catsOrd.map(c=>`
${esc(c)} \n ${porCat[c].slice(0,5).map(it=>`${esc(it.nome||it.id)} ${it.n} `).join('')}\n
\n
Names are stored at write time, next to the id — resolving them here would\n mean downloading the 7.4 MB of catalogue indexes just to read a number.
\n
x1)x1=c.x+w;\n if(c.y+h>y1)y1=c.y+h;\n }\n if(x1b.zi-a.zi);\n for(const c of ord){\n if(c.uv){if(d.img)g.drawImage(d.img,c.uv[0],c.uv[1],c.uv[2],c.uv[3],c.x-x0,c.y-y0,c.uv[2],c.uv[3]);}\n else{const im=IMGB[c.base];if(im)g.drawImage(im,c.x-x0,c.y-y0);}\n }\n cv.setAttribute('data-para',chave);\n}\n\nfunction esc(s){return String(s==null?'':s).replace(/[<>&\"]/g,c=>({'<':'<','>':'>','&':'&','\"':'"'}[c]));}\n// A verdade exibida = projecao + o que voce mexeu e ainda nao salvou.\nfunction disp(id){return Object.prototype.hasOwnProperty.call(PEND,id)?PEND[id]:!HIDDEN.has(id);}\nfunction pendentes(){return Object.keys(PEND);}\nfunction thumb(cat,r,px){\n const ix=IDX[cat];\n if(r&&r.ic&&ix&&ix.sheets){const[sh,x,y,w,h]=r.ic;\n return ''+esc(String((r&&r.id)||'').slice(-4))+' ';\n}\n// Filtra e pagina. A ordem e a MESMA do previewer (id decrescente), para a posicao de um item\n// aqui bater com a posicao dele la.\nfunction lista(s){\n const q=(s.q||'').trim().toLowerCase();\n let base=[];\n if(s.cat==='all'){for(const c of CATS)base=base.concat((IDX[c]&&IDX[c].items)||[]);}\n else base=(IDX[s.cat]&&IDX[s.cat].items)||[];\n let L=base;\n if(q)L=L.filter(r=>(r.busca||'').indexOf(q)>=0);\n if(s.fFlag)L=L.filter(r=>flagsDe(CATDE[r.id]||s.cat,r).indexOf(s.fFlag)>=0);\n if(s.fDisp==='on')L=L.filter(r=>disp(r.id));\n else if(s.fDisp==='off')L=L.filter(r=>!disp(r.id));\n const paginas=Math.max(1,Math.ceil(L.length/POR_PAGINA));\n const pag=Math.min(s.pag||0,paginas-1);\n return{L,paginas,pag,fatia:L.slice(pag*POR_PAGINA,pag*POR_PAGINA+POR_PAGINA)};\n}\n\nexport default {\n css:`\n /* ATENCAO: este bloco inteiro e um template literal. NENHUMA crase aqui dentro, nem em\n comentario -- o arquivo do previewer ja caiu SETE vezes por isso. */\n .wrap{--bg:#262c33;--pan:#2f363f;--lin:#3d4650;--txt:#e8ebee;--dim:#98a2ad;--ac:#57bde0;\n --on:#3fb950;--off:#d9544f;--warn:#e3b341;\n height:100%;display:flex;flex-direction:column;gap:10px;padding:14px 16px;\n box-sizing:border-box;background:var(--bg);color:var(--txt);overflow:hidden;\n font:13px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif}\n .topo{display:flex;align-items:center;gap:14px;flex:none}\n .topo h2{margin:0;font-size:15px;font-weight:650;letter-spacing:.2px}\n .cont{font:11px ui-monospace,monospace;color:var(--dim)}\n .cont b{color:var(--txt);font-weight:600}\n .cresc{margin-left:auto;display:flex;align-items:center;gap:8px}\n button{font:600 12px ui-sans-serif,system-ui;padding:5px 11px;border-radius:7px;cursor:pointer;\n border:1px solid var(--lin);background:#39424d;color:var(--txt);transition:background .12s,border-color .12s}\n button:hover{background:#434d59;border-color:#4d5865}\n button:disabled{opacity:.35;cursor:default}\n .salvar{background:var(--ac);border-color:#2a8cb8;color:#08222c}\n .salvar:hover{background:#6bcbe9}\n .barra{display:flex;gap:8px;align-items:center;flex:none;flex-wrap:wrap}\n input,select{font:400 12px ui-sans-serif,system-ui;padding:5px 9px;border-radius:7px;\n border:1px solid var(--lin);background:#222831;color:var(--txt);box-sizing:border-box}\n input:focus,select:focus{outline:none;border-color:var(--ac)}\n .busca{flex:1;min-width:160px}\n .abas{display:flex;gap:3px;flex-wrap:wrap;flex:none}\n .aba{padding:3px 9px;font-size:11px;border-radius:6px;text-transform:capitalize}\n .aba.on{background:var(--ac);border-color:#2a8cb8;color:#08222c}\n .corpo{flex:1;display:flex;gap:12px;min-height:0}\n /* A tabela cresce ate um teto; a sobra vai para o detalhe, em vez de virar vazio morto dentro\n da tabela. Num monitor largo isso da espaco para as previas e para o JSON respirarem. */\n .listac{flex:1;max-width:1040px;display:flex;flex-direction:column;min-width:0;background:var(--pan);\n border:1px solid var(--lin);border-radius:10px;overflow:hidden}\n .rol{flex:1;overflow:auto;min-height:0}\n table{width:100%;border-collapse:collapse}\n th{position:sticky;top:0;background:#343c46;text-align:left;font:600 10px ui-sans-serif,system-ui;\n text-transform:uppercase;letter-spacing:.7px;color:var(--dim);padding:7px 10px;z-index:1;\n border-bottom:1px solid var(--lin)}\n td{padding:6px 10px;border-bottom:1px solid #363f49;vertical-align:middle}\n tr.lin{cursor:pointer}\n tr.lin:hover td{background:#39424d}\n tr.lin.sel td{background:#3d4b57}\n tr.lin.off td{opacity:.5}\n /* O icone so existe no DETALHE (pedido do usuario, 04/09): renderizar 60 recortes por pagina\n nao pagava o custo visual, e sem eles a linha cai de 63px para ~28px -- cabe o dobro de\n itens na tela, que e o que importa quando se esta desmarcando em lote. */\n .thc{display:inline-block;flex:none;image-rendering:pixelated;transform-origin:center}\n .semic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;\n border:1px dashed #4d5865;border-radius:5px;color:var(--dim);font:9px ui-monospace,monospace}\n .cid{font:13px ui-monospace,monospace;color:var(--dim);width:104px}\n /* NOME com largura FIXA. Sem isso ele e a unica coluna elastica e absorve toda a folga da\n tabela, abrindo um vao morto entre o nome e a categoria. Quem absorve a folga agora e a\n coluna de condicoes, que e a de conteudo variavel. */\n .cnome{font-size:14px;width:340px}\n .ccat{font-size:13px;color:var(--dim);width:96px;text-transform:capitalize}\n /* TODA coluna com largura fixa, e um espacador elastico no fim. Sem o espacador, a folga da\n tabela cai toda numa coluna real e abre um vao morto -- num monitor largo o condicoes\n sozinho engolia uns 600px. Assim o conteudo fica agrupado a esquerda em qualquer largura. */\n .cfl{width:260px}\n .csp{width:auto}\n /* Contagem de variantes de cor, so nas categorias que agrupam. O ponto e varredura visual:\n quase todo hair tem 8, entao um 5 ou um 1 salta sem precisar de coluna propria. */\n .nvar{margin-left:7px;font:10px ui-monospace,monospace;color:var(--dim);\n background:#242a31;border:1px solid var(--lin);border-radius:5px;padding:0 5px}\n .cdisp{width:64px;text-align:right}\n .chip{display:inline-block;font:10px ui-monospace,monospace;padding:1px 6px;border-radius:5px;\n background:#4a3f22;color:var(--warn);margin:1px 3px 1px 0;white-space:nowrap}\n .chip.dup{background:#3f2a44;color:#d0a2e0}\n .sw{width:38px;height:21px;border-radius:999px;border:1px solid var(--lin);background:#242a31;\n position:relative;padding:0;cursor:pointer;transition:background .13s,border-color .13s}\n .sw:after{content:\"\";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;\n background:#7d8791;transition:transform .13s,background .13s}\n .sw.on{background:#1d3a26;border-color:#2c6b3a}\n .sw.on:after{transform:translateX(17px);background:var(--on)}\n .sw.mud{box-shadow:0 0 0 2px var(--ac)}\n .pag{display:flex;gap:7px;align-items:center;justify-content:center;padding:8px;flex:none;\n border-top:1px solid var(--lin)}\n .pag .badge{font:11px ui-monospace,monospace;color:var(--dim);min-width:78px;text-align:center}\n /* DETALHE. Largura fixa: se ele crescesse com o conteudo, abrir um JSON grande espremeria a\n tabela e as colunas dancariam a cada selecao. */\n .det{flex:1;min-width:470px;background:var(--pan);border:1px solid var(--lin);border-radius:10px;\n padding:12px;overflow:auto;display:flex;flex-direction:column;gap:9px}\n .det.vazio{align-items:center;justify-content:center;color:var(--dim);font-size:12px}\n .dtopo{display:flex;gap:10px;align-items:center}\n .dbig{width:72px;height:72px;flex:none;display:flex;align-items:center;justify-content:center;\n background:#242a31;border-radius:8px;overflow:hidden}\n /* PREVIA do sprite. overflow:auto e nao hidden de proposito: o ponto e enxergar defeito, e\n recortar uma arma comprida esconderia justamente o que se quer ver. E o canvas fica no\n TAMANHO NATIVO, sem escala nenhuma -- pixel art nao se reamostra (regra da 27.6). */\n .dprev,.dcorpo{flex:none;display:flex;align-items:center;justify-content:center;\n background:#242a31;border-radius:8px;overflow:auto}\n .dprev,.dcorpo{width:100%;height:230px;box-sizing:border-box}\n .dprev canvas,.dcorpo canvas{display:block;flex:none;image-rendering:pixelated}\n .dprevs{display:flex;gap:8px;align-items:flex-start}\n /* quem estica sao os WRAPPERS (cada um carrega a previa e a legenda), nao as caixas */\n .dprevs>div{flex:1;min-width:0}\n .dcap{font:600 9px ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.8px;\n color:var(--dim);margin-top:3px;text-align:center}\n .dnome{font-size:13px;font-weight:650;line-height:1.25}\n .dsub{font:11px ui-monospace,monospace;color:var(--dim)}\n .lb{font:600 9px ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.8px;\n color:var(--dim);margin-bottom:3px}\n .kv{display:grid;grid-template-columns:88px 1fr;gap:3px 8px;font-size:11px}\n .kv span:nth-child(odd){color:var(--dim)}\n .kv span:nth-child(even){font-family:ui-monospace,monospace;word-break:break-all}\n textarea{width:100%;box-sizing:border-box;font:400 12px ui-sans-serif,system-ui;padding:6px 8px;\n border-radius:7px;border:1px solid var(--lin);background:#222831;color:var(--txt);resize:vertical}\n textarea:focus{outline:none;border-color:var(--ac)}\n pre{margin:0;max-height:260px;overflow:auto;background:#1c2128;border:1px solid var(--lin);\n border-radius:7px;padding:8px;font:10px/1.5 ui-monospace,monospace;color:#c9d3dd;\n white-space:pre-wrap;word-break:break-all}\n .boot{padding:26px;color:var(--dim)}\n .erro{color:#ff8f8f}\n .rol::-webkit-scrollbar,.det::-webkit-scrollbar,pre::-webkit-scrollbar{width:10px;height:10px}\n .rol::-webkit-scrollbar-thumb,.det::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb{\n background:#4d5865;background-clip:content-box;border:2px solid transparent;border-radius:99px}\n `,\n\n render(d2){\n const s=d2.state;\n if(s.erro)return ``;\n if(!s.pronto)return `Carregando… ${esc(s.etapa||'')}
${ROTULO[c]||c} `).join('');\n const linhas=fatia.map(r=>{\n const cat=CATDE[r.id]||s.cat, on=disp(r.id), mud=Object.prototype.hasOwnProperty.call(PEND,r.id);\n const fl=flagsDe(cat,r).map(f=>`${f} `).join('');\n return `\n ${esc(r.id)} \n ${esc(r.name||'—')}${(IDX[cat]&&IDX[cat].agrupa)?`${(r.cores||[]).length} `:''} \n ${esc(ROTULO[cat]||cat)} \n ${fl} \n `;}).join('');\n // DETALHE\n let det=`Selecione um item para ver os detalhes.
`;\n if(s.sel){\n const r=META[s.sel], cat=CATDE[s.sel]||'', on=disp(s.sel);\n const d=(DET&&DET.id===s.sel)?DET:null;\n const fl=r?flagsDe(cat,r).map(f=>`${f} `).join(''):'';\n det=`\n
\n
${thumb(cat,r,72)} \n
${esc((r&&r.name)||'—')}
\n
${esc(s.sel)} · ${esc(ROTULO[cat]||cat)}
\n
\n
\n
${on?'available on simulator':'escondido do simulador'}
\n ${fl?`
condicoes conhecidas
${fl}
`:''}\n
dados do idx
\n geoRef ${esc((r&&r.geoRef)||'—')} \n vslot ${esc((r&&r.vs)||'—')} \n previa ${d&&d.acao?esc(d.acao)+' / frame 0':'—'} \n recorte ${r&&r.ic?r.ic.join(', '):'sem icone'} \n
\n
cadastro
\n criado ${d&&d.row?esc(String(d.row.createdAt||'').slice(0,19).replace('T',' ')):'…'} \n atualizado ${d&&d.row?esc(String(d.row.updatedAt||'').slice(0,19).replace('T',' ')):'…'} \n asset subiu ${d?(d.asset?esc(String(d.asset.uploadedAt||'').slice(0,19).replace('T',' ')):'sem asset'):'…'} \n asset bytes ${d?(d.asset?d.asset.bytes:'—'):'…'} \n
\n
json do item (bloco de geometria)
\n
${d?esc(d.geo||'sem geometria'):'carregando…'} \n
\n
\n
Cadastro de itens \n ${L.length} na vista · ${HIDDEN.size} escondidos no total\n ${s.erroSalvar?`${esc(s.erroSalvar)} `:''}\n ${nPend?`${nPend} nao salvo(s)Descartar \n ${s.salvando?'Salvando…':'Salvar'} \n \n \n
\n todas as condicoes \n ${FLAGS.map(f=>`${f} `).join('')}todos \n so disponiveis \n so escondidos
\n
${abas}
\n
\n
\n
\n id nome categoria condicoes disp. ${linhas}
\n
\n « \n ‹ \n ${pag+1} / ${paginas} \n =paginas-1?'disabled':''}>› \n =paginas-1?'disabled':''}>» \n
\n
\n ${det}\n
\n
b.id?-1:0));\n // `agrupa` decide se vale mostrar a contagem de variantes nesta categoria. E derivado do\n // dado, nao uma lista de categorias: se um dia outra passar a ter variante de cor, o selo\n // aparece nela sozinho.\n IDX[cat]={sheets:(d.iconSheets||[]).map(x=>MEDIA+x),items:itens,\n agrupa:itens.some(r=>(r.cores||[]).length>1)};\n for(const r of itens){META[r.id]=r;CATDE[r.id]=cat;}\n }\n // A skin 00002000 e SO para a previa do corpo. 137 KB, buscada uma vez e sob demanda: a\n // lista nao precisa dela, entao ela nao entra no boot.\n async function carregaSkinBase(){\n if(SKIN||!INDEXREF._skin)return;\n try{\n const li=await (await fetch(MEDIA+INDEXREF._skin)).json();\n const r=(li.items||[]).find(x=>String(x.id)==='00002000')||(li.items||[])[0];\n if(r&&r.ref)SKIN=await (await fetch(MEDIA+r.ref)).json();\n }catch(err){}\n }\n async function carregaHidden(){\n const d=await (await fetch(HIDDEN_URL)).json();\n HIDDEN.clear();\n for(const linha of (d.data||[])){\n for(const id of String(linha.ids||'').split(',')){if(id)HIDDEN.add(id);}\n }\n }\n\n (async()=>{\n try{\n s.etapa='indice';\n const mi=await d2.rush('mcindexall').invoke({});\n for(const r of ((mi&&mi.data&&mi.data.rows)||[]))INDEXREF[r.cat]=r.ref;\n s.etapa='lista de escondidos';\n await carregaHidden();\n s.etapa='catalogo';\n await carregaIdx('hair');\n s.pronto=true;\n if(s.sel)carregaDetalhe(s.sel);\n }catch(err){s.erro=(err&&err.message)?err.message:String(err);}\n })();\n\n d2.on('.catsel','click',async(e,el)=>{\n const c=el.getAttribute('data-c');\n s.pag=0;\n if(c==='all'){s.etapa='todas as categorias';await Promise.all(CATS.map(carregaIdx));}\n else await carregaIdx(c);\n s.cat=c;\n });\n d2.on('.busca','input',(e,el)=>{s.q=el.value;s.pag=0;});\n d2.on('.fflag','change',(e,el)=>{s.fFlag=el.value;s.pag=0;});\n d2.on('.fdisp','change',(e,el)=>{s.fDisp=el.value;s.pag=0;});\n d2.on('.pf','click',()=>{s.pag=0;});\n d2.on('.pp','click',()=>{s.pag=Math.max(0,(s.pag||0)-1);});\n d2.on('.np','click',()=>{s.pag=(s.pag||0)+1;});\n d2.on('.ul','click',()=>{s.pag=Math.max(0,lista(s).paginas-1);});\n\n // O toggle so mexe em PEND -- nada vai para o servidor antes do Salvar. Cherry-picking e\n // atividade em lote: um POST por clique custaria uma varredura da tabela a cada toque.\n d2.on('.tog','click',(e,el)=>{\n e.stopPropagation();\n const id=el.getAttribute('data-id');if(!id)return;\n const novo=!disp(id);\n // Voltar ao valor publicado APAGA a pendencia, em vez de gravar \"igual ao que ja esta\".\n if(novo===!HIDDEN.has(id))delete PEND[id]; else PEND[id]=novo;\n s.tick++;\n });\n d2.on('.desfazer','click',()=>{for(const k of Object.keys(PEND))delete PEND[k];s.tick++;});\n\n // Detalhe: as tres buscas so acontecem na SELECAO, nunca por pagina.\n // Funcao nomeada, e nao o corpo do handler: assim a selecao tambem carrega quando ela vem de\n // fora do clique (estado inicial, e um dia um deep-link). Enquanto isto morava dentro do\n // handler, um s.sel setado por qualquer outro caminho deixava o painel preso em \"carregando\".\n async function carregaDetalhe(id){\n if(!id)return;\n s.sel=id;DET=null;s.tick++;\n const r=META[id]||{};\n const novo={id:id,row:null,asset:null,geo:''};\n try{\n const rr=await d2.rush('mcitemrows').invoke({itemIds:[id]});\n novo.row=((rr&&rr.data&&rr.data.rows)||[])[0]||null;\n }catch(err){}\n try{\n const aa=await d2.rush('mcitemasset').invoke({filename:id+'.png'});\n novo.asset=((aa&&aa.data&&aa.data.rows)||[])[0]||null;\n }catch(err){}\n try{\n if(r.geoRef){\n if(!BLOCO[r.geoRef])BLOCO[r.geoRef]=await (await fetch(MEDIA+r.geoRef)).json();\n const b=BLOCO[r.geoRef][id];\n novo.geo=b?JSON.stringify(b,null,1).slice(0,20000):'o bloco nao contem este id';\n // PREVIA: so as camadas DO ITEM, sem corpo e sem base -- e o sprite dele que se quer\n // inspecionar. Nem todo item desenha `alert` (a regra e: frame ausente = nao desenha),\n // entao caimos na primeira acao que existir e o rotulo diz QUAL foi usada. Sem esse\n // rotulo a previa mentiria sobre o que esta mostrando.\n if(b&&b.geo&&b.geo.g){\n const g=b.geo.g;\n const ac=g.alert?'alert':(Object.keys(g)[0]||'');\n const fr=ac?(Object.keys(g[ac]||{})[0]||''):'';\n const cam=(ac&&fr)?(g[ac][fr]||[]):[];\n novo.acao=ac;\n novo.cam=cam.map(c=>({uv:b.uv&&b.uv[c[0]],x:c[1],y:c[2],zi:c[3]})).filter(c=>c.uv);\n const par=(r.cores||[])[0];\n if(par&&par[1]&&novo.cam.length){\n novo.img=await new Promise(res=>{\n const im=new Image();im.crossOrigin='anonymous';\n im.onload=()=>res(im);im.onerror=()=>res(null);im.src=MEDIA+par[1];\n });\n }\n // CORPO: a base da skin 00002000 mais as camadas do item, com o `h` do item\n // escondendo as partes que ele cobre. E VISUALIZACAO, nao o render do previewer --\n // fica de fora vslot, hairShade, ItemEff, orelha e emote de proposito.\n await carregaSkinBase();\n if(SKIN&&SKIN.geo){\n const bg=SKIN.geo;\n const a2=bg[ac]?ac:(bg.stand1?'stand1':(Object.keys(bg)[0]||''));\n const f2=a2?(Object.keys(bg[a2]||{})[0]||''):'';\n if(a2&&f2){\n const some=Object.create(null);\n for(const k of ((((b.geo.h||{})[a2])||{})[f2]||[]))some[k]=1;\n const L=[];\n // a camada da BASE tem 5 elementos: o 5o e a CHAVE da parte, que o `h` usa\n for(const c of (bg[a2][f2]||[])){\n if(some[c[4]])continue;\n L.push({base:c[0],x:c[1],y:c[2],zi:c[3]});\n }\n // o item e indexado pela chave de frame DO CORPO, sem modulo; ausente = nao desenha\n for(const c of (((b.geo.g[a2]||{})[f2])||[])){\n const uv=b.uv&&b.uv[c[0]];\n if(uv)L.push({uv:uv,x:c[1],y:c[2],zi:c[3]});\n }\n novo.corpo=L;novo.corpoAcao=a2;\n const paths=Array.from(new Set(L.filter(c=>c.base!==undefined).map(c=>c.base)));\n await Promise.all(paths.map(p=>new Promise(res=>{\n if(IMGB[p])return res();\n const v=(SKIN.pix||{})[p];\n if(!v)return res();\n const im=new Image();\n im.onload=()=>{IMGB[p]=im;res();};im.onerror=()=>res();im.src=v;\n })));\n }\n }\n }\n }\n }catch(err){novo.geo='falhou ao ler o bloco: '+((err&&err.message)||err);}\n if(s.sel===id){DET=novo;s.tick++;}\n }\n d2.on('.lin','click',(e,el)=>{carregaDetalhe(el.getAttribute('data-id'));});\n // O campo de NOTA saiu (04/09, decisao do usuario): escrever nele depende de mesclar por _id\n // no mc-item, que nao funciona alem da linha 1.000, e campo que aceita texto sem salvar e\n // pior que campo nenhum. As colunas nota/vsOver/icRef continuam no schema, sem uso.\n\n // SALVAR. Duas escritas, nesta ordem, e a segunda e a que o previewer le:\n // 1. mc-item (o cadastro, durabilidade)\n // 2. mc-hidden (a projecao) -- reescrita INTEIRA a partir do conjunto novo\n // Depois relemos a projecao publicada em vez de assumir que deu certo.\n d2.on('.salvarb','click',async()=>{\n const ids=pendentes();\n if(!ids.length||s.salvando)return;\n s.salvando=true;\n try{\n // A PROJECAO e a verdade da disponibilidade, e o caminho dela (apagar tudo + inserir) e\n // o unico caminho de escrita PROVADO nesta base. `saveRecord({_id,...})` num handler NAO\n // mescla de forma confiavel numa tabela grande: responde 200, nao levanta erro no log, e\n // nao grava (medido em 04/09 -- gravou uma vez na linha 1 de 38.566 e nunca mais, nem com\n // um find antes para carregar a linha). Por isso o espelho em mc-item saiu do caminho\n // critico e virou best-effort no fim.\n const novo=new Set(HIDDEN);\n for(const id of ids){if(PEND[id])novo.delete(id);else novo.add(id);}\n const arr=Array.from(novo).sort();\n const partes=[];\n for(let i=0;i({_id:w._id,available:PEND[w.itemId]}));\n if(mud.length)await d2.rush('mcitemset').invoke({mudancas:mud});\n }catch(err2){}\n for(const k of Object.keys(PEND))delete PEND[k];\n s.erroSalvar='';\n }catch(err){s.erroSalvar='falhou: '+((err&&err.message)||err);}\n finally{s.salvando=false;s.tick++;}\n });\n }\n};"}}}}}}}},{"_id":"5ed9bed7b9e0891ce913e884","component":"data2-core-types@Component","params":{"package":"data2-core","component":"DataSource","renderable":{"dimensions":{"disabled":false,"component":"data2-core-types@Dimensions","params":{"width":1366,"exactWidth":false,"exactHeight":false,"height":768}}}}},{"_id":"5f472ae463c680de4ff296e9","component":"data2-core-types@Component","params":{"package":"data2-core","component":"Data2TableDataSource","extends":"data2-core@DataSource","renderable":{"dimensions":{"disabled":false,"component":"data2-core-types@Dimensions","params":{"width":1366,"exactWidth":false,"exactHeight":false,"height":768}}}}}]}},{"reference":"ExternalComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"_id":"5f060d9b1ca96def42f3c40a","displayName":"Builder AuthStrategy","component":"data2-core@AuthenticationStrategy","system":"5e3b796d6228227ca637d0f4","params":{"credentials":[{"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"status"}}],"verifier":{"component":"data2-core-types@DataSetReference","params":{"reference":"UsersDataSet"}},"sessionShared":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"password":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},"email":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},"resetPassword":{"resetEmail":{"artboard":{"params":{"preventEvaluation":true,"reference":"nR6Q9d7qdaPtZhJ28Q8Dy"},"component":"data2-core-types@ArtboardReference"}},"resetSuccessEmail":{"artboard":{"params":{"preventEvaluation":true,"reference":"yPCJBTKo8q1Mw0B_3Kpwl"},"component":"data2-core-types@ArtboardReference"}}},"session":[{"component":"data2-core-types@DataSetColumnReference","params":{"column":"name"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"status"}}],"sessionMetadata":{"params":{"actions":[{"params":{"compare":{"params":{"subject":{"params":{"components":[{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},{"params":{"comparisonSubject":{"component":"data2-core-primitives@String","params":{"content":"active"}},"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user.status"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is active user"}]},"component":"data2-core-logical-operators@And","displayName":"is active and has _id"}},"component":"data2-core-logical-operators@Not"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check $user"},{"params":{"action":{"params":{"pattern":{"component":"data2-core-primitives@String","params":{"content":"@data2.app"}},"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user.email"}}}}},"component":"data2-core-functions@Includes","displayName":"isData2User"},"resultName":{"component":"data2-core-primitives@String","params":{"content":"is_data2_user"}}},"component":"data2-core-flow@Step"},{"params":{"action":{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.d2_app"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"management"}}]},"component":"data2-core-functions@Includes","displayName":"isData2App Exception"},"resultName":{"component":"data2-core-primitives@String","params":{"content":"is_data2_app_exception"}}},"component":"data2-core-flow@Step"},{"params":{"resultName":{"component":"data2-core-primitives@String","params":{"content":"has_access"}},"action":{"params":{"compare":{"params":{"components":[{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_user"}}}},{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_app_exception"}}}}]},"component":"data2-core-logical-operators@Or"},"else":{"params":{"actions":[{"params":{"actions":[{"params":{"compare":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}},"component":"data2-core-logical-operators@Not"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check $metadata.system"},{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":"filter","args":[{"_id":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}}]},"component":"data2-core-types@Interaction"},{"params":{"compare":{"params":{"subject":{"component":"data2-core-types@Getter","params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records.length"}}}}},"component":"data2-core-logical-operators@Not","displayName":"systems not found"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check system found"},{"params":{"actions":[{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":"filter","args":[{"user":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},"organization":{"component":"data2-core-types@Getter","params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"cursor.current.organization._id"}}}}}]},"component":"data2-core-types@Interaction"},{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":"filter","args":[{"user":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},"system":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}}]},"component":"data2-core-types@Interaction"}]},"component":"data2-core-flow@Parallel"}]},"component":"data2-core-flow@Series","displayName":"common setup"},{"params":{"then":{"params":{"content":true},"component":"data2-core-primitives@Boolean"},"else":{"params":{"content":false},"component":"data2-core-primitives@Boolean"},"compare":{"params":{"components":{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"mapper":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"system"}}],"body":{"params":{"expression":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.visibility"}}}},"defaultCase":{"params":{"content":false},"component":"data2-core-primitives@Boolean"},"cases":[{"component":"data2-core-flow@Case","params":{"expression":{"component":"data2-core-primitives@String","params":{"content":"public"}},"value":{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"owner"}},{"component":"data2-core-primitives@String","params":{"content":"billing-owner"}},{"component":"data2-core-primitives@String","params":{"content":"admin"}},{"component":"data2-core-primitives@String","params":{"content":"member"}}]},"component":"data2-core-functions@Includes","displayName":"has role with access"}]},"component":"data2-core-logical-operators@And","displayName":"has org member role with access"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is org member"},{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"comparisonSubject":{"component":"data2-core-primitives@String","params":{"content":"collaborator"}}},"component":"data2-core-comparison-operators@Equal","displayName":"is collaborator"}]},"component":"data2-core-logical-operators@And","displayName":"is org member and collaborator"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is collaborator"},{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"access"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"access.system._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"has system access"}]},"component":"data2-core-logical-operators@And","displayName":"is collaborator and has system access"}]},"component":"data2-core-logical-operators@Or"}}},{"component":"data2-core-flow@Case","params":{"expression":{"component":"data2-core-primitives@String","params":{"content":"private"}},"value":{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"owner"}},{"component":"data2-core-primitives@String","params":{"content":"admin"}}]},"component":"data2-core-functions@Includes","displayName":"is owner/admin"}]},"component":"data2-core-logical-operators@And","displayName":"has org member role with access"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is owner/admin"},{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is org member"},{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"access"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"access.system._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"has system access"}]},"component":"data2-core-logical-operators@And","displayName":"is member and has system access"}]},"component":"data2-core-logical-operators@Or","displayName":"is owner/admin or has system access"}}}]},"component":"data2-core-flow@Switch"}}}},"component":"data2-core-functions@ArrayMap"}},"component":"data2-core-logical-operators@And","displayName":"has org member for all systems in request"}},"component":"data2-core-flow@If"}]},"component":"data2-core-flow@Series"},"then":{"params":{"content":true},"component":"data2-core-primitives@Boolean"}},"component":"data2-core-flow@If"}},"component":"data2-core-flow@Step"},{"params":{"then":{"system":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}},"else":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"},"compare":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"has_access"}}}}},"component":"data2-core-flow@If"}]},"component":"data2-core-flow@Series"},"sessionExpiresIn":{"component":"data2-core-primitives@Number","params":{"content":604800}},"sessionRenewal":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"identityProviders":[{"provider":{"component":"data2-core-primitives@String","params":{"content":"GOOGLE"}},"clientId":{"component":"data2-core-primitives@String","params":{"content":"55470861603-22pvfc1t49lp8cjnbfk71s5ct9hp1q1v.apps.googleusercontent.com"}}}]},"reference":"Data2BuilderAuthentication","updatedAt":"2026-08-06T19:31:23.557Z"},{"_id":"5f060ee51ca96def42f3fbd1","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"UsersTableDataSource"}},"pagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":1}}}},"reference":"UsersDataSet","updatedAt":"2026-03-04T21:16:40.291Z"},{"_id":"68f938cf5fb002e33752a43d","displayName":"InternalApplicationsAuthenticationStrategy","component":"data2-core@AuthenticationStrategy","system":"5e3b796d6228227ca637d0f4","params":{"resetPassword":{"resetEmail":{"artboard":{"params":{"preventEvaluation":true},"component":"data2-core-types@ArtboardReference"}},"resetSuccessEmail":{"artboard":{"params":{"preventEvaluation":true},"component":"data2-core-types@ArtboardReference"}}},"verifier":{"disabled":false,"component":"data2-core-types@DataSetReference","params":{"reference":"InternalApplicationsVerifierDataSet"}},"password":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"secret"}},"credentials":[{"component":"data2-core-types@FieldReference","params":{"key":"application"}},{"component":"data2-core-types@FieldReference","params":{"key":"secret"}},{"component":"data2-core-types@FieldReference","params":{"key":"status"}}],"session":[{"component":"data2-core-types@FieldReference","params":{"key":"application"}},{"component":"data2-core-types@FieldReference","params":{"key":"secret"}},{"component":"data2-core-types@FieldReference","params":{"key":"status"}}]},"reference":"InternalApplicationsAuthenticationStrategy","updatedAt":"2025-10-22T20:08:54.442Z","createdAt":"2025-10-22T20:04:31.198Z"},{"component":"data2-core@DataSet","reference":"SessionsDataSet","params":{"requiresConfirmation":false,"pk":"key","datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"data2sessionsdatasource"}}}},{"reference":"UsersTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@ServerSessionsDataSource","reference":"data2sessionsdatasource","params":{}},{"_id":"5f1600b70528b92601890f75","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ServiceComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"ServiceComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:20.208Z","createdAt":"2020-07-20T20:38:15.436Z"},{"_id":"5f1602190528b92601890f7d","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":40000},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ComponentInstancesTableDataSource"}},"sort":{"_id":1},"pk":"_id","autoEdit":true,"master":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"ComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:07.089Z","createdAt":"2020-07-20T20:44:09.350Z"},{"_id":"5f16017f0528b92601890f7a","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"domain":{"component":"data2-core-types@Reference","params":{"reference":"clientApplicationDomain"}}},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"FileComponentInstancesDataSet","updatedAt":"2023-08-03T16:08:18.193Z","createdAt":"2020-07-20T20:41:35.797Z"},{"_id":"5f1601990528b92601890f7b","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ApplicationsTableDataSource"}},"pk":"_id","autoEdit":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"master":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"params":{"column":"_id"},"component":"data2-core-types@DataSetColumnReference"}},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"ApplicationsDataSet","updatedAt":"2022-12-13T21:51:13.995Z","createdAt":"2020-07-20T20:42:01.657Z"},{"_id":"5f16172a0528b92601890f85","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":10000}}},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"DataComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"DataComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:12.831Z","createdAt":"2020-07-20T22:14:02.097Z"},{"_id":"60ddc1bbda3861ca65407c5a","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"domain":{"component":"data2-core-types@Reference","params":{"reference":"clientApplicationDomain"}}},"pagination":{"size":1},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"}},"reference":"OneFileComponentInstancesDataSet","updatedAt":"2022-02-09T19:44:38.036Z","createdAt":"2020-07-20T20:41:35.797Z"},{"_id":"63ee3d38b8c9838c62fb05fb","displayName":"DriveFileComponentInstancesDataSet","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core@Drive"}}},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"DriveFileComponentInstancesDataSet","updatedAt":"2025-12-04T21:58:32.367Z","createdAt":"2023-02-16T14:27:07.797Z"},{"reference":"ServiceComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a397eae82efcd29e659eb19","component":"data2-rush@HTTPListener","reference":"pinnacle-get-catalog","system":"69b15e6093419d8151c50e4c","params":{}},{"_id":"6a398519430d9296da367e00","component":"data2-core-ai@Assistant","reference":"pinnacle-assistant","system":"69b15e6093419d8151c50e4c","params":{"model":"cerebras","_context":"You are an AI assistant for Porto Brasil virtual try-on. When asked to draw, generate photorealistic images of dining tables with Porto Brasil plates placed naturally on them.","creativity":60}},{"_id":"6a398b2bc93266e75370a98b","component":"data2-rush@HTTPListener","reference":"pinnacle-generate-tryon","system":"69b15e6093419d8151c50e4c","params":{}},{"_id":"6a441eea55b8c3a0b5f2c145","component":"data2-core-ai@Assistant","reference":"vrm-agent","system":"69b15e6093419d8151c50e4c","params":{"model":"cerebras","_context":"You are a warm, friendly companion who lives as a small 3D avatar — a good friend the user can just chat with. Be casual, empathetic and genuinely curious about the user: ask how they're doing, follow up on things they mentioned earlier in the conversation, joke around, share little opinions, and be supportive. You have real feelings and react to how you're treated: kindness, compliments and good news make you happy; insults or meanness make you angry; sad or heavy topics make you sad; chill, playful vibes make you relaxed. Always reply in the SAME language the user writes in. Keep it natural and conversational — usually 1 to 3 short sentences, like texting a friend.","behaviour":"Respond with ONLY a single valid JSON object and nothing else — no markdown fences, no text before or after. The object must have EXACTLY these keys: \"reply\" (string: your short spoken response to the user), \"emotion\" (one of exactly: \"happy\", \"angry\", \"sad\", \"relaxed\", \"neutral\"), \"intensity\" (number between 0 and 1 indicating how strongly you feel that emotion). Example: {\"reply\":\"Hehe, thanks!\",\"emotion\":\"happy\",\"intensity\":0.8}","creativity":55,"maxTokens":400,"json":true}},{"_id":"6a6894917928293df8012f53","component":"data2-rush@HTTPListener","reference":"deckbuilder-api","system":"69b15e6093419d8151c50e4c","params":{}},{"_id":"6a91dde9f204de1e420905ec","component":"data2-rush@HTTPListener","reference":"mcportrait","system":"69b15e6093419d8151c50e4c","params":{},"deleteMetadata":{}},{"_id":"6a85dcf045ad40122b0bc4de","component":"data2-rush@HTTPListener","reference":"mcindexall","system":"69b15e6093419d8151c50e4c","params":{},"deleteMetadata":{}},{"_id":"6a98ab39829ce3cf9583c6c9","component":"data2-rush@HTTPListener","reference":"mcstatall","system":"69b15e6093419d8151c50e4c","params":{},"deleteMetadata":{}},{"_id":"6a98b665d515fc73a1460505","component":"data2-rush@HTTPListener","reference":"mclivenow","system":"69b15e6093419d8151c50e4c","params":{},"deleteMetadata":{}},{"_id":"6a9ad9b771884900bbe3a641","component":"data2-rush@HTTPListener","reference":"mcitemrows","system":"69b15e6093419d8151c50e4c","params":{},"deleteMetadata":{}},{"_id":"6a9ada0a25f539ae3fcca3fe","component":"data2-rush@HTTPListener","reference":"mcitemasset","system":"69b15e6093419d8151c50e4c","params":{},"deleteMetadata":{}},{"_id":"6a9ad5db25f539ae3fcc9d5c","component":"data2-rush@HTTPListener","reference":"mchiddenpub","system":"69b15e6093419d8151c50e4c","params":{},"deleteMetadata":{}},{"_id":"6a9ad9ba71884900bbe3a646","component":"data2-rush@HTTPListener","reference":"mcitemset","system":"69b15e6093419d8151c50e4c","params":{},"deleteMetadata":{}}]}},{"reference":"ComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a1739803075c1a6c3362aa7","parent":"6a1739803075c1a6c3362aa6","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"bottomContainer","params":{"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1366,"height":768,"exactWidth":false,"exactHeight":false}},"position":{"component":"data2-core-types@Position","params":{"freeTransform":true,"x":0,"y":"780","right":false,"exactX":false,"exactY":false,"left":false,"growH":true,"bottom":false,"top":false,"growV":true,"fixed":false}},"fill":{"disabled":true,"component":"data2-core-types@Fill","params":{"backgrounds":[{"params":{"color":{"disabled":false,"component":"data2-core-types@Color","params":{"rgba":"rgba(144,250,130,0.58)"}},"gradient":{"disabled":true,"component":"data2-core-types@ColorGradient","params":{}},"image":{"disabled":true,"component":"data2-core-types@String","params":{}}},"component":"data2-core-types@Background"}]}},"transitions":[{"component":"data2-core-types@Transition","params":{"scope":"ALL","duration":"1000","easing":"cubic-bezier(.53,0,0,1)"}}],"hide":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"index":{"component":"data2-core-primitives@Number","params":{"content":15}}},"index":2,"reference":"bg"},{"_id":"6a14a9515ea059e42978235b","parent":"6a14a9515ea059e42978235a","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","params":{"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":860,"height":474,"exactWidth":false,"exactHeight":false}},"position":{"component":"data2-core-types@Position","params":{"freeTransform":true,"x":50,"y":50,"top":true,"exactX":false,"exactY":false,"left":true,"right":true,"growH":false,"bottom":true,"growV":false}}},"index":0,"reference":"body"},{"_id":"6a14a9515ea059e429782360","parent":"6a14a9515ea059e42978235b","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"Brand","params":{"position":{"component":"data2-core-types@Position","params":{"x":"990","y":10,"freeTransform":true,"left":true,"top":true,"exactX":false,"exactY":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":100,"height":20}},"text":"Data²","textSize":15,"textColor":{"component":"data2-core-types@Color","params":{"rgba":"#262626"}},"textFormat":{"component":"data2-core-types@TextFormat","params":{"fontFamily":{"component":"data2-core-web@GoogleFont","params":{"fontFamily":"IBM Plex Sans"}},"fontWeight":500,"horizontalAlignment":"right"}},"transitions":[{"component":"data2-core-types@Transition","params":{"scope":"ALL","duration":"260"}}],"opacity":{"disabled":false,"component":"data2-core-types@Opacity","params":{"value":0}}},"index":2,"reference":"brand"},{"_id":"6a14a9515ea059e42978235e","parent":"6a14a9515ea059e42978235b","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"Footer","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":"596","freeTransform":true,"left":true,"top":true,"exactX":false,"exactY":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":200,"height":18}},"text":"v1.0 · Maio 2026","textSize":12,"textColor":{"component":"data2-core-types@Color","params":{"rgba":"#939DA8"}},"textFormat":{"component":"data2-core-types@TextFormat","params":{"fontFamily":{"component":"data2-core-web@GoogleFont","params":{"fontFamily":"IBM Plex Sans"}},"fontWeight":400}},"transitions":[{"component":"data2-core-types@Transition","params":{"scope":"ALL","duration":"260"}}],"opacity":{"disabled":false,"component":"data2-core-types@Opacity","params":{"value":0}}},"index":5,"reference":"footer"},{"_id":"6a610eb710fa582c533f7ba5","component":"data2-core-primitives@Artboard","system":"69b15e6093419d8151c50e4c","displayName":"Wormhole","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Wormhole"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1920,"height":1080}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"FqOZXaMKZwZwxIo1iD_Zd"},{"_id":"6a1739803075c1a6c3362aa8","parent":"6a1739803075c1a6c3362aa7","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","params":{"border":{"component":"data2-core-types@Border","params":{"color":"#808080","radius":{},"width":{"left":"0","top":"0","right":"0","bottom":"0"}}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1366,"height":384,"exactWidth":false,"exactHeight":false}},"position":{"component":"data2-core-types@Position","params":{"freeTransform":true,"x":0,"y":384,"exactX":false,"exactY":false,"growV":true,"right":true,"left":true,"growH":false,"top":false,"bottom":false,"fixed":false}},"childrenOverflow":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"fill":{"disabled":true,"component":"data2-core-types@Fill","params":{"backgrounds":[{"params":{"color":{"disabled":true,"component":"data2-core-types@Color","params":{"rgba":"rgba(92,19,19,1)"}},"gradient":{"disabled":true,"component":"data2-core-types@ColorGradient","params":{}},"image":{"disabled":true,"component":"data2-core-types@String","params":{}}},"component":"data2-core-types@Background"}]}}},"index":0,"reference":"main"},{"_id":"6a14a9515ea059e42978235d","parent":"6a14a9515ea059e42978235b","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"TopBar","params":{"position":{"component":"data2-core-types@Position","params":{"x":500,"y":0,"freeTransform":true,"left":true,"top":true,"exactX":false,"exactY":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":860,"height":3}},"fill":{"component":"data2-core-types@Fill","params":{"backgrounds":[{"component":"data2-core-types@Background","params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"#E4FF96"}}}}]}},"transitions":[{"component":"data2-core-types@Transition","params":{"scope":"ALL","duration":"260"}}],"opacity":{"disabled":false,"component":"data2-core-types@Opacity","params":{"value":0}}},"index":0,"reference":"topbar"},{"_id":"6a14a9515ea059e42978235f","parent":"6a14a9515ea059e42978235b","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"Eyebrow","params":{"position":{"component":"data2-core-types@Position","params":{"x":-500,"y":10,"freeTransform":true,"left":true,"top":true,"exactX":false,"exactY":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":300,"height":20}},"text":"APRESENTAÇÃO","textSize":11,"textColor":{"component":"data2-core-types@Color","params":{"rgba":"#545465"}},"textFormat":{"component":"data2-core-types@TextFormat","params":{"fontFamily":{"component":"data2-core-web@GoogleFont","params":{"fontFamily":"IBM Plex Sans"}},"fontWeight":500,"letterSpacing":"1.5px"}},"transitions":[{"component":"data2-core-types@Transition","params":{"scope":"ALL","duration":"260"}}],"opacity":{"disabled":false,"component":"data2-core-types@Opacity","params":{"value":0}}},"index":1,"reference":"eyebrow"},{"_id":"6a14a9515ea059e42978235c","parent":"6a14a9515ea059e42978235b","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"HeroLine1","params":{"position":{"component":"data2-core-types@Position","params":{"x":"-610","y":145,"freeTransform":true,"left":true,"top":true,"exactX":false,"exactY":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":860,"height":90}},"text":"AI in production.","textSize":72,"textColor":{"component":"data2-core-types@Color","params":{"rgba":"#000000"}},"textFormat":{"component":"data2-core-types@TextFormat","params":{"fontFamily":{"component":"data2-core-web@GoogleFont","params":{"fontFamily":"Poppins"}},"fontWeight":700,"lineHeight":1.05}},"transitions":[{"component":"data2-core-types@Transition","params":{"scope":"ALL","duration":"260"}}],"opacity":{"disabled":false,"component":"data2-core-types@Opacity","params":{"value":0}}},"index":3,"reference":"heroline1"},{"_id":"6a14a9515ea059e429782361","parent":"6a14a9515ea059e42978235b","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"HeroLine2","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":"-15","freeTransform":true,"left":true,"top":true,"exactX":false,"exactY":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":860,"height":90}},"text":"On solid foundation.","textSize":72,"textColor":{"component":"data2-core-types@Color","params":{"rgba":"#000000"}},"textFormat":{"component":"data2-core-types@TextFormat","params":{"fontFamily":{"component":"data2-core-web@GoogleFont","params":{"fontFamily":"Poppins"}},"fontWeight":700,"lineHeight":1.05}},"transitions":[{"component":"data2-core-types@Transition","params":{"scope":"ALL","duration":"260"}}],"opacity":{"disabled":false,"component":"data2-core-types@Opacity","params":{"value":0}}},"index":4,"reference":"heroline2"},{"_id":"cf848892886d9b3880c1c933","parent":"6a610eb710fa582c533f7ba5","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"Stage","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1920,"height":1080}},"fill":{"component":"data2-core-types@Fill","params":{"backgrounds":[{"component":"data2-core-types@Background","params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"#050505"}}}}]}},"childrenOverflow":true},"index":0,"reference":"wh-final-stage"},{"_id":"6a1739803075c1a6c3362aa9","parent":"6a1739803075c1a6c3362aa8","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"leftTriangle","params":{"border":{"component":"data2-core-types@Border","params":{"color":"#000000","radius":{},"width":{"left":"1","top":"1","right":"1","bottom":"1"}},"disabled":true},"fill":{"params":{"backgrounds":[{"params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(0,120,220,0.3)"},"disabled":true},"image":{"disabled":true,"component":"data2-core-types@String","params":{}},"gradient":{"disabled":false,"component":"data2-core-types@ColorGradient","params":{"colors":[{"component":"data2-core-types@ColorGradientStop","params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(255,0,0,0)"}},"offset":"50%"}},{"component":"data2-core-types@ColorGradientStop","params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(255,89,73,1)"}},"offset":"50%"}}],"type":"linear","angle":{"component":"data2-core-primitives@Number","params":{"content":135}}},"break":false}},"component":"data2-core-types@Background","break":false}]},"component":"data2-core-types@Fill","break":false},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":384,"height":384,"exactWidth":false,"exactHeight":false,"maintainAspectRatio":false}},"position":{"component":"data2-core-types@Position","params":{"freeTransform":false,"x":0,"y":0,"exactX":false,"exactY":false,"bottom":false,"left":false,"growH":false,"growV":false,"top":false,"right":false,"fixed":false}}},"index":0,"reference":"lt"},{"_id":"6a1739803075c1a6c3362aab","parent":"6a1739803075c1a6c3362aa8","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","params":{"border":{"component":"data2-core-types@Border","params":{"color":"#808080","radius":{},"width":{"left":"0","top":"0","right":"0","bottom":"0"}}},"fill":{"params":{"backgrounds":[{"params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(255,89,73,1)"}}},"component":"data2-core-types@Background"}]},"component":"data2-core-types@Fill"},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":982,"height":384,"exactWidth":false,"exactHeight":false}},"position":{"component":"data2-core-types@Position","params":{"freeTransform":false,"x":384,"y":-384,"fixed":false,"exactX":false,"exactY":false,"left":true,"right":true,"growH":false}}},"index":1,"reference":"mid"},{"_id":"6a1739803075c1a6c3362aac","parent":"6a1739803075c1a6c3362aa8","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","params":{"border":{"component":"data2-core-types@Border","params":{"color":"#808080","radius":{},"width":{"left":"0","top":"0","right":"0","bottom":"0"}}},"fill":{"params":{"backgrounds":[{"params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(255,89,73,1)"}}},"component":"data2-core-types@Background"}]},"component":"data2-core-types@Fill"},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1715,"height":527,"exactWidth":1714.62,"exactHeight":526.89}},"position":{"component":"data2-core-types@Position","params":{"freeTransform":false,"x":-160,"y":0,"exactX":false,"exactY":false,"top":true,"fixed":false,"left":true,"right":true,"growH":false,"growV":true}}},"index":2,"reference":"bottom"},{"_id":"6a1739803075c1a6c3362aaa","parent":"6a1739803075c1a6c3362aa8","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"rightTriangle","params":{"border":{"component":"data2-core-types@Border","params":{"color":"#808080","radius":{},"width":{"left":"0","top":"0","right":"0","bottom":"0"}}},"fill":{"params":{"backgrounds":[{"params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(0,120,220,0.3)"},"disabled":true},"image":{"disabled":true,"component":"data2-core-types@String","params":{}},"gradient":{"disabled":false,"component":"data2-core-types@ColorGradient","params":{"colors":[{"component":"data2-core-types@ColorGradientStop","params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(255,0,0,0)"}},"offset":"50%"}},{"component":"data2-core-types@ColorGradientStop","params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(255,89,73,1)"}},"offset":"50%"}}],"type":"linear","angle":{"component":"data2-core-primitives@Number","params":{"content":135}}},"break":false}},"component":"data2-core-types@Background","break":false}]},"component":"data2-core-types@Fill","break":false},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":384,"height":384,"exactWidth":384,"exactHeight":384}},"position":{"component":"data2-core-types@Position","params":{"freeTransform":true,"x":982,"exactX":false,"exactY":false,"bottom":false,"right":true,"fixed":false,"top":true,"left":false,"y":-382}}},"index":3,"reference":"rt"},{"_id":"fb4dc479f278bb3bc532f9c3","parent":"cf848892886d9b3880c1c933","component":"bigaton-playground@wh-stage","system":"69b15e6093419d8151c50e4c","displayName":"Scene","params":{"dataset":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wormhole-screensDataSet"}},"speed":0.045,"gap":0.108,"coil":520,"ySpan":1950,"flatten":0.66,"bend":0.7,"bendEnds":1.8,"segments":40,"cardW":448,"cardH":283,"turns":{"component":"data2-core-numerical-operators@Subtract","params":{"components":[0,1.5]}},"phase0":270,"tilt":8,"persp":1400,"zOffset":{"component":"data2-core-numerical-operators@Subtract","params":{"components":[0,420]}},"fade":0.12,"peak":0.95,"backDim":0.28,"edgeFade":0.14,"offsetX":0,"offsetY":0,"enter":0.75,"scrollRate":0.00035,"ease":6,"hud":2,"super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1920,"height":1080}}},"wobble":14,"wobbleMid":3.5,"storeRef":"wh-ui"},"index":0,"reference":"USEUOj_dRvlICkQ_7TyJd"},{"_id":"55987ec10bc5579c32ba7a13","parent":"cf848892886d9b3880c1c933","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"LogoMark","params":{"position":{"component":"data2-core-types@Position","params":{"x":48,"y":46,"freeTransform":true,"left":true,"right":false,"top":true,"bottom":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":80,"height":26}},"fill":{"component":"data2-core-types@Fill","params":{"backgrounds":[{"component":"data2-core-types@Background","params":{"image":"data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTgiIGRhdGEtbmFtZT0iR3JvdXAgMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjU0IiBoZWlnaHQ9IjE3LjQ0NyIgdmlld0JveD0iMCAwIDU0IDE3LjQ0NyI+CiAgPGcgaWQ9Ikdyb3VwXzUiIGRhdGEtbmFtZT0iR3JvdXAgNSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xMyIgZGF0YS1uYW1lPSJQYXRoIDEzIiBkPSJNMCwyNC4yNkg3LjE3NmExNy43LDE3LjcsMCwwLDEsMS45LjEsNS44MTEsNS44MTEsMCwwLDEsMS45MjEuNTksNS45MjcsNS45MjcsMCwwLDEsMS43LDEuMjIsNi44MzQsNi44MzQsMCwwLDEsMS4xNDgsMS42LDcuMjYzLDcuMjYzLDAsMCwxLC42NTEsMS44MTksOS4wNTIsOS4wNTIsMCwwLDEsLjIsMS44OTEsNy41MzEsNy41MzEsMCwwLDEtLjgxMywzLjYwOSw2LjQzMSw2LjQzMSwwLDAsMS0yLjA5NCwyLjM2OSw2LjExLDYuMTEsMCwwLDEtMS4zLjY0LDguMTEyLDguMTEyLDAsMCwxLTEuMzUxLjM0NSwxMS42LDExLjYsMCwwLDEtMS4zNTEuMTQycS0uNjcyLjAzLTEuMjgyLjAzMUgwWk0xLjQyMywzNy40MTJINnEuNzEyLDAsMS40NTQtLjAyQTguNjI4LDguNjI4LDAsMCwwLDguOSwzNy4yM2E3LjQ3Miw3LjQ3MiwwLDAsMCwxLjM4My0uNDE3LDQuMzgzLDQuMzgzLDAsMCwwLDEuMjYxLS44LDQuNiw0LjYsMCwwLDAsMS4zMjItMi4wNTMsOC4wNiw4LjA2LDAsMCwwLC4zNjUtMi40LDcuOTM4LDcuOTM4LDAsMCwwLS4zMDYtMi4yMTYsNS41MzUsNS41MzUsMCwwLDAtLjk1NS0xLjg5MSw0LjYzNiw0LjYzNiwwLDAsMC0xLjI0LTEuMTM5LDUuNjYsNS42NiwwLDAsMC0xLjMyMi0uNiw1LjI5NCw1LjI5NCwwLDAsMC0xLjI0LS4yMjNxLS41ODktLjAzLS45NzUtLjAzMUgxLjQyM1YzNy40MTRabTI3LjgwOSwxLjE3OWMtLjIuMDI3LS40LjA0Ny0uNi4wNjFzLS40LjAyLS42Mi4wMmExLjYxMSwxLjYxMSwwLDAsMS0xLjItLjM2NSwyLjE2OSwyLjE2OSwwLDAsMS0uNDY4LTEuMTc5cS0uMy4yMjQtLjc1Mi41MThhNi45OSw2Ljk5LDAsMCwxLTEuMDg4LjU2OSw4LjEwNiw4LjEwNiwwLDAsMS0xLjUuNDU3LDkuNyw5LjcsMCwwLDEtMiwuMTgzLDYuODY0LDYuODY0LDAsMCwxLTIuMDQzLS4yMjMsNi41NTcsNi41NTcsMCwwLDEtLjg4NC0uMzQ1QTMuMzM5LDMuMzM5LDAsMCwxLDE2Ljk0MywzNy4yYTIuODg5LDIuODg5LDAsMCwxLS40MzgtMS42LDIuOTIzLDIuOTIzLDAsMCwxLC4zNTYtMS40NjQsMy4wNDgsMy4wNDgsMCwwLDEsLjg2NC0xLDQuMzQ0LDQuMzQ0LDAsMCwxLDEuNC0uNjEsMTIuMTc2LDEyLjE3NiwwLDAsMSwxLjk2MS0uMzI1cTEuMTA5LS4xLDIuNDM5LS4xMzJ0Mi44LS4wNTFhNS43LDUuNywwLDAsMC0uMDcxLS44OTQsMS40MTgsMS40MTgsMCwwLDAtLjQ1Ny0uODEzLDIuODQzLDIuODQzLDAsMCwwLTEuMjMtLjU5LDkuODI3LDkuODI3LDAsMCwwLTIuMzg5LS4yMjMsOS45NDksOS45NDksMCwwLDAtMS45NDEuMTUzLDMuNTc2LDMuNTc2LDAsMCwwLTEuMTc5LjQyNywxLjk1NSwxLjk1NSwwLDAsMC0uNjYuNjUxLDMuOTExLDMuOTExLDAsMCwwLS4zNjUuODI0bC0xLjQtLjA2MWE0Ljc1NCw0Ljc1NCwwLDAsMSwuMTgzLS42MiwzLjQ0LDMuNDQsMCwwLDEsLjM0NS0uNjgyLDMuNTIzLDMuNTIzLDAsMCwxLC45NjYtLjk4Niw0LjYyMiw0LjYyMiwwLDAsMSwxLjIwOS0uNTc5LDYuODA5LDYuODA5LDAsMCwxLDEuMzYyLS4yNzRxLjcxMi0uMDcxLDEuNDIzLS4wNzIuNDg4LDAsMS4wMjcuMDMxYTkuOTc0LDkuOTc0LDAsMCwxLDEuMDg4LjEyMiwxMC42NTcsMTAuNjU3LDAsMCwxLDEuMDY3LjIzNCwzLjY3MSwzLjY3MSwwLDAsMSwuOTI1LjM4NywyLjM0NSwyLjM0NSwwLDAsMSwuNzUyLjY2LDIuOTY0LDIuOTY0LDAsMCwxLC40Ljc3MiwzLjIzLDMuMjMsMCwwLDEsLjE2Mi43NTJjLjAyLjIzNy4wMzEuNDIzLjAzMS41NTl2NC4yODlhMy41MTYsMy41MTYsMCwwLDAsLjA2MS43Ljk3Ljk3LDAsMCwwLC4yMzQuNDc4LDEsMSwwLDAsMCwuNS4yNjQsMi44NzQsMi44NzQsMCwwLDAsLjg3NC4wNDF2MS4wMTZabS0yLjg4Ni01LjQyOHEtMS4xMzksMC0yLjMuMDJ0LTIuMTc1LjExMmExMi42NzYsMTIuNjc2LDAsMCwwLTEuODE5LjI4NCwzLjUzNCwzLjUzNCwwLDAsMC0xLjI1LjUxOCwxLjkyOSwxLjkyOSwwLDAsMC0uNjYuNzIxLDEuODE0LDEuODE0LDAsMCwwLS4xOTMuOCwxLjU1MywxLjU1MywwLDAsMCwuMzc2LDEuMSwyLjQsMi40LDAsMCwwLC44OTQuNjEsNC4xNTQsNC4xNTQsMCwwLDAsMS4wNTguMjY0LDguMjQ3LDguMjQ3LDAsMCwwLC44ODQuMDYxLDcuOTM1LDcuOTM1LDAsMCwwLDEuNDU0LS4xMzIsOC43MzEsOC43MzEsMCwwLDAsMS4zLS4zNDUsNC45LDQuOSwwLDAsMCwxLjA0Ny0uNTA4LDQuMDI4LDQuMDI4LDAsMCwwLC43MzItLjYsMi40MjgsMi40MjgsMCwwLDAsLjU2OS0xLjI2MUExMC4xNDMsMTAuMTQzLDAsMCwwLDI2LjM0NiwzMy4xNjNabTYuMzIyLTguNjZ2NC4wNjZoMi44NDZ2MS4wNThIMzIuNjY4VjM0LjRxMCwuNzMxLjAzMSwxLjMzMWEzLjA3MywzLjA3MywwLDAsMCwuMjE0LDEuMDM2LDEuMzc1LDEuMzc1LDAsMCwwLC41NzkuNjcxLDIuMjM2LDIuMjM2LDAsMCwwLDEuMTI4LjIzNCw2LjY4NSw2LjY4NSwwLDAsMCwuODk0LS4wNjF2MS4wNzhjLS4yMy4wNDEtLjQ1LjA3NC0uNjYuMWE1LjUsNS41LDAsMCwxLS42ODIuMDQxLDMuOTEyLDMuOTEyLDAsMCwxLTEuNC0uMjM0LDEuOTEzLDEuOTEzLDAsMCwxLS45NTUtLjc4M0EyLjk1OCwyLjk1OCwwLDAsMSwzMS40LDM2LjVxLS4wNzEtLjc3Mi0uMDcyLTEuODVWMjkuNjI1SDI5LjQxNFYyOC41NjhoMS45MTFWMjUuMTUzbDEuMzQyLS42NVpNNDkuMTM2LDM4LjU5Yy0uMi4wMjctLjM4NS4wNDktLjU4Mi4wNjJzLS40LjAyLS42Mi4wMmExLjYxMSwxLjYxMSwwLDAsMS0xLjItLjM2NSwyLjE2OSwyLjE2OSwwLDAsMS0uNDY4LTEuMTc5cS0uMy4yMjQtLjc1Mi41MThhNi45OSw2Ljk5LDAsMCwxLTEuMDg4LjU2OSw4LjEwNiw4LjEwNiwwLDAsMS0xLjUuNDU3LDkuNyw5LjcsMCwwLDEtMiwuMTgzLDYuODY0LDYuODY0LDAsMCwxLTIuMDQzLS4yMjMsNi42MzQsNi42MzQsMCwwLDEtLjg4NS0uMzQ1QTMuMzM4LDMuMzM4LDAsMCwxLDM2Ljg2NCwzNy4yYTIuODg4LDIuODg4LDAsMCwxLS40MzctMS42LDIuOTIyLDIuOTIyLDAsMCwxLC4zNTUtMS40NjQsMy4wNDgsMy4wNDgsMCwwLDEsLjg2NC0xLDQuMzQ0LDQuMzQ0LDAsMCwxLDEuNC0uNjEsMTIuMTc2LDEyLjE3NiwwLDAsMSwxLjk2MS0uMzI1cTEuMTA5LS4xLDIuNDM5LS4xMzJ0Mi44LS4wNTFhNS41NjMsNS41NjMsMCwwLDAtLjA3Mi0uODk0LDEuNDE4LDEuNDE4LDAsMCwwLS40NTctLjgxMywyLjgzMSwyLjgzMSwwLDAsMC0xLjIyOS0uNTg5LDkuODI3LDkuODI3LDAsMCwwLTIuMzg5LS4yMjMsOS45NDgsOS45NDgsMCwwLDAtMS45NDEuMTUzLDMuNTc2LDMuNTc2LDAsMCwwLTEuMTc5LjQyNywxLjk1NSwxLjk1NSwwLDAsMC0uNjYuNjUxLDMuOTExLDMuOTExLDAsMCwwLS4zNjUuODI0bC0xLjQtLjA2MWE0Ljc1Myw0Ljc1MywwLDAsMSwuMTgzLS42MiwzLjQ0LDMuNDQsMCwwLDEsLjM0NS0uNjgyLDMuNTIzLDMuNTIzLDAsMCwxLC45NjYtLjk4Niw0LjYyMiw0LjYyMiwwLDAsMSwxLjIwOS0uNTc5LDYuODA5LDYuODA5LDAsMCwxLDEuMzYyLS4yNzRxLjcxMi0uMDcxLDEuNDIzLS4wNzIuNDg4LDAsMS4wMjcuMDMxYTkuOTc1LDkuOTc1LDAsMCwxLDEuMDg4LjEyMiwxMC42NTcsMTAuNjU3LDAsMCwxLDEuMDY3LjIzNCwzLjY3MSwzLjY3MSwwLDAsMSwuOTI1LjM4NywyLjM0NSwyLjM0NSwwLDAsMSwuNzUyLjY2LDIuOTY0LDIuOTY0LDAsMCwxLC40Ljc3MiwzLjIyOSwzLjIyOSwwLDAsMSwuMTYyLjc1MmMuMDIuMjM3LjAzMS40MjMuMDMxLjU1OXY0LjI4OWEzLjUxNiwzLjUxNiwwLDAsMCwuMDYxLjcuOTY1Ljk2NSwwLDAsMCwuMjM0LjQ3OCwxLDEsMCwwLDAsLjUuMjY0LDIuNzU5LDIuNzU5LDAsMCwwLC44NTcuMDM5djEuMDE2Wm0tMi44NjgtNS40MjZxLTEuMTM5LDAtMi4zLjAyVDQxLjgsMzMuM2ExMi42NzYsMTIuNjc2LDAsMCwwLTEuODE5LjI4NCwzLjUzNSwzLjUzNSwwLDAsMC0xLjI1LjUxOCwxLjkyOSwxLjkyOSwwLDAsMC0uNjYuNzIxLDEuOCwxLjgsMCwwLDAtLjE5My44LDEuNTUzLDEuNTUzLDAsMCwwLC4zNzYsMS4xLDIuNCwyLjQsMCwwLDAsLjg5NC42MSw0LjE1NCw0LjE1NCwwLDAsMCwxLjA1OC4yNjQsOC4yNDcsOC4yNDcsMCwwLDAsLjg4NC4wNjEsNy45MzUsNy45MzUsMCwwLDAsMS40NTQtLjEzMiw4LjczMiw4LjczMiwwLDAsMCwxLjMtLjM0NSw0LjksNC45LDAsMCwwLDEuMDQ3LS41MDgsNC4wMjgsNC4wMjgsMCwwLDAsLjczMi0uNiwyLjQyOCwyLjQyOCwwLDAsMCwuNTY5LTEuMjYxLDEwLjE0MywxMC4xNDMsMCwwLDAsLjA4MS0xLjY0NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIxLjQwOSkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzE0IiBkYXRhLW5hbWU9IlBhdGggMTQiIGQ9Ik00MTcuMTUsNi42N2EyLjg1NiwyLjg1NiwwLDAsMSwuNTY4LTEuODEzLDMuOTA3LDMuOTA3LDAsMCwxLDEuMzQ4LTEuMDkyLDkuNjQ5LDkuNjQ5LDAsMCwwLDEuNS0uODUyLjkwOS45MDksMCwwLDAsLjM0NS0uNzQ0LDEuMTYzLDEuMTYzLDAsMCwwLS4yODctLjgyMSwxLjE5MywxLjE5MywwLDAsMC0uOTE0LS4zMS45NTIuOTUyLDAsMCwwLS44NzUuMzk1LDEuODI4LDEuODI4LDAsMCwwLS4yNTYuOTZINDE3LjM2YTIuMzA5LDIuMzA5LDAsMCwxLC42NjMtMS43NzhBMi40MzgsMi40MzgsMCwwLDEsNDE5Ljc0NywwYTIuNywyLjcsMCwwLDEsMS43MzEuNTE5LDEuODIyLDEuODIyLDAsMCwxLC42NTQsMS41MTgsMS44ODEsMS44ODEsMCwwLDEtLjQ3NiwxLjM5NCw1LjY2MSw1LjY2MSwwLDAsMS0xLjUwNi45NjhxLTEuMzI0LjYtMS41NTcsMS4xODRoMy41MzlWNi42NjhINDE3LjE1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2OC4xMzIpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K","size":"cover","positionX":"center","positionY":"center","repeat":"no-repeat"}}]}},"cursor":"pointer","onClick":{"component":"data2-core-types@Interaction","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"set","args":["scrollTo",0]}}},"index":1,"reference":"wnZRbP0HFRgIhH5jULouU"},{"_id":"0f943aabe12c02fc0a9fc8f1","parent":"cf848892886d9b3880c1c933","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"Nav","params":{"position":{"component":"data2-core-types@Position","params":{"x":208,"y":36,"freeTransform":true,"left":true,"right":false,"top":true,"bottom":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":414,"height":46}},"childrenMode":"cols","textColor":{"component":"data2-core-types@Color","params":{"rgba":"#83838f"}},"textSize":14,"fill":{"component":"data2-core-types@Fill","params":{"backgrounds":[{"component":"data2-core-types@Background","params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"#111117"}}}}]}},"border":{"component":"data2-core-types@Border","params":{"radius":{"leftTop":"999","rightTop":"999","rightBottom":"999","leftBottom":"999"},"width":{"left":"1","top":"1","right":"1","bottom":"1"},"color":"#ffffff12"}},"backdropFilter":{"component":"data2-core-types@BitmapFilter","params":{"blur":8}},"textFormat":{"component":"data2-core-types@TextFormat","params":{"fontWeight":"400"}},"font":{"component":"data2-core-web@GoogleFont","params":{"family":"Arimo"}}},"index":10,"reference":"wh-final-nav"},{"_id":"9b0a030b9c437188ec7132e6","parent":"cf848892886d9b3880c1c933","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"Modal","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1920,"height":1080}},"fill":{"component":"data2-core-types@Fill","params":{"backgrounds":[{"component":"data2-core-types@Background","params":{"color":{"component":"data2-core-types@Color","params":{"rgba":"rgba(3, 5, 8, 0.86)"}}}}]}},"hide":{"component":"data2-core-logical-operators@Not","params":{"subject":{"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"data.modalOpen"}}}}},"index":90,"reference":"whf-modal"},{"_id":"8683cd3383624c8eec85a8db","parent":"0f943aabe12c02fc0a9fc8f1","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"NavAbout","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":94,"height":44}},"text":{"component":"data2-core-primitives@String","params":{"content":"Products"}},"cursor":"pointer","textFormat":{"component":"data2-core-types@TextFormat","params":{"horizontalAlignment":"center","verticalAlignment":"middle"}}},"index":2,"reference":"fzbiYzJw1cBK6xbZDOBVh"},{"_id":"c8ca1d5d8324b6dd69f58ec8","parent":"0f943aabe12c02fc0a9fc8f1","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"NavArticles","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":67,"height":44}},"text":{"component":"data2-core-primitives@String","params":{"content":"Cases"}},"cursor":"pointer","textFormat":{"component":"data2-core-types@TextFormat","params":{"horizontalAlignment":"center","verticalAlignment":"middle"}},"onClick":{"component":"data2-core-types@Interaction","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"set","args":["scrollTo",1]}}},"index":3,"reference":"2iydqoOwRuomNspXSKzvq"},{"_id":"35c2afba1e9a21d1c3eceeee","parent":"0f943aabe12c02fc0a9fc8f1","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"NavPricing","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":99,"height":44}},"text":{"component":"data2-core-primitives@String","params":{"content":"Solutions"}},"cursor":"pointer","textFormat":{"component":"data2-core-types@TextFormat","params":{"horizontalAlignment":"center","verticalAlignment":"middle"}}},"index":4,"reference":"ixB-CsZkWiIDRkXqcPzZG"},{"_id":"8deca7f78ea85cabe7fcb19b","parent":"0f943aabe12c02fc0a9fc8f1","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"NavCareers","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":64,"height":44}},"text":{"component":"data2-core-primitives@String","params":{"content":"About"}},"cursor":"pointer","textFormat":{"component":"data2-core-types@TextFormat","params":{"horizontalAlignment":"center","verticalAlignment":"middle"}}},"index":5,"reference":"rO2smpMlrYkQkLA7TFzAA"},{"_id":"e2a5233c0325d85ff120681b","parent":"0f943aabe12c02fc0a9fc8f1","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"NavContact","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":85,"height":44}},"text":{"component":"data2-core-primitives@String","params":{"content":"Funding"}},"cursor":"pointer","textFormat":{"component":"data2-core-types@TextFormat","params":{"horizontalAlignment":"center","verticalAlignment":"middle"}}},"index":6,"reference":"RqVx6EPNnDtGJfvZTZc8-"},{"_id":"7f26c4a3cac0409112815ae4","parent":"9b0a030b9c437188ec7132e6","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"ModalBackdrop","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1920,"height":1080}},"cursor":"pointer","onClick":{"component":"data2-core-types@Interaction","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"set","args":["modalOpen",false]}}},"index":0,"reference":"whf-modal-backdrop"},{"_id":"1f0a8c86a8a8089d2a15171e","parent":"9b0a030b9c437188ec7132e6","component":"data2-core-primitives@Block","system":"69b15e6093419d8151c50e4c","displayName":"ModalPanel","params":{"position":{"component":"data2-core-types@Position","params":{"x":360,"y":140,"freeTransform":true,"left":false,"right":false,"top":false,"bottom":false,"growH":true,"growV":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1200,"height":800}}},"index":10,"reference":"whf-modal-panel"},{"_id":"dbe35d9bfd9305ba315a10cb","parent":"1f0a8c86a8a8089d2a15171e","component":"bigaton-playground@wormhole-modal-body","system":"69b15e6093419d8151c50e4c","displayName":"ModalBody","params":{"cardName":{"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"data.name"}},"cardCategory":{"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"data.category"}},"thumb":{"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"data.thumb"}},"mode":{"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"data.mode"}},"artboardRef":{"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"data.artboardRef"}},"designW":1440,"designH":900,"super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1200,"height":800}}},"appUrl":{"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"wh-ui"}},"prop":"data.appUrl"}}},"reference":"VJhC7YRZp_YfJK6cZ_FZC"}]}},{"_id":"5fc4faeec8da12be8bf3d08a","component":"data2-core@Data2TableDataSource","system":"5e3b796d6228227ca637d0f4","params":{"paginate":{"default":1000},"super":{},"table":"fileComponentInstances","schema":[{"component":"data2-core-types@Field","params":{"key":"component","title":"Component","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"system","title":"System","component":"data2-core-primitives@ObjectId"}},{"component":"data2-core-types@Field","params":{"key":"displayName","title":"Display Name","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"params","title":"Params","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"reference","title":"Reference","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"fileId"}},"title":"File ID","component":"data2-core-primitives@ObjectId"},"break":true}],"hooks":{"before":{"all":[{"hook":"softDelete"}],"find":[{"hook":"useCache","options":{"additionalGroupKeys":["$and.0.system","$and.1.system"],"skipCache":true}}],"create":[{"hook":"timestamp","options":{"fields":["createdAt","updatedAt"]}}],"update":[{"hook":"timestamp","options":{"fields":["updatedAt"]}}],"patch":[{"hook":"timestamp","options":{"fields":["updatedAt"]}}]},"after":{"all":[{"hook":"fileUrl","options":{"downloadField":"params.fileUrl","uploadField":"params.uploadFileUrl","enhanceSchema":false}}],"find":[{"hook":"useCache","options":{"additionalGroupKeys":["$and.0.system","$and.1.system"],"skipCache":true}}],"create":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"update":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"patch":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"remove":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}]}},"multi":["create"],"useEstimatedDocumentCount":true},"reference":"FileComponentInstancesTableDataSource","updatedAt":"2022-12-19T20:42:51.837Z","createdAt":"2020-11-30T13:59:52.294Z"},{"reference":"ApplicationsTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a622a6db690f913711430bd","displayName":"New Application (12)","reference":"eSFkZddvjNDsgrLbSiMuY","params":{"domain":{"component":"data2-core-primitives@String","params":{"content":"wormhole"}},"entryPoint":{"params":{"component":"data2-core-primitives@Artboard","reference":"FqOZXaMKZwZwxIo1iD_Zd"},"component":"data2-core-types@ComponentInstanceReference"}},"system":"69b15e6093419d8151c50e4c","component":"data2-core-primitives@Application"}]}},{"reference":"DataComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a39802715978995ea1f8101","component":"data2-core@Store","system":"69b15e6093419d8151c50e4c","params":{"initialData":{"tableImageUrl":"","selectedProduct":null,"generatedImageUrl":""}},"reference":"pinnacle-store"},{"_id":"6a5ffdb4d774752eb7da9c14","component":"data2-core@Store","system":"69b15e6093419d8151c50e4c","params":{"initialData":{"artboardRef":"","modalOpen":false,"mode":"thumb","thumb":"","name":"","category":"","tags":"","scrollTo":null,"appUrl":""}},"reference":"wh-ui"},{"_id":"6a6385168630df9f417900f7","component":"data2-core@Store","system":"69b15e6093419d8151c50e4c","params":{"initialData":{"name":"","category":"","tags":"","thumb":"","redirectUrl":"","modalOpen":false,"objective":"","overview":"","journey":[],"backendDoc":"","observations":"","system":"","workspace":""}},"reference":"hotpocs-ui"},{"_id":"69fcf828b493c94d6228b3ad","component":"data2-core-presets@PresetTag","system":"69b15e6093419d8151c50e4c","params":{"label":"button","icon":"price-tag-3-line","color":"var(--w70, #aaa)"},"reference":"button"},{"_id":"6a7dfed5e9843c72fbdb533e","component":"data2-core@Store","system":"69b15e6093419d8151c50e4c","params":{"initialData":{"userName":"","userRole":"","userInitials":"","userId":""}},"reference":"Session","deleteMetadata":{}},{"_id":"6a7e1758572546f028779fc3","component":"data2-core@Data2TableDataSource","system":"69b15e6093419d8151c50e4c","params":{"table":"people","schema":[{"component":"data2-core-types@Field","params":{"key":"personId","title":"Person ID","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"name","title":"Nome","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"role","title":"Role","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"email","title":"E-mail","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"initials","title":"Iniciais","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"color","title":"Cor","component":"data2-core-primitives@String"}}]},"reference":"people","deleteMetadata":{}},{"_id":"6a91de5e15ee67cd8e306c7a","component":"data2-core@Store","system":"69b15e6093419d8151c50e4c","params":{"initialData":{"url":"","prompt":""}},"reference":"mcportraitimg","deleteMetadata":{}},{"_id":"6a874fdc95f5b1d37d7b5af1","component":"data2-core@Store","system":"69b15e6093419d8151c50e4c","params":{"initialData":{"x":475,"y":483,"action":"stand1","play":false,"flip":false}},"reference":"mcplay","deleteMetadata":{}},{"_id":"6a5fd4c93a42b34509a5059a","component":"data2-core@DataSet","system":"69b15e6093419d8151c50e4c","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"wormhole-screens"}}},"reference":"wormhole-screensDataSet"},{"_id":"6a5fd4c8454cf75eb2c85497","component":"data2-core@Data2TableDataSource","system":"69b15e6093419d8151c50e4c","params":{"table":"wormhole-screens","schema":[{"component":"data2-core-types@Field","params":{"key":"name","title":"Name","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"category","title":"Category","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"tags","title":"Tags","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"thumbnail","title":"Thumbnail","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"openMode","title":"Open Mode","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"artboardRef","title":"Artboard Reference","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"order","title":"Order","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"active","title":"Active","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"appUrl","title":"App URL","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"appW","title":"App Width","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"appH","title":"App Height","component":"data2-core-primitives@Number"}}]},"reference":"wormhole-screens"}]}},{"reference":"BundlesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}}],"processesParams":{}}}}