arraste para mover · roda do mouse / pinça para zoom
'\n + '
';\n },\n mounted(d2){\n var FILES = { rodovias: d2.param('rodoviasUrl', ''), rios: d2.param('riosUrl', '') };\n var STYLE = {\n river: { color: '#2f7fd8', w: 0.8 },\n secondary: { color: '#8a877f', w: 0.8 },\n primary: { color: '#e0822b', w: 1.3 },\n trunk: { color: '#c2410c', w: 2.0 }\n };\n var ORDER = ['river', 'secondary', 'primary', 'trunk'];\n // Geometria fica fora do d2.state (é grande e não deve disparar re-render)\n var geo = { river: [], secondary: [], primary: [], trunk: [] };\n var bbox = [180, 90, -180, -90];\n var view = null, cv = null, ctx = null, W = 0, H = 0, dpr = 1, raf = 0;\n var layers = { trunk: true, primary: true, secondary: true, river: true };\n function txt(sel, v){ var el = d2.$(sel); if (el) el.textContent = v; }\n\n function mercY(lat){ var r = lat * Math.PI / 180; return Math.log(Math.tan(Math.PI / 4 + r / 2)) * 180 / Math.PI; }\n\n function ingest(json, kind){\n var n = { trunk: 0, primary: 0, secondary: 0, river: 0 };\n (json.features || []).forEach(function(f){\n if (!f.geometry) return;\n var key = kind === 'rios' ? 'river' : f.properties && f.properties.highway;\n if (!geo[key]) return;\n var lines = f.geometry.type === 'MultiLineString' ? f.geometry.coordinates : [f.geometry.coordinates];\n lines.forEach(function(line){\n var a = new Float32Array(line.length * 2);\n for (var i = 0; i < line.length; i++){\n var x = line[i][0], y = mercY(line[i][1]);\n a[i * 2] = x; a[i * 2 + 1] = y;\n if (x < bbox[0]) bbox[0] = x; if (x > bbox[2]) bbox[2] = x;\n if (y < bbox[1]) bbox[1] = y; if (y > bbox[3]) bbox[3] = y;\n }\n geo[key].push(a);\n });\n n[key]++;\n });\n return n;\n }\n\n function fit(){\n if (!W || bbox[0] > bbox[2]) return;\n var k = Math.min(W / (bbox[2] - bbox[0]), H / (bbox[3] - bbox[1])) * 0.92;\n view = { k: k, cx: (bbox[0] + bbox[2]) / 2, cy: (bbox[1] + bbox[3]) / 2 };\n }\n\n function draw(){\n raf = 0;\n if (!ctx || !view) return;\n var t0 = performance.now();\n var L = layers;\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n ctx.clearRect(0, 0, W, H);\n var k = view.k, ox = W / 2 - view.cx * k, oy = H / 2 + view.cy * k;\n // janela visível em coordenadas do mapa, para pular linhas fora da tela\n var vx0 = (0 - ox) / k, vx1 = (W - ox) / k, vy0 = (oy - H) / k, vy1 = oy / k;\n var pts = 0;\n ctx.lineJoin = 'round'; ctx.lineCap = 'round';\n ORDER.forEach(function(key){\n if (!L[key]) return;\n ctx.beginPath();\n ctx.strokeStyle = STYLE[key].color;\n ctx.lineWidth = STYLE[key].w * Math.max(1, Math.min(3, Math.log2(k / 20 + 1)));\n var arr = geo[key];\n for (var j = 0; j < arr.length; j++){\n var a = arr[j], n = a.length, inside = false;\n for (var i = 0; i < n; i += 2){ var x = a[i], y = a[i + 1]; if (x >= vx0 && x <= vx1 && y >= vy0 && y <= vy1){ inside = true; break; } }\n if (!inside) continue;\n ctx.moveTo(a[0] * k + ox, oy - a[1] * k);\n for (var i2 = 2; i2 < n; i2 += 2) ctx.lineTo(a[i2] * k + ox, oy - a[i2 + 1] * k);\n pts += n / 2;\n }\n ctx.stroke();\n });\n var ms = Math.round(performance.now() - t0);\n txt('[data-pts]', d2.fmt.number(pts)); txt('[data-ms]', ms + ' ms');\n }\n function schedule(){ if (!raf) raf = requestAnimationFrame(draw); }\n\n function resize(){\n if (!cv) return;\n var r = cv.getBoundingClientRect();\n dpr = window.devicePixelRatio || 1;\n W = r.width; H = r.height;\n cv.width = Math.round(W * dpr); cv.height = Math.round(H * dpr);\n if (!view) fit();\n schedule();\n }\n\n cv = d2.$('[data-cv]'); ctx = cv.getContext('2d');\n var ro = new ResizeObserver(resize); ro.observe(cv);\n d2.onUnmount(function(){ ro.disconnect(); if (raf) cancelAnimationFrame(raf); });\n\n // arrastar + pinça\n var ptrs = {}, last = null;\n d2.on(cv, 'pointerdown', function(e){ cv.setPointerCapture(e.pointerId); ptrs[e.pointerId] = { x: e.clientX, y: e.clientY }; cv.classList.add('drag'); last = null; });\n d2.on(cv, 'pointermove', function(e){\n if (!ptrs[e.pointerId] || !view) return;\n var ids = Object.keys(ptrs);\n if (ids.length === 1){\n view.cx -= (e.clientX - ptrs[e.pointerId].x) / view.k;\n view.cy += (e.clientY - ptrs[e.pointerId].y) / view.k;\n } else if (ids.length === 2){\n var o = ptrs[ids[0] == e.pointerId ? ids[1] : ids[0]];\n var d = Math.hypot(e.clientX - o.x, e.clientY - o.y);\n if (last) view.k = Math.max(5, Math.min(200000, view.k * d / last));\n last = d;\n }\n ptrs[e.pointerId] = { x: e.clientX, y: e.clientY };\n schedule();\n });\n function up(e){ delete ptrs[e.pointerId]; last = null; if (!Object.keys(ptrs).length) cv.classList.remove('drag'); }\n d2.on(cv, 'pointerup', up); d2.on(cv, 'pointercancel', up);\n d2.on(cv, 'wheel', function(e){\n if (!view) return;\n e.preventDefault();\n var r = cv.getBoundingClientRect(), mx = e.clientX - r.left, my = e.clientY - r.top;\n var k = view.k, ox = W / 2 - view.cx * k, oy = H / 2 + view.cy * k;\n var gx = (mx - ox) / k, gy = (oy - my) / k;\n var nk = Math.max(5, Math.min(200000, k * Math.exp(-e.deltaY * 0.0015)));\n view.k = nk; view.cx = gx - (mx - W / 2) / nk; view.cy = gy + (my - H / 2) / nk;\n schedule();\n }, { passive: false });\n\n d2.on('[data-layer]', 'change', function(e, el){\n layers[el.getAttribute('data-layer')] = el.checked;\n schedule();\n });\n d2.on('[data-reset]', 'click', function(){ fit(); schedule(); });\n\n // carrega os dois arquivos do Drive em paralelo\n Object.keys(FILES).forEach(function(name){\n var url = FILES[name];\n var cell = d2.$('[data-f=\"' + name + '\"]');\n var files = function(v){\n if (!cell) return;\n cell.className = v.error ? 'err' : '';\n cell.textContent = v.error ? v.error : d2.fmt.bytes(v.bytes) + ' · ' + v.dl + ' ms · parse ' + v.parse + ' ms';\n };\n if (!url){ files({ error: 'parâmetro vazio' }); return; }\n var t0 = performance.now(), t1;\n fetch(url).then(function(r){ if (!r.ok) throw new Error('HTTP ' + r.status); return r.text(); })\n .then(function(body){\n t1 = performance.now();\n var json = JSON.parse(body);\n var n = ingest(json, name);\n var t2 = performance.now();\n Object.keys(n).forEach(function(k){ if (n[k]) txt('[data-n=\"' + k + '\"]', d2.fmt.number(n[k])); });\n files({ bytes: body.length, dl: Math.round(t1 - t0), parse: Math.round(t2 - t1) });\n fit(); schedule();\n })\n .catch(function(e){ files({ error: (e && e.message) || String(e) }); });\n });\n }\n};"}},"rodoviasUrl":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"rodoviasUrl"}}}},"riosUrl":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"riosUrl"}}}}}}}}}},{"_id":"6ab47c14ab5404c7a0311c0f","component":"data2-core-types@Component","system":"6329b5535b2103060e128c0a","params":{"extends":"data2-core-primitives@Block","component":"OSM_Brasil_do_Drive_streaming","package":"gui","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 :host{display:block;height:100%;--bg:#f4f3ee;--ink:#1d1d1b;--mut:#77756f;--line:#dedcd3;--panel:#fff;--river:#2f7fd8;--motorway:#7a1f0e;--trunk:#c2410c;--primary:#e0822b;--secondary:#8a877f;--tertiary:#b9b6ad}\n *{box-sizing:border-box}\n .root{position:relative;height:100%;background:var(--bg);color:var(--ink);font:13px/1.45 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;overflow:hidden}\n canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}\n canvas.drag{cursor:grabbing}\n .panel{position:absolute;top:16px;left:16px;width:330px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}\n h1{font-size:14px;margin:0 0 2px;font-weight:600}\n .sub{color:var(--mut);font-size:11.5px;margin:0 0 10px}\n label{display:flex;align-items:center;gap:8px;padding:2px 0;cursor:pointer}\n label i{width:18px;height:3px;border-radius:2px;display:inline-block}\n label .n{margin-left:auto;color:var(--mut);font-variant-numeric:tabular-nums;font-size:12px}\n .sep{border-top:1px solid var(--line);margin:10px 0}\n table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}\n td{padding:2px 0;vertical-align:top}\n td:last-child{text-align:right}\n th{text-align:left;font-weight:600;color:var(--mut);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;padding:4px 0 2px}\n .bar{height:4px;background:var(--line);border-radius:2px;margin:2px 0 6px;overflow:hidden}\n .bar b{display:block;height:100%;width:0;background:var(--ink);transition:width .2s}\n .err{color:#b42318}\n .hint{position:absolute;right:16px;bottom:14px;color:var(--mut);font-size:11.5px;background:rgba(244,243,238,.85);padding:4px 8px;border-radius:4px}\n button{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:5px 10px;cursor:pointer;margin-top:10px}\n @media (max-width:520px){.panel{left:8px;right:8px;top:8px;width:auto}}\n `,\n render(){\n var LAYERS = [['motorway','Autoestrada (motorway)'],['trunk','Rodovia expressa (trunk)'],['primary','Rodovia principal'],['secondary','Rodovia secundária'],['tertiary','Rodovia terciária'],['river','Rios']];\n var rows = LAYERS.map(function(l){\n return '';\n }).join('');\n function file(name){\n return '
' + name + '
aguardando…
';\n }\n return '
'\n + ''\n + '
Brasil inteiro · OSM do Drive
NDJSON bruto no Drive (sem simplificação), lido em streaming
'\n + rows\n + '
Arquivos
' + file('rodovias') + file('rios')\n + '
Memória e desenho
'\n + '
pontos carregados
0
'\n + '
geometria em memória
0
'\n + '
heap JS
—
'\n + '
pontos desenhados
…
'\n + '
último frame
…
'\n + '
'\n + '
arraste para mover · roda do mouse / pinça para zoom
'\n + '
';\n },\n mounted(d2){\n var FILES = { rodovias: d2.param('rodoviasUrl', ''), rios: d2.param('riosUrl', '') };\n var STYLE = {\n river: { color: '#2f7fd8', w: 0.7 },\n tertiary: { color: '#b9b6ad', w: 0.6 },\n secondary: { color: '#8a877f', w: 0.8 },\n primary: { color: '#e0822b', w: 1.1 },\n trunk: { color: '#c2410c', w: 1.6 },\n motorway: { color: '#7a1f0e', w: 2.0 }\n };\n var ORDER = ['river', 'tertiary', 'secondary', 'primary', 'trunk', 'motorway'];\n var on = {}; ORDER.forEach(function(k){ on[k] = true; });\n\n // Uma camada = coordenadas contíguas (Float32) + offsets por linha + bbox por linha.\n // Nada disso passa por d2.state: são centenas de MB e não podem disparar re-render.\n function Layer(){ this.xy = new Float32Array(1 << 16); this.n = 0; this.off = new Uint32Array(1 << 12); this.bb = new Float32Array(1 << 14); this.lines = 0; this.feats = 0; }\n Layer.prototype.add = function(coords){\n var need = this.n + coords.length * 2;\n if (need > this.xy.length){ var nx = new Float32Array(Math.max(need, this.xy.length * 2)); nx.set(this.xy.subarray(0, this.n)); this.xy = nx; }\n if ((this.lines + 1) * 2 > this.off.length){ var no = new Uint32Array(this.off.length * 2); no.set(this.off); this.off = no; }\n if ((this.lines + 1) * 4 > this.bb.length){ var nb = new Float32Array(this.bb.length * 2); nb.set(this.bb); this.bb = nb; }\n var x0 = 1e9, y0 = 1e9, x1 = -1e9, y1 = -1e9, p = this.n;\n for (var i = 0; i < coords.length; i++){\n var x = coords[i][0], y = mercY(coords[i][1]);\n this.xy[p++] = x; this.xy[p++] = y;\n if (x < x0) x0 = x; if (x > x1) x1 = x; if (y < y0) y0 = y; if (y > y1) y1 = y;\n }\n this.off[this.lines * 2] = this.n; this.off[this.lines * 2 + 1] = p;\n var b = this.lines * 4; this.bb[b] = x0; this.bb[b + 1] = y0; this.bb[b + 2] = x1; this.bb[b + 3] = y1;\n this.n = p; this.lines++;\n if (x0 < ext[0]) ext[0] = x0; if (x1 > ext[2]) ext[2] = x1; if (y0 < ext[1]) ext[1] = y0; if (y1 > ext[3]) ext[3] = y1;\n };\n var geo = {}; ORDER.forEach(function(k){ geo[k] = new Layer(); });\n var ext = [180, 90, -180, -90];\n var view = null, cv = null, ctx = null, W = 0, H = 0, dpr = 1, raf = 0, userMoved = false;\n\n function mercY(lat){ var r = lat * Math.PI / 180; return Math.log(Math.tan(Math.PI / 4 + r / 2)) * 180 / Math.PI; }\n function txt(sel, v){ var el = d2.$(sel); if (el) el.textContent = v; }\n function mb(n){ return (n / 1048576).toFixed(n > 1e8 ? 0 : 1) + ' MB'; }\n\n function fit(){\n if (!W || ext[0] > ext[2]) return;\n var k = Math.min(W / (ext[2] - ext[0]), H / (ext[3] - ext[1])) * 0.92;\n view = { k: k, cx: (ext[0] + ext[2]) / 2, cy: (ext[1] + ext[3]) / 2 };\n }\n\n function draw(){\n raf = 0;\n if (!ctx || !view) return;\n var t0 = performance.now();\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n ctx.clearRect(0, 0, W, H);\n var k = view.k, ox = W / 2 - view.cx * k, oy = H / 2 + view.cy * k;\n var vx0 = -ox / k, vx1 = (W - ox) / k, vy0 = (oy - H) / k, vy1 = oy / k;\n var minSpan = 0.6 / k; // linha menor que ~0,6 px inteira: não desenha\n var drawn = 0;\n ctx.lineJoin = 'round'; ctx.lineCap = 'round';\n ORDER.forEach(function(key){\n if (!on[key]) return;\n var L = geo[key], xy = L.xy, off = L.off, bb = L.bb;\n ctx.beginPath();\n ctx.strokeStyle = STYLE[key].color;\n ctx.lineWidth = STYLE[key].w * Math.max(1, Math.min(3, Math.log2(k / 40 + 1)));\n for (var j = 0; j < L.lines; j++){\n var b = j * 4;\n if (bb[b + 2] < vx0 || bb[b] > vx1 || bb[b + 3] < vy0 || bb[b + 1] > vy1) continue;\n if (bb[b + 2] - bb[b] < minSpan && bb[b + 3] - bb[b + 1] < minSpan) continue;\n var s = off[j * 2], e = off[j * 2 + 1];\n var lx = xy[s] * k + ox, ly = oy - xy[s + 1] * k;\n ctx.moveTo(lx, ly); drawn++;\n for (var i = s + 2; i < e; i += 2){\n var px = xy[i] * k + ox, py = oy - xy[i + 1] * k;\n // descarta vértices a menos de ~0,7 px do último desenhado (exceto o último da linha)\n if (i < e - 2 && Math.abs(px - lx) + Math.abs(py - ly) < 0.7) continue;\n ctx.lineTo(px, py); lx = px; ly = py; drawn++;\n }\n }\n ctx.stroke();\n });\n txt('[data-pts]', d2.fmt.number(drawn));\n txt('[data-ms]', Math.round(performance.now() - t0) + ' ms');\n if (performance.memory) txt('[data-heap]', mb(performance.memory.usedJSHeapSize));\n }\n function schedule(){ if (!raf) raf = requestAnimationFrame(draw); }\n\n function resize(){\n var r = cv.getBoundingClientRect();\n dpr = window.devicePixelRatio || 1; W = r.width; H = r.height;\n cv.width = Math.round(W * dpr); cv.height = Math.round(H * dpr);\n if (!view) fit();\n schedule();\n }\n\n cv = d2.$('[data-cv]'); ctx = cv.getContext('2d');\n var ro = new ResizeObserver(resize); ro.observe(cv);\n var aborts = [];\n d2.onUnmount(function(){ ro.disconnect(); if (raf) cancelAnimationFrame(raf); aborts.forEach(function(a){ a.abort(); }); });\n\n var ptrs = {}, last = null;\n d2.on(cv, 'pointerdown', function(e){ cv.setPointerCapture(e.pointerId); ptrs[e.pointerId] = { x: e.clientX, y: e.clientY }; cv.classList.add('drag'); last = null; userMoved = true; });\n d2.on(cv, 'pointermove', function(e){\n if (!ptrs[e.pointerId] || !view) return;\n var ids = Object.keys(ptrs);\n if (ids.length === 1){\n view.cx -= (e.clientX - ptrs[e.pointerId].x) / view.k;\n view.cy += (e.clientY - ptrs[e.pointerId].y) / view.k;\n } else if (ids.length === 2){\n var o = ptrs[ids[0] == e.pointerId ? ids[1] : ids[0]];\n var d = Math.hypot(e.clientX - o.x, e.clientY - o.y);\n if (last) view.k = Math.max(5, Math.min(500000, view.k * d / last));\n last = d;\n }\n ptrs[e.pointerId] = { x: e.clientX, y: e.clientY };\n schedule();\n });\n function up(e){ delete ptrs[e.pointerId]; last = null; if (!Object.keys(ptrs).length) cv.classList.remove('drag'); }\n d2.on(cv, 'pointerup', up); d2.on(cv, 'pointercancel', up);\n d2.on(cv, 'wheel', function(e){\n if (!view) return;\n e.preventDefault(); userMoved = true;\n var r = cv.getBoundingClientRect(), mx = e.clientX - r.left, my = e.clientY - r.top;\n var k = view.k, ox = W / 2 - view.cx * k, oy = H / 2 + view.cy * k;\n var gx = (mx - ox) / k, gy = (oy - my) / k;\n var nk = Math.max(5, Math.min(500000, k * Math.exp(-e.deltaY * 0.0015)));\n view.k = nk; view.cx = gx - (mx - W / 2) / nk; view.cy = gy + (my - H / 2) / nk;\n schedule();\n }, { passive: false });\n d2.on('[data-layer]', 'change', function(e, el){ on[el.getAttribute('data-layer')] = el.checked; schedule(); });\n d2.on('[data-reset]', 'click', function(){ fit(); userMoved = false; schedule(); });\n\n function stats(){\n var pts = 0, bytes = 0;\n ORDER.forEach(function(k){ var L = geo[k]; pts += L.n / 2; bytes += L.xy.byteLength + L.off.byteLength + L.bb.byteLength; txt('[data-n=\"' + k + '\"]', d2.fmt.number(L.feats)); });\n txt('[data-loaded]', d2.fmt.number(pts)); txt('[data-mem]', mb(bytes));\n if (performance.memory) txt('[data-heap]', mb(performance.memory.usedJSHeapSize));\n }\n\n // Streaming: lê o corpo aos pedaços, separa por linha, parseia 1 feição por vez.\n function load(name, url){\n var cell = d2.$('[data-f=\"' + name + '\"]'), bar = d2.$('[data-bar=\"' + name + '\"]');\n if (!url){ cell.textContent = 'parâmetro vazio'; cell.className = 'err'; return; }\n var ac = new AbortController(); aborts.push(ac);\n var t0 = performance.now(), got = 0, total = 0, feats = 0, parseMs = 0, tail = '', lastUi = 0, lastDraw = 0;\n var dec = new TextDecoder();\n function eat(chunk, final){\n var t = performance.now();\n var s = tail + chunk, from = 0, nl;\n while ((nl = s.indexOf('\\n', from)) >= 0){\n if (nl > from){\n var f = JSON.parse(s.slice(from, nl));\n var g = f.geometry, key = name === 'rios' ? 'river' : (f.properties && f.properties.highway);\n var L = geo[key];\n if (g && L){\n if (g.type === 'MultiLineString') g.coordinates.forEach(function(c){ L.add(c); }); else L.add(g.coordinates);\n L.feats++;\n }\n feats++;\n }\n from = nl + 1;\n }\n tail = s.slice(from);\n if (final && tail.trim()){ eat('\\n', false); }\n parseMs += performance.now() - t;\n }\n function ui(done){\n var el = (performance.now() - t0) / 1000;\n cell.className = '';\n cell.textContent = mb(got) + (total ? ' / ' + mb(total) : '') + ' · ' + d2.fmt.number(feats) + ' feições · ' + el.toFixed(1) + ' s' + (done ? ' (parse ' + (parseMs / 1000).toFixed(1) + ' s)' : '');\n if (total) bar.style.width = (100 * got / total).toFixed(1) + '%';\n stats();\n }\n fetch(url, { signal: ac.signal }).then(function(res){\n if (!res.ok) throw new Error('HTTP ' + res.status);\n total = +res.headers.get('content-length') || 0;\n var reader = res.body.getReader();\n function pump(){\n return reader.read().then(function(r){\n if (r.done){ eat(dec.decode(), true); ui(true); if (!userMoved) fit(); schedule(); return; }\n got += r.value.byteLength;\n eat(dec.decode(r.value, { stream: true }), false);\n var now = performance.now();\n if (now - lastUi > 250){ lastUi = now; ui(false); }\n if (now - lastDraw > 1500){ lastDraw = now; if (!userMoved) fit(); schedule(); }\n return pump();\n });\n }\n return pump();\n }).catch(function(e){ if (e && e.name === 'AbortError') return; cell.textContent = (e && e.message) || String(e); cell.className = 'err'; });\n }\n load('rodovias', FILES.rodovias);\n load('rios', FILES.rios);\n }\n};"}},"rodoviasUrl":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"rodoviasUrl"}}}},"riosUrl":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"riosUrl"}}}}}}}}}},{"_id":"6ab4954aab5404c7a0314368","component":"data2-core-types@Component","system":"6329b5535b2103060e128c0a","params":{"extends":"data2-core-primitives@Block","component":"OSM_Brasil_por_quadricula_Range","package":"gui","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 :host{display:block;height:100%;--bg:#f4f3ee;--ink:#1d1d1b;--mut:#77756f;--line:#dedcd3;--panel:#fff;--river:#2f7fd8;--motorway:#7a1f0e;--trunk:#c2410c;--primary:#e0822b;--secondary:#8a877f;--tertiary:#b9b6ad}\n *{box-sizing:border-box}\n .root{position:relative;height:100%;background:var(--bg);color:var(--ink);font:13px/1.45 -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;overflow:hidden}\n canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}\n canvas.drag{cursor:grabbing}\n .panel{position:absolute;top:16px;left:16px;width:340px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}\n h1{font-size:14px;margin:0 0 2px;font-weight:600}\n .sub{color:var(--mut);font-size:11.5px;margin:0 0 10px}\n label{display:flex;align-items:center;gap:8px;padding:2px 0;cursor:pointer}\n label i{width:18px;height:3px;border-radius:2px;display:inline-block}\n .sep{border-top:1px solid var(--line);margin:10px 0}\n table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}\n td{padding:2px 0;vertical-align:top}\n td:last-child{text-align:right}\n th{text-align:left;font-weight:600;color:var(--mut);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;padding:4px 0 2px}\n .bar{height:4px;background:var(--line);border-radius:2px;margin:4px 0 2px;overflow:hidden}\n .bar b{display:block;height:100%;width:0;background:var(--ink)}\n .status{margin:0 0 8px;font-size:12px;padding:6px 8px;border-radius:6px;background:var(--bg)}\n .status.warn{background:#fff4e5;color:#8a4b00}\n .log{margin-top:8px;font:11px/1.45 ui-monospace,Menlo,monospace;color:var(--mut);max-height:110px;overflow:auto;white-space:pre}\n .hint{position:absolute;right:16px;bottom:14px;color:var(--mut);font-size:11.5px;background:rgba(244,243,238,.85);padding:4px 8px;border-radius:4px}\n button{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:5px 10px;cursor:pointer;margin-top:10px;margin-right:6px}\n @media (max-width:520px){.panel{left:8px;right:8px;top:8px;width:auto}.log{display:none}}\n `,\n render(){\n var LAYERS = [['motorway','Autoestrada'],['trunk','Rodovia expressa'],['primary','Rodovia principal'],['secondary','Rodovia secundária'],['tertiary','Rodovia terciária'],['river','Rios']];\n var rows = LAYERS.map(function(l){\n return '';\n }).join('');\n return '
'\n + ''\n + '
Brasil · leitura por quadrícula
1 arquivo no Drive + índice na table; baixa só os bytes da área visível (HTTP Range)
'\n + '
carregando índice…
'\n + rows\n + '
'\n + '
Arquivo
'\n + '
tamanho total
…
'\n + '
índice
…
'\n + '
visão geral
…
'\n + '
Área visível
'\n + '
quadrículas na tela
…
'\n + '
Baixado até agora
'\n + '
quadrículas em memória
0
'\n + '
requisições Range
0
'\n + '
bytes baixados
0
'\n + '
'\n + '
último frame
…
'\n + '
'\n + ''\n + '
'\n + '
arraste para mover · roda do mouse / pinça para zoom · quadrados = quadrículas do arquivo
'\n + '
';\n },\n mounted(d2){\n var IDX_URL = d2.param('indiceUrl', ''), DATA_URL = d2.param('arquivoUrl', ''), OV_URL = d2.param('visaoGeralUrl', '');\n var START = String(d2.param('inicio', '') || ''); // \"lon,lat,larguraGraus\" opcional\n var BUDGET = 48 * 1024 * 1024; // teto de detalhe na tela: carrega do centro para as bordas até aqui\n var CACHE = 160 * 1024 * 1024; // acima disso, descarta quadrículas fora da tela\n var GAP = 512 * 1024, MAXREQ = 16 * 1024 * 1024, PARALLEL = 4;\n var STYLE = {\n river: { color: '#2f7fd8', w: 0.7 }, tertiary: { color: '#b9b6ad', w: 0.6 }, secondary: { color: '#8a877f', w: 0.8 },\n primary: { color: '#e0822b', w: 1.1 }, trunk: { color: '#c2410c', w: 1.6 }, motorway: { color: '#7a1f0e', w: 2.0 }\n };\n var ORDER = ['river', 'tertiary', 'secondary', 'primary', 'trunk', 'motorway'];\n var on = {}; ORDER.forEach(function(k){ on[k] = true; });\n\n function mercY(lat){ var r = lat * Math.PI / 180; return Math.log(Math.tan(Math.PI / 4 + r / 2)) * 180 / Math.PI; }\n function txt(sel, v){ var el = d2.$(sel); if (el) el.textContent = v; }\n function mb(n){ return n >= 1048576 ? (n / 1048576).toFixed(n > 1e8 ? 0 : 1) + ' MB' : Math.round(n / 1024) + ' KB'; }\n function log(s){ var el = d2.$('[data-log]'); if (!el) return; el.textContent = (s + '\\n' + el.textContent).split('\\n').slice(0, 30).join('\\n'); }\n function status(s, warn){ var el = d2.$('[data-status]'); if (el){ el.textContent = s; el.className = 'status' + (warn ? ' warn' : ''); } }\n\n function Layer(){ this.xy = new Float32Array(1024); this.n = 0; this.off = new Uint32Array(64); this.bb = new Float32Array(128); this.lines = 0; }\n Layer.prototype.add = function(c){\n var need = this.n + c.length * 2;\n if (need > this.xy.length){ var nx = new Float32Array(Math.max(need, this.xy.length * 2)); nx.set(this.xy.subarray(0, this.n)); this.xy = nx; }\n if ((this.lines + 1) * 2 > this.off.length){ var no = new Uint32Array(this.off.length * 2); no.set(this.off); this.off = no; }\n if ((this.lines + 1) * 4 > this.bb.length){ var nb = new Float32Array(this.bb.length * 2); nb.set(this.bb); this.bb = nb; }\n var x0 = 1e9, y0 = 1e9, x1 = -1e9, y1 = -1e9, p = this.n;\n for (var i = 0; i < c.length; i++){\n var x = c[i][0], y = mercY(c[i][1]); this.xy[p++] = x; this.xy[p++] = y;\n if (x < x0) x0 = x; if (x > x1) x1 = x; if (y < y0) y0 = y; if (y > y1) y1 = y;\n }\n this.off[this.lines * 2] = this.n; this.off[this.lines * 2 + 1] = p;\n var b = this.lines * 4; this.bb[b] = x0; this.bb[b + 1] = y0; this.bb[b + 2] = x1; this.bb[b + 3] = y1;\n this.n = p; this.lines++;\n };\n\n var tiles = [], total = 0, got = 0, reqs = 0, memBytes = 0;\n var view = null, cv = d2.$('[data-cv]'), ctx = cv.getContext('2d'), W = 0, H = 0, dpr = 1, raf = 0, planT = 0, inflight = 0, queue = [];\n var ext = [180, 90, -180, -90];\n var overview = null; // camadas leves do Brasil inteiro, desenhadas onde não há quadrícula carregada\n\n function fitTo(x0, y0, x1, y1){\n if (!W) return;\n var k = Math.min(W / (x1 - x0), H / (y1 - y0)) * 0.92;\n view = { k: k, cx: (x0 + x1) / 2, cy: (y0 + y1) / 2 };\n }\n function goTo(lon, lat, spanDeg){ var y = mercY(lat); fitTo(lon - spanDeg / 2, y - spanDeg / 2, lon + spanDeg / 2, y + spanDeg / 2); schedule(); plan(); }\n function fitAll(){ fitTo(ext[0], ext[1], ext[2], ext[3]); schedule(); plan(); }\n\n function visibleWin(){\n var k = view.k, ox = W / 2 - view.cx * k, oy = H / 2 + view.cy * k;\n return { k: k, ox: ox, oy: oy, x0: -ox / k, x1: (W - ox) / k, y0: (oy - H) / k, y1: oy / k };\n }\n function inView(t, v){ return !(t.mb[2] < v.x0 || t.mb[0] > v.x1 || t.mb[3] < v.y0 || t.mb[1] > v.y1); }\n\n function draw(){\n raf = 0;\n if (!view) return;\n var t0 = performance.now(), v = visibleWin(), k = v.k, ox = v.ox, oy = v.oy;\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n ctx.clearRect(0, 0, W, H);\n var vis = tiles.filter(function(t){ return inView(t, v); });\n // grade: quadrículas não baixadas em cinza, baixando em âmbar\n vis.forEach(function(t){\n var x = t.cell[0] * k + ox, y = oy - t.cell[3] * k, w = (t.cell[2] - t.cell[0]) * k, h = (t.cell[3] - t.cell[1]) * k;\n if (t.state === 'loading'){ ctx.fillStyle = 'rgba(224,130,43,.14)'; ctx.fillRect(x, y, w, h); }\n else if (t.state !== 'loaded'){ ctx.fillStyle = 'rgba(29,29,27,' + Math.min(0.10, 0.02 + t.len / 4194304 * 0.08).toFixed(3) + ')'; ctx.fillRect(x, y, w, h); }\n ctx.strokeStyle = 'rgba(29,29,27,.18)'; ctx.lineWidth = 1; ctx.strokeRect(x + 0.5, y + 0.5, w, h);\n if (t.state !== 'loaded' && w > 46 && h > 18){ ctx.fillStyle = 'rgba(29,29,27,.55)'; ctx.font = '10px -apple-system,sans-serif'; ctx.fillText(mb(t.len), x + 4, y + 13); }\n });\n var minSpan = 0.6 / k, drawn = 0;\n ctx.lineJoin = 'round'; ctx.lineCap = 'round';\n var lw = function(key){ return STYLE[key].w * Math.max(1, Math.min(2.2, Math.log2(k / 40 + 1))); };\n // 1) visão geral só onde a quadrícula ainda não chegou (clip), para a tela nunca ficar vazia\n var pending = vis.filter(function(t){ return t.state !== 'loaded'; });\n if (overview && pending.length){\n ctx.save(); ctx.beginPath();\n pending.forEach(function(t){ ctx.rect(t.cell[0] * k + ox, oy - t.cell[3] * k, (t.cell[2] - t.cell[0]) * k, (t.cell[3] - t.cell[1]) * k); });\n ctx.clip();\n ORDER.forEach(function(key){\n var L = overview[key]; if (!on[key] || !L) return;\n ctx.beginPath(); ctx.strokeStyle = STYLE[key].color; ctx.lineWidth = lw(key);\n drawn += lines(L);\n ctx.stroke();\n });\n ctx.restore();\n }\n function lines(L){\n var xy = L.xy, off = L.off, bb = L.bb, c = 0;\n for (var j = 0; j < L.lines; j++){\n var b = j * 4;\n if (bb[b + 2] < v.x0 || bb[b] > v.x1 || bb[b + 3] < v.y0 || bb[b + 1] > v.y1) continue;\n if (bb[b + 2] - bb[b] < minSpan && bb[b + 3] - bb[b + 1] < minSpan) continue;\n var s = off[j * 2], e = off[j * 2 + 1], lx = xy[s] * k + ox, ly = oy - xy[s + 1] * k;\n ctx.moveTo(lx, ly); c++;\n for (var i = s + 2; i < e; i += 2){\n var px = xy[i] * k + ox, py = oy - xy[i + 1] * k;\n if (i < e - 2 && Math.abs(px - lx) + Math.abs(py - ly) < 0.7) continue;\n ctx.lineTo(px, py); lx = px; ly = py; c++;\n }\n }\n return c;\n }\n // 2) detalhe completo das quadrículas carregadas\n ORDER.forEach(function(key){\n if (!on[key]) return;\n ctx.beginPath(); ctx.strokeStyle = STYLE[key].color; ctx.lineWidth = lw(key);\n vis.forEach(function(t){\n if (t.state !== 'loaded') return;\n var L = t.geo[key]; if (!L) return;\n drawn += lines(L);\n });\n ctx.stroke();\n });\n txt('[data-ms]', Math.round(performance.now() - t0) + ' ms · ' + d2.fmt.number(drawn) + ' pts');\n }\n function schedule(){ if (!raf) raf = requestAnimationFrame(draw); }\n\n function stats(){\n txt('[data-loaded]', tiles.filter(function(t){ return t.state === 'loaded'; }).length + ' (' + mb(memBytes) + ')');\n txt('[data-reqs]', d2.fmt.number(reqs));\n txt('[data-got]', mb(got) + ' de ' + mb(total) + ' (' + (100 * got / (total || 1)).toFixed(2) + '%)');\n var bar = d2.$('[data-bar]'); if (bar) bar.style.width = Math.min(100, 100 * got / (total || 1)) + '%';\n }\n\n // decide o que baixar para a área visível\n function plan(){\n clearTimeout(planT);\n planT = setTimeout(function(){\n if (!view || !tiles.length) return;\n var v = visibleWin();\n var vis = tiles.filter(function(t){ return inView(t, v); });\n var visBytes = vis.reduce(function(a, t){ return a + t.len; }, 0);\n txt('[data-vis]', vis.length + ' · ' + mb(visBytes));\n // mais perto do centro primeiro; soma o que já está na tela e para no limite\n var cx = view.cx, cy = view.cy;\n var dist = function(t){ var x = (t.cell[0] + t.cell[2]) / 2 - cx, y = (t.cell[1] + t.cell[3]) / 2 - cy; return x * x + y * y; };\n var used = vis.filter(function(t){ return t.state; }).reduce(function(a, t){ return a + t.len; }, 0);\n var need = [], skipped = 0;\n vis.filter(function(t){ return !t.state; }).sort(function(a, b){ return dist(a) - dist(b); }).forEach(function(t){\n if (used + t.len <= BUDGET){ need.push(t); used += t.len; } else skipped++;\n });\n var partial = skipped ? ' · ' + skipped + ' quadrículas nas bordas ficam na visão geral (aproxime para detalhar)' : '';\n if (!need.length){ status((inflight ? 'baixando…' : skipped ? 'detalhe carregado no centro' : 'área visível completa') + partial, !!skipped && !inflight); return; }\n evict(v);\n // junta quadrículas contíguas no arquivo em uma requisição só\n need.sort(function(a, b){ return a.off - b.off; });\n var groups = [], g = null;\n need.forEach(function(t){\n if (g && t.off - g.end <= GAP && t.off + t.len - g.start <= MAXREQ){ g.tiles.push(t); g.end = t.off + t.len; }\n else { g = { start: t.off, end: t.off + t.len, tiles: [t] }; groups.push(g); }\n });\n groups.forEach(function(gr){ gr.tiles.forEach(function(t){ t.state = 'loading'; }); queue.push(gr); });\n status('baixando ' + need.length + ' quadrículas em ' + groups.length + ' requisições…' + partial);\n pump(); schedule();\n }, 250);\n }\n\n function evict(v){\n if (memBytes <= CACHE) return;\n tiles.filter(function(t){ return t.state === 'loaded' && !inView(t, v); })\n .sort(function(a, b){ return a.used - b.used; })\n .some(function(t){ memBytes -= t.mem; t.geo = null; t.state = null; t.mem = 0; return memBytes <= CACHE * 0.7; });\n }\n\n function pump(){\n while (inflight < PARALLEL && queue.length){\n (function(gr){\n inflight++; reqs++;\n var t0 = performance.now();\n fetch(DATA_URL, { headers: { Range: 'bytes=' + gr.start + '-' + (gr.end - 1) } })\n .then(function(r){\n if (r.status !== 206 && r.status !== 200) throw new Error('HTTP ' + r.status);\n if (r.status === 200) throw new Error('servidor ignorou Range (200)');\n return r.arrayBuffer();\n })\n .then(function(buf){\n var ms = Math.round(performance.now() - t0);\n got += buf.byteLength;\n var dec = new TextDecoder(), tp = performance.now();\n gr.tiles.forEach(function(t){\n var text = dec.decode(new Uint8Array(buf, t.off - gr.start, t.len));\n var geo = {}, mem = 0, s = 0, nl;\n while ((nl = text.indexOf('\\n', s)) >= 0){\n if (nl > s){ var f = JSON.parse(text.slice(s, nl)); (geo[f.k] || (geo[f.k] = new Layer())).add(f.c); }\n s = nl + 1;\n }\n Object.keys(geo).forEach(function(kk){ var L = geo[kk]; mem += L.xy.byteLength + L.off.byteLength + L.bb.byteLength; });\n t.geo = geo; t.mem = mem; t.state = 'loaded'; t.used = performance.now(); memBytes += mem;\n });\n log('bytes=' + gr.start + '-' + (gr.end - 1) + ' ' + mb(buf.byteLength) + ' ' + gr.tiles.length + ' quadr. ' + ms + ' ms rede + ' + Math.round(performance.now() - tp) + ' ms parse');\n })\n .catch(function(e){ gr.tiles.forEach(function(t){ t.state = null; }); log('erro: ' + ((e && e.message) || e)); status('erro ao baixar: ' + ((e && e.message) || e), true); })\n .then(function(){ inflight--; stats(); schedule(); if (!queue.length && !inflight) plan(); pump(); });\n })(queue.shift());\n }\n }\n\n function resize(){\n var r = cv.getBoundingClientRect();\n dpr = window.devicePixelRatio || 1; W = r.width; H = r.height;\n cv.width = Math.round(W * dpr); cv.height = Math.round(H * dpr);\n if (!view && tiles.length) start();\n schedule();\n }\n var ro = new ResizeObserver(resize); ro.observe(cv);\n d2.onUnmount(function(){ ro.disconnect(); if (raf) cancelAnimationFrame(raf); clearTimeout(planT); queue.length = 0; });\n\n function start(){\n var p = START.split(',').map(Number);\n if (p.length === 3 && p.every(isFinite)) goTo(p[0], p[1], p[2]); else fitAll();\n }\n\n var ptrs = {}, last = null;\n d2.on(cv, 'pointerdown', function(e){ cv.setPointerCapture(e.pointerId); ptrs[e.pointerId] = { x: e.clientX, y: e.clientY }; cv.classList.add('drag'); last = null; });\n d2.on(cv, 'pointermove', function(e){\n if (!ptrs[e.pointerId] || !view) return;\n var ids = Object.keys(ptrs);\n if (ids.length === 1){ view.cx -= (e.clientX - ptrs[e.pointerId].x) / view.k; view.cy += (e.clientY - ptrs[e.pointerId].y) / view.k; }\n else if (ids.length === 2){\n var o = ptrs[ids[0] == e.pointerId ? ids[1] : ids[0]], d = Math.hypot(e.clientX - o.x, e.clientY - o.y);\n if (last) view.k = Math.max(5, Math.min(500000, view.k * d / last)); last = d;\n }\n ptrs[e.pointerId] = { x: e.clientX, y: e.clientY };\n schedule(); plan();\n });\n function up(e){ delete ptrs[e.pointerId]; last = null; if (!Object.keys(ptrs).length) cv.classList.remove('drag'); }\n d2.on(cv, 'pointerup', up); d2.on(cv, 'pointercancel', up);\n d2.on(cv, 'wheel', function(e){\n if (!view) return;\n e.preventDefault();\n var r = cv.getBoundingClientRect(), mx = e.clientX - r.left, my = e.clientY - r.top, v = visibleWin();\n var gx = (mx - v.ox) / v.k, gy = (v.oy - my) / v.k, nk = Math.max(5, Math.min(500000, v.k * Math.exp(-e.deltaY * 0.0015)));\n view.k = nk; view.cx = gx - (mx - W / 2) / nk; view.cy = gy + (my - H / 2) / nk;\n schedule(); plan();\n }, { passive: false });\n d2.on('[data-layer]', 'change', function(e, el){ on[el.getAttribute('data-layer')] = el.checked; schedule(); });\n d2.on('[data-reset]', 'click', fitAll);\n d2.on('[data-sp]', 'click', function(){ goTo(-46.63, -23.55, 0.9); });\n d2.on('[data-bel]', 'click', function(){ goTo(-48.48, -1.40, 1.2); });\n\n var IDX_DS = d2.data('indice');\n if (!IDX_DS && (!IDX_URL || !DATA_URL)){ status('parâmetros indice (table) ou indiceUrl/arquivoUrl vazios', true); return; }\n if (OV_URL){\n var to = performance.now();\n fetch(OV_URL).then(function(r){ if (!r.ok) throw new Error('HTTP ' + r.status); return r.text(); }).then(function(body){\n var tp = performance.now(), lines = body.split('\\n'), q = JSON.parse(lines[0]).q, ov = {}, n = 0;\n for (var i = 1; i < lines.length; i++){\n if (!lines[i]) continue;\n var f = JSON.parse(lines[i]), d = f.c, c = [], x = 0, y = 0;\n for (var j = 0; j < d.length; j += 2){ x += d[j]; y += d[j + 1]; c.push([x * q, y * q]); }\n (ov[f.k] || (ov[f.k] = new Layer())).add(c); n++;\n }\n overview = ov;\n txt('[data-ov]', d2.fmt.number(n) + ' trechos · ' + Math.round(tp - to) + ' ms + ' + Math.round(performance.now() - tp) + ' ms');\n schedule();\n }).catch(function(e){ txt('[data-ov]', 'erro: ' + ((e && e.message) || e)); });\n } else txt('[data-ov]', '—');\n var ti = performance.now();\n // índice: da table (coluna arquivo = file) quando o parâmetro indice vier; senão, do JSON no Drive\n // loadAll() não faz nada se a busca inicial do dataset ainda está em andamento: espera todas as linhas chegarem\n function waitAll(ds){\n return new Promise(function(res, rej){\n var t0 = Date.now();\n (function tick(){\n var n = ds.records().length, tot = (ds.pageInfo() || {}).total || 0, busy = ds.fetching || ds.mutating;\n if (!busy && n && n >= tot) return res(ds.records());\n if (!busy && n < tot) ds.loadAll();\n if (Date.now() - t0 > 30000) return rej(new Error('tempo esgotado lendo a table (' + n + '/' + tot + ')'));\n setTimeout(tick, 150);\n })();\n });\n }\n var loadIndex = IDX_DS\n ? waitAll(IDX_DS).then(function(rows){\n rows = rows.slice().sort(function(a, b){ return a.ordem - b.ordem; });\n if (rows[0] && rows[0].arquivo && rows[0].arquivo.fileUrl) DATA_URL = rows[0].arquivo.fileUrl;\n var tot = rows.reduce(function(s, r){ return s + r.bytes; }, 0);\n txt('[data-idx]', 'table · ' + rows.length + ' linhas em ' + Math.round(performance.now() - ti) + ' ms');\n return { total: tot, fromTable: true, tiles: rows.map(function(r){ return { off: r.byteInicio, len: r.bytes, n: r.feicoes, bb: [r.lonMin, r.latMin, r.lonMax, r.latMax], cell: [r.celulaLon, r.celulaLat, r.celulaGraus] }; }) };\n })\n : fetch(IDX_URL).then(function(r){ if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); });\n loadIndex.then(function(idx){\n total = idx.total;\n tiles = idx.tiles.map(function(t){\n var c = t.cell, mbx = [t.bb[0], mercY(t.bb[1]), t.bb[2], mercY(t.bb[3])];\n if (mbx[0] < ext[0]) ext[0] = mbx[0]; if (mbx[2] > ext[2]) ext[2] = mbx[2]; if (mbx[1] < ext[1]) ext[1] = mbx[1]; if (mbx[3] > ext[3]) ext[3] = mbx[3];\n return { off: t.off, len: t.len, n: t.n, mb: mbx, cell: [c[0], mercY(c[1]), c[0] + c[2], mercY(c[1] + c[2])], state: null, geo: null, mem: 0, used: 0 };\n });\n txt('[data-total]', mb(total) + ' · ' + tiles.length + ' quadrículas');\n if (!idx.fromTable) txt('[data-idx]', mb(JSON.stringify(idx).length) + ' em ' + Math.round(performance.now() - ti) + ' ms');\n stats();\n if (W) start();\n }).catch(function(e){ status('falha ao ler índice: ' + ((e && e.message) || e), true); });\n }\n};"}},"indice":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"indice"}}}},"indiceUrl":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"indiceUrl"}}}},"arquivoUrl":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"arquivoUrl"}}}},"visaoGeralUrl":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"visaoGeralUrl"}}}},"inicio":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"inicio"}}}}}}}}}},{"_id":"6ab49e7b5e1ce1556917cdd4","component":"data2-core-types@Component","system":"6329b5535b2103060e128c0a","params":{"extends":"data2-core-primitives@Block","component":"Doc_OSM_sem_Overpass","package":"gui","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 :host{display:block;height:100%;--w:#ffffff;--g:#f5f5f7;--ink:#1d1d1f;--mut:#6e6e73;--line:#d2d2d7;--rust:#c2410c;--moss:#3f7d20}\n *{box-sizing:border-box}\n .doc{height:100%;overflow:auto;background:var(--w);color:var(--ink);font:17px/1.47 -apple-system,BlinkMacSystemFont,\"SF Pro Text\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}\n nav{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(0,0,0,.08)}\n nav .in{max-width:1024px;margin:0 auto;height:48px;padding:0 22px;display:flex;align-items:center;gap:22px;font-size:12px}\n nav .t{font-size:17px;font-weight:600;letter-spacing:-.02em;margin-right:auto}\n nav a{color:var(--ink);opacity:.8;cursor:pointer}\n nav a:hover{opacity:1;color:var(--rust)}\n .band{padding:110px 22px 96px}\n .band.g{background:var(--g)}\n .in{max-width:1024px;margin:0 auto}\n .c{text-align:center}\n .eyebrow{font-size:17px;font-weight:600;color:var(--rust);margin:0 0 6px}\n h1{font-size:72px;line-height:1.05;letter-spacing:-.025em;font-weight:700;margin:0 auto 14px;max-width:880px}\n h2{font-size:48px;line-height:1.08;letter-spacing:-.02em;font-weight:700;margin:0 auto 14px;max-width:820px}\n .sub{font-size:21px;line-height:1.38;color:var(--mut);max-width:680px;margin:0 auto;font-weight:400;letter-spacing:.004em}\n .sub b{color:var(--ink);font-weight:600}\n .stage{position:relative;margin:56px auto 0;max-width:1024px}\n .stage canvas{display:block;width:100%}\n .stage.wide{max-width:none;width:min(1300px,calc(100vw - 44px));left:50%;transform:translateX(-50%)}\n .cap{font-size:14px;color:var(--mut);text-align:center;margin:14px auto 0;max-width:620px}\n .hud{position:absolute;left:0;top:0;font:13px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--mut);pointer-events:none;text-align:left}\n .hud b{color:var(--ink);font-weight:600}\n .hud.big{font-size:15px}\n .tip{position:absolute;pointer-events:none;background:rgba(29,29,31,.94);color:#f5f5f7;border-radius:12px;padding:10px 13px;font:12px/1.55 ui-monospace,Menlo,monospace;white-space:nowrap;transform:translate(-50%,calc(-100% - 16px));opacity:0;transition:opacity .15s;text-align:left}\n .tip.on{opacity:1}\n .tip b{font:600 13px -apple-system,sans-serif;color:#fff}\n .tip span{color:#a1a1a6}\n .ctrl{display:flex;justify-content:center;gap:4px;margin:26px auto 0;background:#e8e8ed;border-radius:99px;padding:4px;width:max-content}\n .ctrl button{font:14px -apple-system,sans-serif;border:0;background:transparent;border-radius:99px;padding:7px 16px;cursor:pointer;color:var(--ink)}\n .ctrl button.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}\n .reqlog{position:absolute;left:0;bottom:6px;font:12px/1.7 ui-monospace,Menlo,monospace;color:var(--mut);pointer-events:none;text-align:left}\n .reqlog div{opacity:0;transform:translateY(4px);transition:all .3s}\n .reqlog div.in{opacity:1;transform:none}\n .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:64px auto 0;max-width:900px;text-align:center}\n .stats b{display:block;font-size:56px;line-height:1.05;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}\n .stats span{display:block;font-size:15px;color:var(--mut);margin-top:6px}\n .stats .rust b{color:var(--rust)}\n .versus{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:56px auto 0}\n .versus > div{background:var(--w);border-radius:22px;padding:34px 30px;text-align:center}\n .band:not(.g) .versus > div{background:var(--g)}\n .versus small{display:block;font-size:14px;color:var(--mut);font-weight:600}\n .versus b{display:block;font-size:64px;line-height:1.05;font-weight:700;letter-spacing:-.025em;margin:8px 0 4px}\n .versus span{font-size:15px;color:var(--mut)}\n .versus .hi b{color:var(--rust)}\n .tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1024px;margin:56px auto 0}\n .tile{background:var(--g);border-radius:22px;padding:34px 32px}\n .band.g .tile{background:var(--w)}\n .tile h3{font-size:24px;line-height:1.17;letter-spacing:-.01em;margin:0 0 10px;font-weight:700}\n .tile p{font-size:16px;color:var(--mut);margin:0}\n .tile .n{font-size:40px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px;font-variant-numeric:tabular-nums}\n code,.mono{font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}\n code{color:var(--ink)}\n .specs{max-width:1024px;margin:56px auto 0}\n .spec{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line)}\n .spec h4{margin:0;font-size:17px;font-weight:600}\n .spec .v{font-size:15px;color:var(--ink)}\n .spec .v .note{color:var(--mut)}\n table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}\n td{padding:9px 12px 9px 0;border-bottom:1px solid #e8e8ed;vertical-align:top}\n td.r{text-align:right;padding-right:0}\n th{text-align:left;font-size:12px;color:var(--mut);font-weight:600;padding:0 12px 8px 0}\n th.r{text-align:right;padding-right:0}\n .type{font:12px ui-monospace,Menlo,monospace;color:var(--mut)}\n .type.file{color:var(--rust);font-weight:600}\n .filechip{color:#0066cc;text-decoration:none;font-size:14px;white-space:nowrap}\n .filechip:hover{text-decoration:underline}\n .filechip i{display:none}\n .note{font-size:13px;color:var(--mut)}\n .foot{background:var(--g);padding:26px 22px 60px;font-size:12px;color:var(--mut);border-top:1px solid var(--line)}\n @media (max-width:820px){\n h1{font-size:44px} h2{font-size:32px} .sub{font-size:18px} .band{padding:72px 18px 64px}\n .stats{grid-template-columns:1fr} .stats b{font-size:44px} .versus,.tiles{grid-template-columns:1fr} .versus b{font-size:48px}\n .spec{grid-template-columns:1fr;gap:8px} .reqlog,.hide-sm{display:none} nav a{display:none}\n }\n `,\n render(){\n return '
'\n + ''\n\n + '
'\n + '
Estudo de dados · natura-geomarketing
'\n + '
Rodovias e rios do Brasil, lidos direto do Drive.
'\n + '
Um arquivo de 600 MB e uma table de 884 linhas. O mapa baixa só o pedaço que está na tela.
'\n + '
lendo a table…
'\n + '
Cada bloco é uma linha da table. A altura é o tamanho da quadrícula no arquivo. Passe o mouse.
'\n + '
'\n\n + '
'\n + '
Hoje, cada etapa espera o Overpass.
'\n + '
O painel Camadas consulta o Overpass, do OpenStreetMap. Quando ele está cheio, responde 504 e o simulador tenta de novo, sem limite.
'\n + '
'\n + '
1.157chamadas à Rush osmOverpassProxy
504resposta da maioria das chamadas de 14/09
0cálculos de fechamento que usam essa geometria
'\n + '
'\n\n + '
'\n + '
O Brasil inteiro, filtrado e separado por área.
'\n + '
Partimos dos 2,1 GB do OpenStreetMap. Ficam rodovias e rios, em quadrículas de até 4 MB gravadas em ordem Z. Vizinhas no mapa ficam vizinhas no arquivo.
'\n + ''\n + '
Volume de cada cubo proporcional ao tamanho em bytes.
'\n + '
'\n\n + '
'\n + '
Uma table diz onde começa cada pedaço.
'\n + '
Cada linha guarda o byte inicial e o tamanho de uma quadrícula. A coluna arquivo é do tipo file e aponta para o arquivo no Drive.
'\n + '
'\n + '
Os 600 MB de ponta a ponta, uma fatia por linha. Passe o mouse no mapa do topo e a fatia correspondente sobe aqui.
'\n + '
'\n + '
Colunas
'\n + '
arquivo
file
osm-brasil-quadriculas.ndjson, geoDatasetsDrive
'\n + '
byteInicio, bytes
number
onde a quadrícula começa e quantos bytes ler
'\n + '
range
string
header pronto, bytes=início-fim
'\n + '
lonMin, latMin, lonMax, latMax
number
caixa das linhas, para saber se está na tela
'\n + '
celulaLon, celulaLat, celulaGraus, nivel
number
célula do quadtree
'\n + '
feicoes, rodovias, rios, ordem
number
contagens e posição no arquivo
'\n + '
'\n + '
Amostra
Quadrícula
Byte inicial
Tamanho
Range
lendo…
'\n + '
'\n\n + '
'\n + '
A tela pede só os bytes dela.
'\n + '
O componente acha as quadrículas visíveis, carrega do centro para fora até 48 MB e junta as vizinhas numa requisição só.
'\n + ''\n + '
'\n + '
Grupos e tamanhos calculados a partir das linhas da table, com as regras do componente.
'\n + '
'\n\n + '
'\n + '
São Paulo, montada camada por camada.
'\n + '
Este mapa foi baixado agora, do mesmo arquivo, com Range. As 10 quadrículas da cidade estão em sequência no arquivo e chegam numa requisição só.
'\n + '
'\n + '
Cada plano é uma camada desenhada com os dados baixados. Com os planos abertos, cada quadrícula acende junto com a linha dela na table e o trecho que ocupa no arquivo, na ordem em que foi gravada. Abrir o mapa interativo
'\n + '
'\n\n + '
'\n + '
De 742 MB para 20 MB.
'\n + '
Medido no render de verificação, com São Paulo na tela.
'\n + '
Arquivo inteiro em streaming742 MB17 s para baixar e ler · 600 MB de memória na aba
Por quadrícula20 MB12 quadrículas em 3 requisições · 3,4% do arquivo
'\n + ''\n + '
O CloudFront comprime um arquivo lido inteiro só quando ele tem até 10 MB e é servido como application/json. Cada cubo tem volume proporcional aos bytes.
'\n + '
'\n\n + '
'\n + '
Quatro detalhes que definiram o formato.
'\n + '
'\n + '
Range
Geometria em arquivo, índice em table.
Desenhar sempre pede tudo de uma área, e um GET com Range entrega isso. Milhões de linhas de geometria numa table precisariam de paginação.
'\n + '
10 MB
O limite da compressão.
Rodovias do Norte, 4,6 MB, trafegaram 0,7 MB. Rios do Norte, 12,1 MB, trafegaram inteiros.
'\n + '
application/json
O content-type decide.
O mesmo arquivo de 8,3 MB veio inteiro como application/x-ndjson e com 1,2 MB como application/json.
'\n + '
145 de 14.716
Rio permanente vem do IBGE.
Poucos rios do OSM têm a tag intermittent. O BC250 do IBGE traz o regime de cada trecho e já está no Drive.
'\n + '
'\n\n + '
'\n + '
Especificações
'\n + '
'\n + '
Fonte
OpenStreetMap Brasil via Geofabrik, 2,1 GB, atualizado diariamente osmium tags-filter: highway motorway a tertiary, waterway=river
'\n + '
Arquivo
osm-brasil-quadriculas.ndjson, 600 MB, 884 quadrículas células de 1° divididas até 4 MB, ordem Z, mediana 370 KB
'\n + '
Índice
Table Quadrículas OSM Brasil, 884 linhas, coluna arquivo do tipo file acesso restrito ao builder e às Rushes do system
'\n + '
Visão geral
osm-brasil-visao-geral.json, 8,3 MB no Drive, 1,2 MB na rede rodovias principais e rios, coordenadas a 0,01°
'\n + '
Leitura
Até 48 MB por vista, 4 requisições em paralelo, grupos de até 16 MB blocos a menos de 512 KB viram uma requisição
'\n + '
Próximos passos
Ligar a leitura por quadrícula no simulador, com cache no IndexedDB gerar rios do BC250 e municípios da malha IBGE 2025 no mesmo formato; apagar overpassRoads e overpassClient
`;\n }\n};"}}}}}}}},{"_id":"6ace621ef9fc7612597d19e7","component":"data2-core-types@Component","system":"6329b5535b2103060e128c0a","params":{"extends":"data2-core-primitives@Block","component":"kStateOfAi02","package":"gui","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function esc(s) {\n return String(s == null ? '' : s).replace(/[&<>\"']/g, function (c) {\n return { '&': '&', '<': '<', '>': '>', '\"': '"', \"'\": ''' }[c];\n });\n}\n\nvar MEDIA = 'https://gui.data2.media/file/';\n\nvar TESE = [\n ['expand', 'innovate'],\n ['copy', 'concept']\n];\n\nvar BUILDERS = [\n {\n name: 'Adonis Alcici', craft: 'Artista plástico', photo: 'DK-Vc3PUvYcLcW3nsPNVK',\n body: [\n 'Sempre desenhou carros. Passou a vida inteira, desde a infância, aperfeiçoando a arte até o hiper-realismo.',\n '!Com o tempo, abandonou o realismo. Descobriu que tinha algo a mais para comunicar, e que o mundo já era real o suficiente diante da liberdade que uma tela em branco traz.',\n 'Hoje pinta velocidade. Fez o ArtCar da TAG Heuer Porsche Cup Brasil e o capacete de Felipe Nasr para as 24 Horas de Le Mans de 2023.'\n ],\n link: ['adonisalcici.com', 'https://www.adonisalcici.com/']\n },\n {\n name: 'Sergio Ferreira', craft: 'Seteh7 · upcycling', photo: '5N1ycqRiPy8NK4qrkDyAM', pos: 'center 18%',\n body: [\n 'Produz moda através do upcycling, e o trabalho dele é puramente expressão artística.',\n '!Sergio não constrói produtos. Ele fabrica ideias vestíveis.',\n 'Veste artistas como Alice Caymmi e Negra Li. Vende aos sábados na Feira Qualquer Coisa, na Praça Benedito Calixto.'\n ],\n link: ['@seteh7', 'https://www.instagram.com/seteh7/']\n },\n {\n name: 'Pedro Guedes', craft: 'Aloeus · alta joalheria', photo: '2mgON-k3nugb6XTvg3W2E', pos: '78% center',\n body: [\n 'Um criador nato. Designer 3D e produtor musical, já produziu games, vídeos, roupas e móveis.',\n 'Hoje se dedica inteiramente à joalheria na Aloeus, a marca dele de alta joalheria e design.',\n 'Na roda, é quem pode comparar o que muda quando uma ideia sai como game, como música ou como anel.'\n ],\n link: ['@aloeus.arts', 'https://www.instagram.com/aloeus.arts/']\n },\n {\n name: 'Alexandre Iervolino', craft: 'ROUE · relógios', photo: 'zTi03wZ5lUaMPSqO2it84', pos: '82% center',\n body: [\n 'Passou mais de 20 anos no mercado financeiro. Quando o setor em que trabalhava fechou, em 2015, foi à feira de Basel, fez contatos e viajou a Hong Kong para entender como conceber a ROUE.',\n '!“Um relógio precisa transmitir algo: um design, uma filosofia ou uma personalidade.”',\n 'A ROUE nasceu em 2017 e vende para mais de 60 países. Os relógios vêm dos carros dos anos 60 e 70, dos rádios Braun e do mobiliário escandinavo. O TPS, cronógrafo em homenagem ao Porsche 910, sai em séries de mil peças numeradas.'\n ],\n link: ['rouewatch.com', 'https://rouewatch.com/']\n }\n];\n\nvar PAUTA = [\n ['01', 'Onde a IA já expande o seu trabalho?',\n 'Variações de uma peça, renderização, versões de cor, mockup. A parte do processo em que cada convidado já deixa a máquina trabalhar, e quantas horas isso devolve.'],\n ['02', 'Em que ponto ela para de ajudar?',\n 'O momento em que a sugestão do modelo começa a parecer com tudo o que já existe. Como um joalheiro, um artista, quem costura roupa usada e quem desenha relógio percebem isso.'],\n ['03', 'O cliente sabe a diferença?',\n 'A Migrolino escreveu “receita gerada por IA” na embalagem e virou piada. Uma foto gerada mostra um produto que ninguém fez. O que acontece com a confiança de quem compra.'],\n ['04', 'Quem fica com o que a IA economizou?',\n 'Se a receita, a lata e o nome saíram de um prompt em dois dias, o cliente quer saber por que o preço é o mesmo.']\n];\n\nvar PROVOCACOES = [\n 'É só temporário?',\n 'Vai melhorar?',\n 'Slop para uns, abundância para outros?',\n 'A abundância, mesmo que com má qualidade, pode ter upsides?'\n];\n\nvar CASOS = [\n {\n where: 'Suíça · rede de conveniência', name: 'Migrolino',\n body: [\n 'Lançou um sanduíche de frango com aviso na embalagem de que a receita foi gerada por IA. Foi o segundo produto da rede feito assim.',\n 'Depois das piadas, a empresa disse que a IA serve para transformar tendências de mercado em receita, que funcionários fazem os ajustes finais e que o aviso existe para mostrar a abordagem inovadora.'\n ],\n src: [['20 Minuten', 'https://www.20min.ch/story/migrolino-ki-generiertes-poulet-sandwich-sorgt-fuer-haeme-103324194']]\n },\n {\n where: 'Suíça · 2023 · bebida', name: 'Vivi Nova',\n body: [\n 'Refrigerante da Vivi Kola vendido na Migros. O ChatGPT escolheu os ingredientes e o Midjourney desenhou a lata. Do conceito ao produto foram dois dias.',\n 'A tabela nutricional ficou com pessoas, porque a IA não dava conta do cálculo. As avaliações saíram divididas.'\n ],\n src: [['FoodNavigator', 'https://www.foodnavigator.com/Article/2023/06/09/vivi-nova-ai-designs-beverage-in-switzerland'], ['SIAL', 'https://newsroom.sialparis.com/?p=20334']]\n },\n {\n where: 'EUA · 2026 · restaurantes', name: 'Wonder Create',\n body: [\n 'Marc Lore, CEO da Wonder, anunciou uma ferramenta que monta um restaurante inteiro a partir de um prompt: nome, marca, cardápio, fotos e preço, por US$ 10 por mês.'\n ],\n quote: '“Build me a fast-casual Mexican restaurant for Gen Z, for people that love cycling.”',\n after: 'É o exemplo que ele repete em várias entrevistas. Numa delas, perguntaram para quem era o produto. Ele respondeu explicando como funciona o prompt.',\n src: [['Semafor', 'https://www.semafor.com/article/05/05/2026/im-the-ipo-guy-serial-entrepreneur-marc-lore-on-his-plan-to-take-wonder-public']]\n }\n];\n\nvar FOTOS = [\n ['fIi16oJRutNWEKc8NyqGI', 'big', 'Painel com Rafa Cunha, Babi Vallim e Aline Sordili'],\n ['iC0jQ8SJLyo5n2uECSy6u', '', 'Renato Shirakashi e o experimento Mirokami'],\n ['dHeIpxYwQ2znOqKtFUeUl', '', 'David Lojudice e as sociedades de agentes'],\n ['0z9NZDU9X29I3UpY5gjKn', '', 'Painel'],\n ['K8hGOxCBtzdOCMYaUh_nX', '', 'Plateia'],\n ['P-jsWJo2gXKAJIP_xzeua', 'wide', 'Sala cheia'],\n ['JHvCplvr08sRKHQx9U1RG', '', 'Speakers e hosts no fim da noite'],\n ['obksUWINAW0YZzHFh1GWy', '', 'Happy hour']\n];\n\nvar ED01 = [\n ['Renato Shirakashi', 'O experimento Mirokami: números, erros e aprendizados'],\n ['David Lojudice', 'O que aprendeu colocando LLMs para conviver'],\n ['Rafa Cunha', 'Painel sobre gestão de times de IA'],\n ['Babi Vallim', 'Painel, pela Hera.Build'],\n ['Aline Sordili', 'Painel, co-fundadora do R7.com']\n];\n\nfunction link(label, href) {\n return '' + esc(label) + '';\n}\n\nfunction initials(name) {\n return name.split(' ').map(function (p) { return p.charAt(0); }).join('').slice(0, 2).toUpperCase();\n}\n\nexport default {\n css: `\n :host { display:block; width:100%; height:100%; }\n * { margin:0; padding:0; box-sizing:border-box; }\n a { color:inherit; -webkit-tap-highlight-color:transparent; }\n .page {\n --black:#0a0a0a; --white:#fff; --off:#f7f7f7; --gray:#666; --line:#e0e0e0;\n position:relative; height:100%; overflow-y:auto; overflow-x:hidden; background:var(--white); color:var(--black);\n font-family:'Inter', system-ui, sans-serif; -webkit-font-smoothing:antialiased; scroll-behavior:smooth;\n }\n .g { font-family:'Space Grotesk', 'Inter', sans-serif; }\n .serif { font-family:'Source Serif 4', Georgia, serif; }\n\n nav { position:sticky; top:0; z-index:10; padding:1.2rem 3rem; display:flex; justify-content:space-between; align-items:center;\n background:rgba(255,255,255,.92); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid var(--line); }\n .logo { font-weight:700; font-size:1rem; letter-spacing:2px; cursor:pointer; }\n .links { display:flex; gap:1.8rem; }\n .links span { color:var(--gray); font-size:.78rem; letter-spacing:1px; text-transform:uppercase; cursor:pointer; transition:color .3s; }\n .links span:hover { color:var(--black); }\n .badge { background:var(--black); color:var(--white); padding:.4rem 1rem; font-size:.7rem; font-weight:600; letter-spacing:1px; text-transform:uppercase; }\n\n .hero { min-height:calc(100vh - 60px); display:grid; grid-template-columns:1fr auto; align-items:end; gap:3rem; padding:4rem 3rem 3rem; border-bottom:2px solid var(--black); }\n .ed { font-size:.75rem; letter-spacing:3px; text-transform:uppercase; color:var(--gray); margin-bottom:1.2rem; }\n h1 { font-size:clamp(4rem,12vw,10rem); font-weight:700; line-height:.9; letter-spacing:-4px; }\n .builders-line { margin-top:1.5rem; font-size:clamp(1rem,2vw,1.3rem); line-height:1.6; }\n .builders-line .tol { background:var(--black); color:var(--white); padding:.1em .4em; }\n .entry { margin-top:3rem; border-top:2px solid var(--black); padding-top:1.5rem; max-width:760px; }\n .entry-head { display:flex; align-items:baseline; gap:1rem; flex-wrap:wrap; }\n .word { font-size:clamp(2.6rem,6vw,4.5rem); line-height:1; }\n .pron { font-style:italic; color:var(--gray); font-size:1.2rem; }\n .cls { font-size:.75rem; letter-spacing:2px; text-transform:uppercase; color:var(--gray); }\n .def { font-size:clamp(1.15rem,2.2vw,1.5rem); line-height:1.5; margin-top:1rem; }\n .def b { font-family:'Inter', sans-serif; font-size:.9em; margin-right:.4rem; }\n .src { font-size:.78rem; color:var(--gray); margin-top:.8rem; }\n .src a { color:var(--gray); }\n .meta { text-align:right; padding-bottom:.5rem; }\n .meta div { font-weight:700; font-size:1.1rem; margin-bottom:.3rem; }\n .meta .muted { color:var(--gray); font-weight:500; }\n .invite { margin-top:1.2rem; font-size:.75rem; letter-spacing:2px; text-transform:uppercase; color:var(--gray); border:1px solid var(--black); display:inline-block; padding:.4rem .8rem; }\n\n .tese { background:var(--black); color:var(--white); }\n .tese-in { max-width:1200px; margin:0 auto; padding:6rem 3rem 5rem; }\n .tese .label { color:#888; }\n .tg { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #333; }\n .tg > div { padding:1.4rem 0; border-bottom:1px solid #333; font-size:clamp(2.4rem,7.5vw,6.5rem); font-weight:700; line-height:1; letter-spacing:-2px; }\n .tg .hd { font-size:.75rem; letter-spacing:3px; text-transform:uppercase; font-weight:500; padding:1rem 0; color:#888; }\n .tg .hd.no { color:var(--white); }\n .tg .can { color:#555; }\n .tg .cant { color:var(--white); }\n .tg > div:nth-child(odd) { padding-right:2rem; border-right:3px solid var(--white); }\n .tg > div:nth-child(even) { padding-left:2rem; }\n .tese-foot { margin-top:2.5rem; font-size:clamp(1.1rem,2.2vw,1.5rem); line-height:1.5; color:#bbb; max-width:760px; }\n .tese-foot em { font-style:normal; color:var(--white); }\n\n section { padding:6rem 3rem; max-width:1200px; margin:0 auto; }\n hr { border:none; height:1px; background:var(--line); max-width:1200px; margin:0 auto; }\n .label { font-size:.7rem; letter-spacing:3px; text-transform:uppercase; color:var(--gray); margin-bottom:1.5rem; }\n h2 { font-size:clamp(2rem,5vw,3.5rem); font-weight:700; line-height:1.1; margin-bottom:2rem; }\n\n .mani { font-size:clamp(1.2rem,2.5vw,1.8rem); line-height:1.6; color:var(--gray); max-width:860px; }\n .mani + .mani { margin-top:1.6rem; }\n .mani em { color:var(--black); font-style:normal; font-weight:600; }\n\n .bgrid { display:grid; grid-template-columns:repeat(4,1fr); border-top:2px solid var(--black); border-left:2px solid var(--black); }\n .bcard { border-right:2px solid var(--black); border-bottom:2px solid var(--black); display:flex; flex-direction:column; transition:background .3s; }\n .bcard:hover { background:var(--off); }\n .bimg { aspect-ratio:4/5; overflow:hidden; background:#111; position:relative; }\n .bimg img { width:100%; height:100%; object-fit:cover; object-position:center 20%; display:block; filter:grayscale(100%); transition:filter .5s; }\n .bcard:hover .bimg img { filter:grayscale(0%); }\n .bph { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:1.4rem; color:#666; }\n .bph .ini { font-size:clamp(4rem,9vw,7rem); font-weight:700; color:#222; letter-spacing:-3px; line-height:1; }\n .bph .soon { font-size:.7rem; letter-spacing:2px; text-transform:uppercase; }\n .binfo { padding:1.6rem 1.5rem 1.8rem; display:flex; flex-direction:column; flex:1; }\n .bname { font-size:1.5rem; font-weight:700; }\n .bcraft { font-size:.75rem; letter-spacing:2px; text-transform:uppercase; color:var(--gray); margin:.35rem 0 1rem; }\n .binfo p { font-size:.92rem; line-height:1.6; color:#333; }\n .binfo p + p { margin-top:.7rem; }\n .binfo p.key { font-size:1.05rem; line-height:1.45; color:var(--black); border-left:3px solid var(--black); padding-left:.9rem; margin:1rem 0; }\n .blink { margin-top:auto; padding-top:1.2rem; font-size:.8rem; }\n .blink a { color:var(--black); }\n\n .pauta { border-top:2px solid var(--black); }\n .pi { display:grid; grid-template-columns:120px 1fr; border-bottom:1px solid var(--line); transition:background .3s; }\n .pi:last-child { border-bottom:2px solid var(--black); }\n .pi:hover { background:var(--off); }\n .pn { font-weight:700; font-size:1.6rem; padding:1.6rem 1.2rem; border-right:2px solid var(--black); }\n .pb { padding:1.6rem 1.5rem; }\n .pq { font-weight:700; font-size:clamp(1.15rem,2.2vw,1.5rem); line-height:1.3; }\n .pd { font-size:.92rem; color:var(--gray); line-height:1.6; margin-top:.5rem; max-width:720px; }\n\n .prov { margin-top:4rem; background:var(--black); color:var(--white); padding:3rem 2.5rem; }\n .prov .label { color:#888; margin-bottom:1rem; }\n .prov ul { list-style:none; }\n .prov li { font-size:clamp(1.5rem,3.4vw,2.6rem); font-weight:700; line-height:1.15; letter-spacing:-.5px; padding:1rem 0; border-bottom:1px solid #333; }\n .prov li:last-child { border-bottom:none; }\n .casos { display:grid; grid-template-columns:repeat(3,1fr); border-top:2px solid var(--black); border-left:2px solid var(--black); }\n .caso { border-right:2px solid var(--black); border-bottom:2px solid var(--black); padding:2rem; display:flex; flex-direction:column; transition:background .3s; }\n .caso:hover { background:var(--off); }\n .cw { font-size:.7rem; letter-spacing:2px; text-transform:uppercase; color:var(--gray); }\n .cn { font-weight:700; font-size:1.6rem; margin:.4rem 0 1rem; }\n .caso p { font-size:.92rem; line-height:1.6; color:#333; }\n .caso p + p { margin-top:.8rem; }\n .caso .q { border-left:3px solid var(--black); padding-left:.9rem; font-style:italic; font-size:1rem; color:var(--black); }\n .cs { margin-top:auto; padding-top:1.4rem; font-size:.75rem; color:var(--gray); }\n .cs a { color:var(--gray); }\n .note { margin-top:1.5rem; font-size:.85rem; color:var(--gray); line-height:1.6; max-width:760px; }\n .note a { color:var(--black); }\n\n .hosts { display:grid; grid-template-columns:1fr 1fr; border-top:2px solid var(--black); border-left:2px solid var(--black); }\n .host { border-right:2px solid var(--black); border-bottom:2px solid var(--black); padding:2.5rem 2rem; transition:background .3s; }\n .host:hover { background:var(--off); }\n .hn { font-size:1.6rem; font-weight:700; }\n .hc { font-size:.8rem; letter-spacing:2px; text-transform:uppercase; color:var(--gray); margin-top:.3rem; }\n\n .ed01 { background:var(--black); color:var(--white); padding-top:5rem; }\n .ed01-head { max-width:1200px; margin:0 auto 2rem; padding:0 3rem; }\n .ed01 .label { color:#999; margin-bottom:.5rem; }\n .ed01-t { font-size:1.6rem; font-weight:700; }\n .mosaic { max-width:1200px; margin:0 auto; padding:0 3rem; display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:210px; gap:6px; }\n .ph { position:relative; overflow:hidden; background:#1a1a1a; }\n .ph.big { grid-column:span 2; grid-row:span 2; }\n .ph.wide { grid-column:span 2; }\n .ph img { width:100%; height:100%; object-fit:cover; display:block; filter:grayscale(100%) contrast(1.05); transition:filter .5s, transform .8s; }\n .ph:hover img { filter:grayscale(0%); transform:scale(1.02); }\n .credit { max-width:1200px; margin:.9rem auto 0; padding:0 3rem; font-size:.72rem; color:#888; letter-spacing:.5px; }\n .ed01-in { max-width:1200px; margin:0 auto; padding:4rem 3rem; display:grid; grid-template-columns:240px 1fr; gap:2rem; align-items:start; }\n .ed01 li { list-style:none; display:grid; grid-template-columns:220px 1fr; gap:1rem; padding:.8rem 0; border-bottom:1px solid #2a2a2a; font-size:.95rem; }\n .ed01 li:last-child { border-bottom:none; }\n .ed01 .who { font-weight:700; }\n .ed01 .what { color:#aaa; }\n\n .details { display:grid; grid-template-columns:repeat(3,1fr); border-top:2px solid var(--black); border-left:2px solid var(--black); }\n .dc { border-right:2px solid var(--black); border-bottom:2px solid var(--black); padding:2rem; transition:background .3s; }\n .dc:hover { background:var(--off); }\n .dc h3 { font-size:.75rem; letter-spacing:2px; text-transform:uppercase; color:var(--gray); margin-bottom:.8rem; font-weight:700; }\n .dc p { font-size:1rem; line-height:1.6; }\n .dc b { font-weight:700; }\n\n footer { background:var(--black); color:var(--white); padding:3rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; border-top:1px solid #2a2a2a; }\n .fl { font-size:1.2rem; font-weight:700; letter-spacing:2px; }\n .ft { font-size:.8rem; color:#999; }\n\n @supports (animation-timeline: view()) {\n @media (prefers-reduced-motion: no-preference) {\n .rv { animation: rise linear both; animation-timeline: view(); animation-range: entry 0% entry 35%; }\n @keyframes rise { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:none; } }\n }\n }\n\n @media (max-width: 1100px) {\n .bgrid { grid-template-columns:repeat(2,1fr); }\n }\n @media (max-width: 1000px) {\n .links { gap:1.1rem; }\n .links span { font-size:.7rem; }\n }\n @media (max-width: 900px) {\n .casos, .details, .bgrid { grid-template-columns:1fr; }\n .bimg { aspect-ratio:4/3; }\n .ed01-in { grid-template-columns:1fr; }\n .mosaic { grid-template-columns:repeat(2,1fr); grid-auto-rows:170px; }\n }\n @media (max-width: 768px) {\n nav { padding:1rem 16px; }\n .links { display:none; }\n .hero { grid-template-columns:1fr; padding:3rem 16px 2.5rem; min-height:auto; }\n h1 { letter-spacing:-2px; }\n .meta { text-align:left; }\n .tese-in { padding:4rem 16px 3.5rem; }\n .tg > div { letter-spacing:-1px; }\n section { padding:4rem 16px; }\n .pi { grid-template-columns:56px 1fr; }\n .pn { font-size:1.1rem; padding:1.4rem .6rem; }\n .pb { padding:1.4rem 1rem; }\n .prov { padding:2rem 1.2rem; margin-top:3rem; }\n .hosts { grid-template-columns:1fr; }\n .caso, .host, .dc { padding:1.6rem 1.2rem; }\n .binfo { padding:1.4rem 1.2rem 1.6rem; }\n .ed01 { padding-top:3.5rem; }\n .ed01-head, .mosaic, .credit { padding-left:16px; padding-right:16px; }\n .mosaic { grid-auto-rows:130px; gap:4px; }\n .ed01-in { padding:3rem 16px; }\n .ed01 li { grid-template-columns:1fr; gap:.2rem; }\n footer { padding:2rem 16px; }\n }\n `,\n\n render(d2) {\n var data = d2.param('dataEvento', 'Terça, 3 de novembro de 2026');\n var local = d2.param('localEvento', '');\n\n var h = '
';\n\n h += '';\n\n h += '
' +\n '
Edição 02
' +\n '
STATE OF AI
' +\n '
Builders allowed. Providers tolerated.
' +\n '
' +\n 'slop/ˈslɑːp/substantivo
' +\n '
1.conteúdo digital de baixa qualidade, geralmente produzido em quantidade por meio de inteligência artificial.
' +\n '
Merriam-Webster, palavra do ano de 2025. ' + link('AP', 'https://abc7news.com/amp/post/merriam-websters-2025-word-year-is-slop/18288780/') + '
' +\n '
' +\n '
' + esc(data) + '
Roda de conversa
' +\n '
' + (local ? esc(local) : 'Local no convite') + '
' +\n 'Evento fechado para convidados
';\n\n h += '
Manifesto
' +\n '
AI can
AI can’t
';\n TESE.forEach(function (row) {\n h += '
' + esc(row[0]) + '
' + esc(row[1]) + '
';\n });\n h += '
Slop é o que sai quando ninguém decide onde a IA para. A edição 02 é sobre quem sabe exatamente onde traçar essa linha.
';\n\n h += '' +\n '
Um modelo de IA aprende com o que já existe. Ele estende um estilo, gera mil variações de uma foto e copia um traço com precisão. Ele não decide que o traço precisa mudar.
' +\n '
O Adonis Alcici passou a vida aperfeiçoando o desenho de carros até o hiper-realismo. Depois abandonou o realismo: descobriu que tinha algo a mais para comunicar, e que o mundo já era real o suficiente diante da liberdade de uma tela em branco. Essa decisão é o conceito, e nenhum modelo toma por você.
' +\n '
A maioria das empresas ainda não achou essa linha. Põe IA na foto do cardápio e deixa gente digitando planilha.
' +\n '
A edição 02 é uma roda de conversa, sem palco e sem palestra, com quatro builders que sabem exatamente onde traçar essa linha: um criador que trocou games, música e móveis pela joalheria, um artista que largou o realismo para pintar velocidade, um estilista que fabrica ideias vestíveis e um ex-executivo do mercado financeiro que desenha relógios a partir de carros antigos. Queremos ouvir em que etapa a IA entrou no trabalho deles, em qual foi barrada e o que o cliente percebe quando ela passa do ponto.
' +\n voltar() + foot() + '';\n}\n\nfunction viewForm(s) {\n var d = s.data, k = d.kind, f = s.form;\n var titulo = k === 'troca' ? 'Troca ou devolução' : 'Produto com defeito';\n if (s.done) {\n return bar(titulo) + '' +\n '
A confirmação também chegou na sua conversa do WhatsApp.
' +\n voltar() + foot() + '';\n }\n var pedidos = (d.pedidos || []).filter(function (o) { return o.status === 'entregue'; });\n if (!pedidos.length) pedidos = d.pedidos || [];\n var ped = pedidos.filter(function (o) { return o.number === f.order; })[0];\n var html = bar(titulo) + '';\n html += '
' + (d.nome ? esc(d.nome) + ', ' : '') + (k === 'troca' ? 'escolha o pedido e os itens que quer trocar ou devolver.' : 'escolha o item com problema e conte o que aconteceu.') + '
';\n html += '
Pedido
' + pedidos.map(function (o) {\n return '';\n }).join('') + '';\n if (ped) {\n html += '
' : '');\n html += '' + foot() + '';\n html += '';\n return html;\n}\n\nfunction viewAtendimento(s) {\n var d = s.data, a = d.atendimento || {};\n var sub, fila = '';\n if (a.status === 'fila') {\n sub = 'Na fila · ' + a.posicao + 'º';\n fila = '
Sua posição na fila
' + a.posicao + 'º
' +\n '
' + (a.posicao <= 1 ? 'Você é o próximo a ser atendido.' : (a.posicao - 1) + (a.posicao - 1 === 1 ? ' pessoa' : ' pessoas') + ' na sua frente.') + ' Pode escrever enquanto espera.
';\n } else if (a.status === 'atendimento') {\n sub = '' + esc(a.agentName || 'Atendente') + ' · atendendo';\n } else {\n sub = 'Atendimento encerrado';\n }\n var msgs = (d.mensagens || []).concat(s.pending || []);\n var lista = msgs.map(function (m) {\n if (m.author === 'sistema') return '
';\n if (s.erro) {\n var msg = s.erro === 'expirado' ? 'Este link expirou. Peça um novo na conversa do WhatsApp.' : 'Não encontramos este link. Abra a tela de novo pelo botão na conversa do WhatsApp.';\n return '
Link indisponível
' + msg + '
' + voltar() + '
' + foot() + '
';\n }\n var k = s.data.kind;\n var inner = k === 'rastreio' ? viewRastreio(s) : (k === 'atendimento' ? viewAtendimento(s) : viewForm(s));\n return '
${ok ? 'Seu pagamento foi aprovado. O pedido já entrou na fila de separação do estoque.' : `${esc(r.motivo || 'O gateway recusou o pagamento.')} Nada foi cobrado; a sacola continua aqui.`}
Como visto emFolhaCasa VogueVida SimplesÉpocaGQ Brasil
\n \n
Por que a Loja Boa
\n
Três coisas que a gente não abre mão.
\n
Receita da avó, matéria-prima de quem a gente conhece pelo nome e uma logística que entrega no dia seguinte sem gritar.
\n
\n ${[['sun', 'Prensado a frio', 'Azeite, coco e babaçu prensados a frio, sem aquecer: a barra guarda a glicerina e a pele agradece.'], ['box', 'Embalado em papel', 'Papel kraft, cera de abelha e barbante. O carrinho inteiro vai sem plástico, até o lacre.'], ['truck', 'Em 48 h na sua porta', 'Separação no mesmo dia e transportadora própria no Sudeste. O rastreio chega no WhatsApp.']].map(([ic, t, p]) => ui.card({ pad: true, body: html`
${d2.icon(ic)}
${t}
${p}
` }))}\n
\n \n
Um sabão que parece pão: quente, honesto, feito por gente.Casa Vogue · edição de maio
\n \n
A vitrine
${live.length ? 'Direto da prateleira.' : 'Os mais pedidos.'}
\n ${[['Ana Beatriz', 'Comprei por causa da embalagem e fiquei pelo cheiro. A de alecrim dura dois meses.', 'Campinas'], ['Rafael T.', 'Pedi às 10h, chegou no dia seguinte antes do almoço, com um bilhete à mão. Virei assinante.', 'São Paulo'], ['Dona Lúcia', 'Minha neta me deu a caixa das irmãs. A de aveia é a mesma que eu fazia em casa.', 'Tiradentes']].map(([n, t, c]) => ui.card({ pad: true, cls: 'vc', body: html`
“${t}”
${ui.avatar(n, { size: 'sm' })}${n} · ${c}
` }))}\n
\n \n \n
Assinatura
\n
Nunca mais acabar o sabão.
\n
Uma caixa com as barras da estação, no seu ritmo. Pausa quando quiser, sem multa, sem telefonema.
\n
\n ${[['Mensal', 49, ['3 barras da estação', 'Frete grátis', 'Pausa quando quiser'], false], ['Trimestral', 129, ['9 barras + saboneteira', 'Frete grátis', 'Uma barra surpresa', 'Jornal impresso'], true], ['Anual', 449, ['36 barras, 12 entregas', 'Caixa das irmãs no Natal', 'Visita ao galpão'], false]].map(([n, v, feats, hi]) => html`
Escolha três barras. A caixa fecha com barbante e vai com um bilhete.
', side: 'right', width: 360 }))\n d2.on('.sub', 'click', async (e, el) => { if (await d2.ui.confirm({ title: `Assinar o plano ${el.dataset.tier}?`, body: 'Você pode pausar quando quiser.', ok: 'Assinar' })) d2.ui.toast('Bem-vindo à prateleira', { kind: 'ok' }) })\n d2.on('.nlgo', 'click', () => d2.ui.toast('Primeira carta no mês que vem', { kind: 'ok' }))\n },\n}\n"}},"produtos":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"produtos"}}}}}}}}}},{"_id":"6ae80812800882f440a1cab8","component":"data2-core-types@Component","system":"6329b5535b2103060e128c0a","params":{"extends":"data2-core-primitives@Block","component":"editorial-jornal","package":"gui","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Jornal da Loja · an editorial spread on the Porcelain kit: masthead, cover story, drop cap, two\n// columns, a pull quote, the aside, a photo essay. Typeface, ink and paper come from the kit's\n// tokens, so a type sample or a palette dropped on it in a design board re-sets the page live.\nconst NOISE = `url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E\")`\nconst BODY = [\n 'A sala de cura não tem janelas. Tem prateleiras de pinho até o teto, um termômetro de mercúrio e um silêncio que cheira a alecrim. É aqui que as barras ficam seis semanas, viradas uma a uma a cada domingo, até perderem a água e ganharem a dureza de uma pedra de rio.',\n '“Minha avó dizia que sabão bom é sabão paciente”, conta Marta, a mais velha das três irmãs, enquanto risca a lateral de uma barra com a unha. “Se marca, não está pronto.” A receita está num caderno de capa dura, escrito a lápis, e nunca saiu da família. O que saiu foi a escala: de doze barras por mês, em 2021, para quatro mil.',\n 'O salto veio sem fábrica. Veio com um galpão alugado, uma prensa de azeite de segunda mão e uma decisão que parecia teimosia: nada de plástico, em nenhum ponto, nem no lacre da caixa. “Perdemos uma rede de farmácias por causa disso”, lembra Júlia. “Ganhamos todo o resto.”',\n 'Hoje a loja vende para o país inteiro, entrega em dois dias no Sudeste e tem uma lista de espera para visitar o galpão aos sábados. Na porta, uma placa escrita à mão avisa: “Aqui tudo demora um pouco. É de propósito.”',\n]\n\nexport default {\n ui: { accent: '#a0584b', radius: 'sm', tokens: { bg: '#f6f1e8', surface: '#fffdf8', line: '#dcd3c3', text: '#1b1a17' }, font: '\"Fraunces\", \"Iowan Old Style\", Georgia, serif' },\n css: `\n :host{display:block;height:100%}\n .wrap{height:100%;overflow:auto;background:var(--bg);color:var(--text);container-type:inline-size;font-family:var(--font)}\n .page{max-width:1080px;margin:0 auto;padding:clamp(20px,4cqi,44px) clamp(18px,4cqi,48px) 64px}\n .mast{display:flex;align-items:baseline;gap:18px;padding-bottom:14px;border-bottom:3px double var(--text);flex-wrap:wrap}\n .mast .mname{font:600 clamp(26px,3.4cqi,38px)/1 var(--font);letter-spacing:-.02em} .mast .mname i{font-style:italic;color:var(--accent)}\n .mast .iss{color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}\n .mast .secs{margin-left:auto;display:flex;gap:18px;font-size:13px;color:var(--muted)} .mast .secs b{color:var(--text);font-weight:600;border-bottom:2px solid var(--accent)}\n .cover{padding:clamp(28px,5cqi,56px) 0 22px}\n .kick{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:flex;gap:10px;align-items:center} .kick::after{content:\"\";flex:1;max-width:80px;height:1px;background:var(--accent)}\n h1{font:400 clamp(44px,8.4cqi,104px)/.98 var(--font);letter-spacing:-.04em;margin:0 0 20px;text-wrap:balance;max-width:14ch} h1 i{font-style:italic;color:var(--accent)}\n .deck{font:400 clamp(18px,2.1cqi,24px)/1.35 var(--font);color:var(--muted);max-width:40ch;margin:0 0 20px;font-style:italic}\n .by{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted);flex-wrap:wrap} .by b{color:var(--text);font-weight:600} .by .dot{width:3px;height:3px;border-radius:50%;background:var(--faint)}\n .pic{position:relative;overflow:hidden;background:\n radial-gradient(110% 80% at 15% 15%,color-mix(in oklab,var(--accent) 34%,var(--surface)),transparent 60%),\n radial-gradient(80% 70% at 90% 90%,color-mix(in oklab,var(--accent) 60%,#000 12%),transparent 55%),\n color-mix(in oklab,var(--accent) 16%,var(--surface))}\n .pic::after{content:\"\";position:absolute;inset:0;background:${NOISE};mix-blend-mode:multiply;pointer-events:none}\n .pic .shelf{position:absolute;left:8%;right:8%;top:30%;height:6px;background:color-mix(in oklab,var(--accent) 55%,#000);box-shadow:0 60px 0 color-mix(in oklab,var(--accent) 55%,#000),0 120px 0 color-mix(in oklab,var(--accent) 55%,#000);opacity:.5}\n .pic .soap{position:absolute;width:12%;height:7%;border-radius:3px;background:color-mix(in oklab,var(--accent) 10%,#fff);box-shadow:0 10px 18px -8px rgba(0,0,0,.5);opacity:.95}\n .heroimg{aspect-ratio:21/9;margin-top:34px} .heroimg .soap:nth-child(2){left:12%;top:22%} .heroimg .soap:nth-child(3){left:28%;top:22%;width:10%} .heroimg .soap:nth-child(4){left:60%;top:22%} .heroimg .soap:nth-child(5){left:20%;top:52%} .heroimg .soap:nth-child(6){left:44%;top:52%;width:14%} .heroimg .soap:nth-child(7){left:72%;top:52%} .heroimg .soap:nth-child(8){left:34%;top:82%;width:9%}\n figcaption{font-size:12.5px;color:var(--muted);padding:10px 0 0;display:flex;gap:8px} figcaption b{color:var(--accent);font-weight:600}\n .spread{display:grid;grid-template-columns:1fr 280px;gap:clamp(28px,5cqi,64px);padding-top:clamp(28px,4cqi,48px);border-top:1px solid var(--line);margin-top:38px}\n @container (max-width:820px){.spread{grid-template-columns:1fr}.cols{columns:1!important}}\n .cols{columns:2;column-gap:36px;font-size:16.5px;line-height:1.62;text-align:justify;hyphens:auto} @container (max-width:980px){.cols{font-size:15.5px}}\n .cols p{margin:0 0 1em;break-inside:avoid-column}\n .cols p:first-of-type::first-letter{float:left;font:400 84px/.78 var(--font);padding:8px 10px 0 0;color:var(--accent)}\n .pull{column-span:all;margin:12px 0 28px;padding:22px 0;border-top:1px solid var(--text);border-bottom:1px solid var(--text);text-align:left}\n .pull q{font:400 clamp(26px,3.4cqi,40px)/1.15 var(--font);font-style:italic;letter-spacing:-.02em;quotes:\"“\" \"”\";display:block;max-width:26ch}\n .pull small{display:block;margin-top:10px;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}\n .end::after{content:\"\";display:inline-block;width:9px;height:9px;background:var(--accent);margin-left:8px;vertical-align:baseline}\n aside{display:flex;flex-direction:column;gap:22px;font-size:14px}\n aside h4{font:600 12px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}\n .toc{list-style:none;margin:0;padding:0;counter-reset:n} .toc li{counter-increment:n;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:9px 0;border-bottom:1px dotted var(--line);align-items:baseline}\n .toc li::before{content:counter(n,decimal-leading-zero);font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums} .toc li b{display:block;font-weight:600} .toc li span{color:var(--muted);font-size:13px}\n .nums{display:grid;grid-template-columns:1fr 1fr;gap:10px} .nums div{padding:12px;background:var(--surface);border:1px solid var(--line)} .nums b{display:block;font:400 30px/1 var(--font);letter-spacing:-.03em;color:var(--accent)} .nums span{font-size:12px;color:var(--muted)}\n .essay{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-top:clamp(36px,5cqi,64px)} @container (max-width:820px){.essay{grid-template-columns:1fr 1fr}}\n .essay figure{margin:0} .essay .pic{aspect-ratio:4/3} .essay figure:first-child .pic{aspect-ratio:auto;height:100%;min-height:260px}\n .next{margin-top:clamp(36px,5cqi,64px);padding-top:22px;border-top:3px double var(--text);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}\n .next .lab{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)} .next .nxt{font:400 clamp(20px,2.6cqi,30px)/1.15 var(--font);letter-spacing:-.02em;max-width:30ch}\n `,\n render(d2) {\n const { html, ui } = d2\n const bars = html``\n return html`
\n
Jornal da Loja
Nº 07 · Outono 2026
OfícioCasaReceitasCartas
\n \n
\n
Ofício · Tiradentes, MG
\n
O retorno do sabão de barra
\n
Em um galpão sem janelas, três irmãs recuperam a receita da avó, recusam o plástico e vendem para o país inteiro — devagar, de propósito.
\n
${ui.avatar('Marina Reis', { size: 'sm' })}por Marina Reisfotos Teo Lacerda8 min de leitura
\n
${bars}
Acima A sala de cura: seis semanas até a barra perder a água e ganhar a dureza de uma pedra de rio.\n
\n
\n
\n
${BODY[0]}
\n
${BODY[1]}
\n
Perdemos uma rede de farmácias por causa do plástico. Ganhamos todo o resto.Júlia, a irmã do meio
\n
${BODY[2]}
\n
${BODY[3]}
\n
\n \n
\n
\n
${bars}
1 A prensa de azeite, comprada de segunda mão em 2021.\n
${bars}
2 O caderno de capa dura.\n
${bars}
3 Barbante, cera e papel: o lacre.\n
\n
A seguir · Casa
Uma casa que cheira a cedro: a reforma que começou pela saboneteira
`;\n },\n mounted(d2) {\n d2.on('click', '.lf9-feats .card', function (e, el) { d2.setState({ sel: Number(el.getAttribute('data-i')) }); });\n d2.on('click', '[data-start]', function () {\n const el = d2.$('[data-email]');\n if (el && el.scrollIntoView) el.scrollIntoView({ behavior: 'smooth', block: 'center' });\n });\n d2.on('click', '[data-join]', function () {\n const v = (d2.$('[data-email]') || {}).value || '';\n if (v.indexOf('@') > 0) d2.setState({ done: true, msg: 'Pronto. Enviamos um link para o seu e-mail.' });\n else d2.setState({ msg: 'Digite um e-mail válido.' });\n });\n }\n}"}},"features":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"features"}}}},"quote":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"quote"}}}}}}}}}},{"_id":"6ae8c9b9800882f440a2ae7b","component":"data2-core-types@Component","system":"6329b5535b2103060e128c0a","params":{"extends":"data2-core-primitives@Block","component":"deck-perf-concept","package":"gui","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Perf concept — a deck on the Porcelain deck kit, written by the design board from the concept \"Perf concept\"\nexport default {\n ui: {\"accent\":\"#0000aa\",\"theme\":\"light\",\"tokens\":{\"bg\":\"#d5eddd\",\"surface\":\"#ffffff\",\"text\":\"#000077\",\"font-display\":\"'Fraunces', serif\"},\"font\":\"'Syne', system-ui, sans-serif\"},\n render(d2) {\n const S = [\"
Perf concept
study
a frame around the first rows of pictures and the palettes
1 / 6
\",\"
Palette
The colours
#0000aa#3246aa#648caa#96d2aa#c818aa
2 / 6
\",\"
Type
Fraunces with Syne
Sabão de barra, feito devagar, com óleos prensados a frio
'\n },\n mounted(d2) {\n d2.on('[data-view]', 'click', (e, el) => d2.setState({ view: el.dataset.view }))\n const fl = document.createElement('link'); fl.rel = 'stylesheet'; fl.href = \"https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Syne:wght@400;500;600;700&display=swap\"; if (!document.querySelector('link[href=\"' + fl.href + '\"]')) document.head.appendChild(fl)\n },\n}"}}}}}}}},{"_id":"6ae8d19947d0cb7ff3646e34","component":"data2-core-types@Component","system":"6329b5535b2103060e128c0a","params":{"extends":"data2-core-primitives@Block","component":"deck-concept","package":"gui","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Concept — a deck on the Porcelain deck kit, written by the design board from the concept \"Concept\"\nexport default {\n ui: {\"accent\":\"#585727\",\"theme\":\"light\",\"tokens\":{\"bg\":\"#e8f0f8\",\"surface\":\"#ffffff\",\"text\":\"#3e3d1b\",\"font-display\":\"'Marcellus', serif\"},\"font\":\"'Work Sans', system-ui, sans-serif\"},\n render(d2) {\n const S = [\"
Concept
Future Vision
Sun-bleached nostalgia for 1930s Rio: the quiet luxury of the Copacabana promenade.
1 / 12
\",\"
Concept
An editorial portrait of a woman in a white 1930s dress stan
Sun-bleached nostalgia for 1930s Rio: the quiet luxury of the Copacabana promenade.
2 / 12
\",\"
A macro shot of the black and white Portuguese cobblestones
3 / 12
\",\"
Concept
A minimalist typographic poster on textured #c5daee paper, f
Sun-bleached nostalgia for 1930s Rio: the quiet luxury of the Copacabana promenade.
4 / 12
\",\"
An editorial photograph of a woman in a white 1930s dress st
5 / 12
\",\"
Concept
A macro shot of the black and white Portuguese cobblestones
Sun-bleached nostalgia for 1930s Rio: the quiet luxury of the Copacabana promenade.
6 / 12
\",\"
A cinematic wide shot of the Copacabana promenade at dusk, w
7 / 12
\",\"
Palette
Sea Glass Blue, Faded Denim, Dusty Taupe
#c5daee#a8b9c6#a59c97#867b76#595657#585727
8 / 12
\",\"
Type
Marcellus with Work Sans
Designing tomorrow's possibilities
9 / 12
\",\"
Pattern
Concept
10 / 12
\",\"
This concept is a sun-bleached, nostalgic look at 1930s Rio de Janeiro, focusing on the quiet luxury of the Copacabana promenade. Use it for editorial content, fashion, or travel t
' + S.map((s, k) => (k === i ? s.replace('class=\"slide ', 'class=\"slide on ') : s)).join('') + '
'\n },\n mounted(d2) {\n const n = 12\n const go = (d) => d2.setState({ i: ((((d2.state.i || 0) + d) % n) + n) % n })\n d2.on('[data-go]', 'click', (e, el) => { e.stopPropagation(); go(Number(el.dataset.go)) })\n d2.on('.dk', 'click', (e) => { if (!e.target.closest('[data-go]')) go(1) })\n d2.on('.dk', 'keydown', (e) => { if (e.key === 'ArrowRight' || e.key === ' ') go(1); else if (e.key === 'ArrowLeft') go(-1) })\n const fl = document.createElement('link'); fl.rel = 'stylesheet'; fl.href = \"https://fonts.googleapis.com/css2?family=Marcellus:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&display=swap\"; if (!document.querySelector('link[href=\"' + fl.href + '\"]')) document.head.appendChild(fl)\n },\n}"}}}}}}}},{"_id":"6ae8d1c3f652262396bc060d","component":"data2-core-types@Component","system":"6329b5535b2103060e128c0a","params":{"extends":"data2-core-primitives@Block","component":"press-concept","package":"gui","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Concept — an article, a cover and a poster on the Porcelain press kit, written by the design board from the concept \"Concept\"\nexport default {\n ui: {\"accent\":\"#585727\",\"theme\":\"light\",\"tokens\":{\"bg\":\"#e8f0f8\",\"surface\":\"#ffffff\",\"text\":\"#3e3d1b\",\"font-display\":\"'Marcellus', serif\"},\"font\":\"'Work Sans', system-ui, sans-serif\"},\n css: '.pk-wrap { display: grid; gap: 12px; } .pk-wrap > .seg { justify-self: start; }',\n render(d2) {\n const V = {\"article\":\"
ConceptInnovate. Create. Inspire.
Innovate. Create. Inspire.
Future Vision
Designing tomorrow's possibilities
Design board
An editorial portrait of a woman in a white 1930s dress stan
This concept is a sun-bleached, nostalgic look at 1930s Rio de Janeiro, focusing on the quiet luxury of the Copacabana promenade. Use it for editorial content, fashion, or travel that evokes a sense of timeless elegance and a bygone era. Avoid modern, high-contrast, or overly saturated visuals that would break the soft, faded aesthetic.
A macro shot of the black and white Portuguese cobblestones
Um passeio sem pressa pela orla de Copacabana, como ela era: linho claro, pedra ondulada e o mar ao fundo de cada conversa.
\n \n
\n
${art}Posto 4 · fim de tarde
\n \n ${fhtml}\n
“${quote}”
${who}\n \n
Guarde uma tarde para a orla.
${done ? 'Recebemos o seu e-mail. Em breve você ganha o convite, escrito à mão.' : 'Deixe o seu e-mail e receba, uma vez por mês, uma crônica da cidade antiga.'}
`, 'Explicar que não é uma organização, é um espaço pra discutir IA com quem constrói. Lembrar da edição 01 (agentes, times de IA, Mirokami). Hoje é roda de conversa, sem palco, sem palestra.');\n\nadd('dark s-mosaic', '20:02', `\n
Edição 01
Agentes · times de IA · Mirokami
\n
\n Painel com Rafa Cunha, Babi Vallim e Aline Sordili\n Renato Shirakashi e o experimento Mirokami\n David Lojudice e as sociedades de agentes\n Painel\n Plateia\n Sala cheia\n Speakers e hosts no fim da noite\n Happy hour\n
\n
Fotos · Alécio Cezar Batista Oliveira
`, 'Rápido (~30s). A edição 01 foi sobre agentes e times de IA: Rafa, Babi e Aline no painel, Renato com o Mirokami, David com as sociedades de agentes. Fotos do Alécio.');\n\nadd('light s-slop', '20:02', `\n
Merriam-Webster · palavra do ano de 2025
\n
slop
\n
/ˈslɑːp/Substantivo
\n
1.conteúdo digital de baixa qualidade, geralmente produzido em quantidade por meio de inteligência artificial.
\n \n
Fonte: Merriam-Webster, via AP
`, 'Merriam-Webster é o dicionário mais tradicional dos EUA (desde 1831). A palavra do ano sai em boa parte das buscas no site, ou seja: o mundo inteiro foi procurar o que era slop.');\n\nadd('dark s-manifesto', '20:03', `\n
\n
AI can
expand
copy
\n \n
AI can’t
innovate
concept
\n
\n
Slop é o que sai quando ninguém decide onde a IA para. Hoje é sobre quem sabe traçar essa linha.
`, 'IA estende, varia, copia. Não decide que o traço precisa mudar. Exemplo do Adonis: chegou no hiper-realismo e largou tudo. Nenhum modelo teria tomado essa decisão.');\n\nfunction card(k, name, role, text, pos) {\n return `
${name}
${role}
${text}
`;\n}\nadd('light s-builders', '20:05', `\n
Builders · Edição 02
04
\n
Quem sabe onde fica a linha.
\n
\n ${card('adonis', 'Adonis Alcici', 'Artista plástico', 'Chegou no hiper-realismo e largou tudo pra pintar velocidade.', 'center 20%')}\n ${card('sergio', 'Sergio Ferreira', 'Seteh7 · upcycling', 'Não constrói produtos. Fabrica ideias vestíveis.', 'center 18%')}\n ${card('pedro', 'Pedro Guedes', 'Aloeus · joalheria', 'Games, música, roupa e móveis antes de chegar no anel.', '78% center')}\n ${card('alexandre', 'Alexandre Iervolino', 'ROUE · relógios', 'Do mercado financeiro pra relógios inspirados em carros dos anos 60 e 70.', '82% center')}\n
`, '20:05 · Apresentações (~8 min). 2 min cada: quem é você e onde a IA já entrou (ou não) no teu trabalho. Ordem: Adonis, Sergio, Pedro, Alexandre.');\n\nfunction q(n, tag, title, desc, follow) {\n return `
Pauta · ${n} / 04
${tag}
\n
${n}
${title}
${follow ? `
${follow}
` : ''}
${desc}
`;\n}\nadd('light s-q', '20:13', q('01', 'Expandir', 'Onde a IA já expande o seu trabalho?', 'Variações de uma peça, renderização, versões de cor, mockup. A parte do processo em que cada um já deixa a máquina trabalhar, e quantas horas isso devolve.'), '20:13 · Perguntas 01 e 02 juntas (~15 min).');\nadd('light s-q', '20:20', q('02', 'A linha', 'Em que ponto ela para de ajudar?', 'O momento em que a sugestão do modelo começa a parecer com tudo o que já existe. Como cada ofício percebe isso.'), 'Aqui aparece a linha de cada um.');\n\nadd('dark s-cases', '20:28', `\n
Casos
\n
Três casos de quem passou da linha.
\n
\n
Migrolino
Suíça · conveniência
Sanduíche de frango com “receita gerada por IA” na embalagem. Virou piada.
\n
Vivi Nova
Suíça · 2023 · bebida
ChatGPT escolheu os ingredientes, Midjourney desenhou a lata. Dois dias do conceito ao produto.
\n
Wonder Create
EUA · 2026 · restaurantes
Um restaurante inteiro a partir de um prompt: nome, marca, cardápio e preço, por US$ 10 por mês.
`, '20:28 · Casos (~11 min no total, com Vivi e Wonder Create). Contar rápido, quase piada. Wonder: perguntaram pro Marc Lore pra quem era o produto e ele respondeu explicando o prompt. Se apertar: os casos viram uma frase só.');\n\nadd('light s-before', '20:30', `\n
\n
Vivi Nova · antes
2023
\n
“Developed by AI. 100% natural.”
\n
Estava escrito na lata.
\n
\n
IngredientesChatGPT
\n
LataMidjourney
\n
Do conceito ao produto2 dias
\n
\n
A proposta era a IA.
\n
\n
`, 'A Vivi Nova saiu em 2023 com a IA como argumento de venda: ChatGPT escolheu os ingredientes, Midjourney desenhou a lata, dois dias do conceito ao produto. “Developed by AI” e “100% natural” na mesma lata.');\n\nadd('dark s-after', '20:31', `\n \n
Vivi · depois
Hoje, no site da marca
`, 'Deixar a tela falar e esperar a risada. Hoje a marca se vende como “Swiss beverage brand with tradition and natural flavour… local craftsmanship”, com fotos antigas em P&B. A IA saiu da vitrine. Quando o diferencial vira slop, a marca volta pra tradição. Gancho pra pergunta 03: o cliente sabe a diferença?');\n\nadd('light s-wprompt', '20:32', `\n
\n
Wonder Create · EUA
Lança em breve
\n
Manda um prompt. Sai um restaurante.
\n
\n
Nome e marcaIA
\n
CardápioIA
\n
Preço e margemIA
\n
AssinaturaUS$ 10 / mês
\n
\n
\n
O prompt de exemplo, no site do Wonder Create
`, 'Wonder Create: você descreve o conceito e sai nome, marca, cardápio e preço, por US$ 10 por mês. O prompt de exemplo é literalmente “um conceito de bowl greco-mexicano, com branding barulhento pra Gen Z e Millennials”. Lembrar: perguntaram pro Marc Lore pra quem era o produto e ele respondeu explicando o prompt.');\n\nadd('dark s-wout', '20:33', `\n
Wonder Create · do outro lado
Brand generated
\n
Oye. Greek × Mexican bowls. Em minutos.
\n
\n 01 · MarcaNome, logo e paleta\n 02 · Cardápio5 pratos · US$ 12,85 · margem 10%\n
`, 'O que sai: a marca “Oye”, logo, paleta (hot pink, tangerine, teal, cream), e um cardápio de 5 pratos com preço médio de US$ 12,85 e margem de 10%, montado a partir da biblioteca de ingredientes da Wonder. Ninguém decidiu nada ali.');\n\nadd('light s-abund', '20:34', `\n
Sobre o Wonder Create
\n
Abundância.
\n
\n
Custo de uma marcaUS$ 10
\n
TempoMinutos
\n
Quantas cabemInfinitas
\n
\n
Se qualquer um lança uma marca com um prompt, o que ainda vale uma marca?
`, 'Virar o caso pra abundância. Quando a marca custa US$ 10 e sai em minutos, cabe uma infinidade delas. Slop pra uns, abundância pra outros. E se não fosse comida? (Próximos dois slides geram marcas AO VIVO.)');\n\nadd('dark s-live', '20:35', '', 'AO VIVO: uma marca de relógio nova a cada ~45s. O card da esquerda é a fábrica: mostra a próxima sendo criada; a marca só entra quando as imagens estão prontas. G gera agora, A pausa/retoma, clique no prompt pra reescrever (Enter envia, Esc sai). Pergunta direta pro Alexandre: o prompt descreve a ROUE. O que da ROUE não sai desse prompt?', 'watch');\nadd('light s-live', '20:37', '', 'AO VIVO: agora fashion. Pro Sergio: o prompt descreve a Seteh7. Dá pra gerar o lookbook, mas e a peça única? (Se der tempo: e joia, Pedro?) Daqui vai direto pra pergunta 03: o cliente sabe a diferença?', 'fashion');\n\nadd('light s-q', '20:39', q('03', 'Confiança', 'O cliente sabe a diferença?', 'Uma foto gerada mostra um produto que ninguém fez. O que acontece com a confiança de quem compra.', 'E quando ele não souber? Faz diferença?'), '20:39 · Perguntas 03 e 04 (~11 min). Migrolino, Vivi e Wonder como gancho. Primeiro: o cliente percebe? Depois a segunda camada: e quando ele não perceber, isso importa? Se o produto entrega, o processo importa pra quem compra?');\nadd('light s-q', '20:45', q('04', 'Valor', 'Quem fica com o que a IA economizou?', 'Vai pro cliente no preço, pra marca na margem, ou some junto com quem fazia esse trabalho?', 'Tempo de criação, design, foto de produto.'), 'O que a IA economiza: tempo de criação (a Vivi foi do conceito à lata em 2 dias), design, foto de produto, o catálogo inteiro. Pergunta: essa economia vira preço menor pro cliente, margem pra marca, ou desaparece com quem fazia? Bom pro Alexandre (preço) e pro Sergio (peça única).');\n\nadd('dark s-prov', '20:50', `\n
Sobre o slop · com a plateia
Microfone aberto
\n \n
01É só temporário?
\n
02Vai melhorar?
\n
03Slop para uns, abundância para outros?
\n
04A abundância, mesmo com má qualidade, pode ter upsides?
\n `, '20:50 · Plateia (~6 min). Escolher uma ou duas. É o bloco mais elástico: se apertar, encurta aqui.');\n\nfunction ord(k, n, name, pos) {\n return `
`, '20:56 (~4 min). Mesma ordem das apresentações: Adonis, Sergio, Pedro, Alexandre.');\n\nadd('dark s-thanks', '21:00', `\n
State of AI BR · Edição 02
\n
Obrigado.
\n
Happy hour até as 23h.
\n
\n
stateofai.com.br
\n
Fotos da Edição 01 · Alécio Cezar Batista Oliveira
\n
`, 'Agradecer builders, plateia e time. Créditos das fotos da edição 01: Alécio.');\n\nvar N = S.length;\n\n// ---------------------------------------------------------------- live state (closure; d2.refresh() repaints)\nvar L = {\n watch: { kind: 'watch', n: '01', title: 'E se fosse com relógio?', prompt: PROMPTS.watch, brands: [], pool: [], pipes: [], total: 0, session: 0, lastStart: 0, loaded: false, loading: false },\n fashion: { kind: 'fashion', n: '02', title: 'E se fosse com fashion?', prompt: PROMPTS.fashion, brands: [], pool: [], pipes: [], total: 0, session: 0, lastStart: 0, loaded: false, loading: false }\n};\nvar AUTO = { on: true };\nvar MAXPIPES = 1;\nvar PREV = {};\n\nfunction brandCard(b) {\n var pal = (b.palette || []).slice(0, 4).map(function (c) { return ``; }).join('');\n var prods = (b.products || []).slice(0, 4).map(function (p) { return `
${esc(p && p.name)}${esc(p && p.price)}
`; }).join('');\n var key = b._tmp || b._id;\n var logo = b.logoUrl ? `` : `${esc(String(b.name || '?').slice(0, 1))}`;\n return `
\n
\n
\n
${logo}
${esc(b.name)}${esc(b.tagline)}
\n
${pal}
\n
${prods}
\n
\n
`;\n}\n\nfunction factoryCard(st, interactive) {\n var p = st.pipes[0];\n var secs = p ? Math.floor((Date.now() - p.t0) / 1000) : 0;\n var left = Math.max(0, Math.ceil((CADENCE - (Date.now() - st.lastStart)) / 1000));\n var head;\n if (!interactive) head = 'ao vivo na tela';\n else if (p) head = p.stage === 'text' ? 'inventando a marca' : (p.stage === 'images' ? 'desenhando produto e logo' : 'quase lá');\n else if (!AUTO.on) head = 'pausado · A retoma';\n else head = 'próxima em ' + left + 's';\n var name = p && p.brand ? p.brand.name : '';\n var tag = p && p.brand ? p.brand.tagline : '';\n var tDone = !!(p && p.stage !== 'text');\n var tOn = !!(p && p.stage === 'text');\n var iOn = !!(p && p.stage === 'images');\n var step = function (label, done, on) { return `
${label}
`; };\n return `
\n
${p ? secs + 's' : '···'}${esc(head)}
\n
\n
${name ? esc(name) : ' '}${tag ? esc(tag) : ' '}
\n
\n ${step('Nome e paleta', tDone, tOn)}${step('Coleção e preço', tDone, tOn)}${step('Foto do produto', !!(p && p.prodDone), iOn && !p.prodDone)}${step('Logo', !!(p && p.logoDone), iOn && !p.logoDone)}\n
\n
\n ${st.pipes.length > 1 ? `
+${st.pipes.length - 1}
` : ''}\n
`;\n}\n\nfunction liveHTML(kind, interactive) {\n var st = L[kind];\n var busy = st.pipes.length;\n var status = busy ? ('● gerando' + (busy > 1 ? ' · ' + busy + ' em paralelo' : '')) : (!AUTO.on ? 'pausado' : 'uma marca a cada 45s');\n var cards = factoryCard(st, interactive) + st.brands.slice(0, 4).map(brandCard).join('');\n return `\n
`;\n }\n\n var sc = Math.min(vw / 1920, vh / 1080);\n var html = '';\n for (var k = 0; k < N; k++) {\n if (Math.abs(k - i) <= 1 || !S[k].live) html += slideHTML(k, k === i, true);\n }\n return `
\n
${html}
\n ${s.notes ? `
${i + 1} / ${N} · ${S[i].time}
${esc(S[i].notes)}
` : ''}\n
`;\n },\n\n // FLIP: cards keep their identity (data-key); when one is inserted the others glide right\n updated(d2) {\n var els = d2.$$('.slide.active .grid .bc');\n if (!els.length) return;\n var slideKey = els[0].closest('.slide').getAttribute('data-k');\n var prev = PREV[slideKey];\n var now = {};\n els.forEach(function (el) {\n var key = el.getAttribute('data-key');\n var x = el.offsetLeft;\n now[key] = x;\n if (!prev || !el.animate) return;\n if (key in prev) {\n var dx = prev[key] - x;\n if (Math.abs(dx) > 2) el.animate([{ transform: 'translateX(' + dx + 'px)' }, { transform: 'none' }], { duration: 1000, easing: 'cubic-bezier(.2,.8,.2,1)' });\n } else {\n el.animate([\n { opacity: 0, transform: 'translateX(-60px) scale(.9)', filter: 'blur(12px)' },\n { opacity: 1, transform: 'none', filter: 'blur(0)' }\n ], { duration: 1100, delay: 150, easing: 'cubic-bezier(.2,.8,.2,1)', fill: 'backwards' });\n }\n });\n PREV[slideKey] = now;\n },\n\n mounted(d2, root) {\n if (d2.context && d2.context.isBuilder && !d2.context.isPlaying) return;\n var s = d2.state;\n var presenter = isPresenter();\n var peer = null;\n s.presenter = presenter;\n s.t0 = Date.now();\n s.i = Math.max(0, Math.min(N - 1, parseInt(lsGet('soai-i') || '0', 10) || 0));\n\n try {\n if (!document.getElementById('soai-fonts')) {\n var l = document.createElement('link');\n l.id = 'soai-fonts'; l.rel = 'stylesheet';\n l.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&family=Space+Grotesk:wght@400;500;600;700&display=swap';\n document.head.appendChild(l);\n }\n } catch (e) {}\n\n var measure = function () { s.vw = root.clientWidth || window.innerWidth; s.vh = root.clientHeight || window.innerHeight; };\n measure();\n if (typeof ResizeObserver !== 'undefined') { var ro = new ResizeObserver(measure); ro.observe(root); d2.onUnmount(function () { ro.disconnect(); }); }\n d2.on(window, 'resize', measure);\n\n var headers = function () { return { headers: { 'x-deck-key': s.key || '' } }; };\n var call = function (param, body, ms) {\n return withTimeout(d2.rush(d2.param(param)).invoke(body, headers()), ms).then(unwrap);\n };\n var preload = function (urls) {\n return withTimeout(Promise.all(urls.filter(Boolean).map(function (src) {\n return new Promise(function (res) {\n var im = new Image();\n im.onload = function () { if (im.decode) im.decode().then(res, res); else res(); };\n im.onerror = res;\n im.src = src;\n });\n })), 20000).catch(function () {});\n };\n\n var seed = function (kind, r) {\n var st = L[kind];\n var items = ((r && r.items) || []).filter(function (b) { return b.productUrl; });\n st.pool = items.slice();\n st.total = Math.max(st.total, (r && r.total) || items.length);\n var first = items.slice(0, 4);\n preload([].concat.apply([], first.map(function (b) { return [b.productUrl, b.logoUrl]; }))).then(function () {\n if (!st.brands.length) st.brands = first;\n st.loaded = true; st.loading = false;\n d2.refresh();\n });\n };\n\n var tryKey = function (key, silent) {\n s.checking = true; s.err = '';\n return withTimeout(d2.rush(d2.param('list')).invoke({ kind: 'watch' }, { headers: { 'x-deck-key': key } }), 15000).then(unwrap)\n .then(function (r) {\n s.checking = false;\n if (r && r.ok) { lsSet('soai-key', key); s.key = key; L.watch.loading = true; seed('watch', r); }\n else if (!silent) s.err = 'Senha incorreta';\n }, function () { s.checking = false; if (!silent) s.err = 'Sem conexão, tenta de novo'; });\n };\n d2.on('.lf', 'submit', function (e) { e.preventDefault(); var el = d2.$('.pw'); if (el && el.value) tryKey(el.value.trim(), false); });\n var saved = lsGet('soai-key');\n if (saved) tryKey(saved, true);\n\n var load = function (kind) {\n var st = L[kind];\n if (st.loaded || st.loading || !s.key) return;\n st.loading = true;\n call('list', { kind: kind }, 20000).then(function (r) { seed(kind, r); }, function () { st.loading = false; st.loaded = true; });\n };\n // a brand only enters the grid once its images are generated AND decoded in the browser\n var reveal = function (kind, b, isNew) {\n var st = L[kind];\n return preload([b.productUrl, b.logoUrl]).then(function () {\n st.brands.unshift(b); st.brands = st.brands.slice(0, 24);\n if (isNew) { st.total++; st.session++; }\n d2.refresh();\n });\n };\n var fallback = function (kind) {\n var st = L[kind];\n var shown = st.brands.slice(0, 5).map(function (b) { return b._id; });\n var pick = st.pool.filter(function (b) { return b.productUrl && shown.indexOf(b._id) < 0; });\n if (!pick.length) return Promise.resolve();\n var b = Object.assign({}, pick[Math.floor(Math.random() * pick.length)]);\n b._tmp = 'r' + Date.now() + Math.random().toString(36).slice(2, 6);\n return reveal(kind, b, false);\n };\n var start = function (kind) {\n var st = L[kind];\n if (!s.key || presenter || st.pipes.length >= MAXPIPES) return;\n var p = { t0: Date.now(), stage: 'text', brand: null, prodDone: false, logoDone: false };\n st.pipes.push(p); st.lastStart = Date.now();\n d2.refresh();\n var done = function () { st.pipes = st.pipes.filter(function (x) { return x !== p; }); d2.refresh(); };\n call('gen', { kind: kind, prompt: st.prompt }, TIMEOUT_TEXT).then(function (r) {\n var b = r && r.brand;\n if (!b || !b.name || !b._id) throw new Error('empty');\n p.brand = b; p.stage = 'images';\n d2.refresh();\n var img = function (which) {\n var prompt = which === 'logo' ? b.logoPrompt : b.productPrompt;\n if (!prompt) return Promise.resolve();\n return call('img', { id: b._id, which: which, prompt: prompt }, TIMEOUT_IMG).then(function (x) {\n if (x && x.url) { if (which === 'logo') b.logoUrl = x.url; else b.productUrl = x.url; }\n }, function () {}).then(function () {\n if (which === 'logo') p.logoDone = true; else p.prodDone = true;\n d2.refresh();\n });\n };\n return Promise.all([img('product'), img('logo')]).then(function () {\n if (!b.productUrl) throw new Error('noimg');\n p.stage = 'preload';\n d2.refresh();\n st.pool.unshift(b);\n return reveal(kind, b, true);\n });\n }).catch(function () { return fallback(kind); }).then(done, done);\n };\n\n var tick = setInterval(function () {\n if (!s.key) return;\n if (presenter) { d2.refresh(); return; }\n var sl = S[s.i || 0];\n if (!sl || !sl.live) return;\n var st = L[sl.live];\n load(sl.live);\n if (AUTO.on && !st.loading && Date.now() - st.lastStart >= CADENCE) start(sl.live);\n d2.refresh();\n }, 1000);\n d2.onUnmount(function () { clearInterval(tick); });\n\n d2.on('.pin', 'input', function (e, el) { var k = el.getAttribute('data-kind'); if (L[k]) L[k].prompt = el.value; });\n d2.on('.send', 'click', function (e, el) { var k = el.getAttribute('data-kind'); if (L[k]) start(k); });\n\n var show = function (n, fromPeer) {\n var v = Math.max(0, Math.min(N - 1, n));\n if (v !== s.i) {\n var prev = S[s.i || 0];\n s.i = v;\n var sl = S[v];\n if (sl.live) { load(sl.live); L[sl.live].lastStart = 0; }\n }\n if (!presenter) lsSet('soai-i', String(s.i));\n if (!fromPeer && peer && !peer.closed) peer.postMessage({ sotai: 'go', i: s.i }, '*');\n };\n var openPresenter = function () {\n if (peer && !peer.closed) { peer.focus(); return; }\n var href = location.href.split('#')[0];\n href += (href.indexOf('?') >= 0 ? '&' : '?') + 'presenter=1';\n peer = window.open(href, 'sotai-presenter', 'width=1400,height=860');\n };\n d2.on(window, 'message', function (e) {\n var m = e.data; if (!m || !m.sotai) return;\n if (m.sotai === 'go') show(m.i, true);\n if (m.sotai === 'hello') { peer = e.source; try { peer.postMessage({ sotai: 'go', i: s.i }, '*'); } catch (x) {} }\n });\n if (presenter && window.opener) { peer = window.opener; try { peer.postMessage({ sotai: 'hello' }, '*'); } catch (x) {} }\n d2.on('.reset', 'click', function () { s.t0 = Date.now(); });\n\n var numBuf = '', numT = null;\n d2.on(window, 'keydown', function (e) {\n if (!s.key) return;\n var t = (e.composedPath && e.composedPath()[0]) || e.target;\n var tag = t && t.tagName;\n if (tag === 'TEXTAREA' || tag === 'INPUT') {\n if (e.key === 'Escape') t.blur();\n if (e.key === 'Enter' && !e.shiftKey && tag === 'TEXTAREA') { e.preventDefault(); var k0 = t.getAttribute('data-kind'); t.blur(); if (L[k0]) start(k0); }\n return;\n }\n if (e.metaKey || e.ctrlKey || e.altKey) return;\n var k = e.key;\n var sl = S[s.i || 0];\n if (['ArrowRight', 'ArrowDown', 'PageDown', ' ', 'Enter'].indexOf(k) >= 0) { e.preventDefault(); show((s.i || 0) + 1); }\n else if (['ArrowLeft', 'ArrowUp', 'PageUp', 'Backspace'].indexOf(k) >= 0) { e.preventDefault(); show((s.i || 0) - 1); }\n else if (k === 'Home') show(0);\n else if (k === 'End') show(N - 1);\n else if (k === 'f' || k === 'F') { try { document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen(); } catch (x) {} }\n else if ((k === 'n' || k === 'N') && !presenter) s.notes = !s.notes;\n else if ((k === 'p' || k === 'P') && !presenter) openPresenter();\n else if ((k === 'r' || k === 'R') && presenter) s.t0 = Date.now();\n else if ((k === 'g' || k === 'G') && sl && sl.live) start(sl.live);\n else if ((k === 'a' || k === 'A') && sl && sl.live) { AUTO.on = !AUTO.on; if (AUTO.on) L[sl.live].lastStart = 0; d2.refresh(); }\n else if (/^[0-9]$/.test(k)) {\n numBuf += k; clearTimeout(numT);\n numT = setTimeout(function () { show(parseInt(numBuf, 10) - 1); numBuf = ''; }, 450);\n }\n });\n\n var idle = null;\n d2.on(window, 'mousemove', function () {\n if (presenter) return;\n if (s.cursor === false) s.cursor = true;\n clearTimeout(idle);\n idle = setTimeout(function () { s.cursor = false; }, 2000);\n });\n d2.onUnmount(function () { clearTimeout(idle); clearTimeout(numT); });\n }\n};\n"}},"gen":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"gen"}}}},"img":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"img"}}}},"list":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"list"}}}}}}}}}},{"_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":{"component":"data2-core-types@Getter","displayName":"isData2User","params":{"module":{"component":"data2-core-functions@Match","params":{"pattern":{"component":"data2-core-types@Regex","params":{"pattern":"@data2\\.app$","flags":"i"}},"text":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user.email"}}}}}},"prop":{"component":"data2-core-primitives@String","params":{"content":"0"}}}},"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":{"component":"data2-core-flow@If","displayName":"management exception never picks the system","params":{"compare":{"component":"data2-core-logical-operators@Or","params":{"components":[{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_user"}}}},{"component":"data2-core-logical-operators@Not","params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_app_exception"}}}}}}]}},"then":{"system":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}},"else":{"d2_app":"management"}}},"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-10-29T19:05:43.007Z","updateMetadata":{"updatedBy":{"user":"5f1609be1ca96def427e1559"}}},{"_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"},{"component":"data2-core@DataSet","reference":"SessionsDataSet","params":{"requiresConfirmation":false,"pk":"key","datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"data2sessionsdatasource"}}}},{"component":"data2-core@ServerSessionsDataSource","reference":"data2sessionsdatasource","params":{}},{"reference":"UsersTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"_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":"6ae49717cd54784ddc241d76","component":"data2-rush@HTTPListener","reference":"checkout","system":"6329b5535b2103060e128c0a","params":{}},{"_id":"6ae9cf5ccce886542c37ac66","component":"data2-rush@HTTPListener","reference":"soai-list","system":"6329b5535b2103060e128c0a","params":{}},{"_id":"6ae9cf59d79019a0ae220382","component":"data2-rush@HTTPListener","reference":"soai-img","system":"6329b5535b2103060e128c0a","params":{}},{"_id":"6ae9cf57978ab41527b278cb","component":"data2-rush@HTTPListener","reference":"soai-gen","system":"6329b5535b2103060e128c0a","params":{}}]}},{"reference":"ComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6ae9d31d1b16986ad56630f6","component":"data2-core-primitives@Artboard","system":"6329b5535b2103060e128c0a","displayName":"soai · deck ao vivo","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"soai · deck ao vivo"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1920,"height":1080}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"CyYjBHgXBbe6wWAAywmzr"},{"_id":"6047c254396a969058cae1d5","parent":"6ae9d31d1b16986ad56630f6","component":"gui@soai-deck","system":"6329b5535b2103060e128c0a","displayName":"deck","params":{"gen":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"soai-gen"}},"img":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"soai-img"}},"list":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"soai-list"}},"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}}}},"reference":"Xrgdv7lVq41VhKFm3bcLV"}]}},{"_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":"6ae9d328d4a5bd3bf277b6b9","displayName":"State of AI 02 · deck","reference":"DWxYqpyWi3xmOuIMIAXBZ","params":{"domain":{"component":"data2-core-primitives@String","params":{"content":"stateofai02-deck"}},"entryPoint":{"component":"data2-core-types@ComponentInstanceReference","params":{"component":"data2-core-primitives@Artboard","reference":"CyYjBHgXBbe6wWAAywmzr"}}},"system":"6329b5535b2103060e128c0a","component":"data2-core-primitives@Application"}]}},{"reference":"DataComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6ae494cc3dd0a823bb4cf62a","component":"data2-core@Data2TableDataSource","system":"6329b5535b2103060e128c0a","params":{"table":"produtos","schema":[{"component":"data2-core-types@Field","params":{"key":"nome","title":"Nome","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"slug","title":"Slug","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"categoria","title":"Categoria","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"preco","title":"Preço","component":"data2-core-primitives@Number","required":true}},{"component":"data2-core-types@Field","params":{"key":"descricao","title":"Descrição","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"estoque","title":"Estoque","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"destaque","title":"Destaque","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"cor","title":"Cor do rótulo","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"imagem","title":"Imagem (URL)","component":"data2-core-primitives@String"}}]},"reference":"produtos"},{"_id":"6ae494d13dd0a823bb4cf640","component":"data2-core@Data2TableDataSource","system":"6329b5535b2103060e128c0a","params":{"table":"carrinhos","schema":[{"component":"data2-core-types@Field","params":{"key":"cliente","title":"Cliente (e-mail)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"nome","title":"Nome","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"itens","title":"Itens","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"total","title":"Total","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"status","title":"Status","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"atualizado_em","title":"Atualizado em","component":"data2-core-primitives@Date"}},{"component":"data2-core-types@Field","params":{"key":"lembrete_em","title":"Lembrete enviado em","component":"data2-core-primitives@Date"}},{"component":"data2-core-types@Field","params":{"key":"pedido","title":"Pedido gerado","component":"data2-core-primitives@String"}}]},"reference":"carrinhos"},{"_id":"6ae494d6c0028ad81045eea4","component":"data2-core@Data2TableDataSource","system":"6329b5535b2103060e128c0a","params":{"table":"pedidos","schema":[{"component":"data2-core-types@Field","params":{"key":"numero","title":"Número","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"cliente","title":"Cliente","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"endereco","title":"Endereço","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"itens","title":"Itens","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"subtotal","title":"Subtotal","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"frete","title":"Frete","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"total","title":"Total","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"status","title":"Status","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"pagamento","title":"Pagamento","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"rastreio","title":"Rastreio","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"operador","title":"Operador (separação)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"motorista","title":"Motorista","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"nps","title":"NPS","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"criado_em","title":"Criado em","component":"data2-core-primitives@Date"}},{"component":"data2-core-types@Field","params":{"key":"pago_em","title":"Pago em","component":"data2-core-primitives@Date"}},{"component":"data2-core-types@Field","params":{"key":"separado_em","title":"Separado em","component":"data2-core-primitives@Date"}},{"component":"data2-core-types@Field","params":{"key":"enviado_em","title":"Enviado em","component":"data2-core-primitives@Date"}},{"component":"data2-core-types@Field","params":{"key":"entregue_em","title":"Entregue em","component":"data2-core-primitives@Date"}},{"component":"data2-core-types@Field","params":{"key":"nps_enviado_em","title":"NPS enviado em","component":"data2-core-primitives@Date"}}]},"reference":"pedidos"},{"_id":"6ae494d9c2082658d252decf","component":"data2-core@Data2TableDataSource","system":"6329b5535b2103060e128c0a","params":{"table":"avaliacoes","schema":[{"component":"data2-core-types@Field","params":{"key":"pedido","title":"Pedido","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"cliente","title":"Cliente","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"nota","title":"Nota (0–10)","component":"data2-core-primitives@Number","required":true}},{"component":"data2-core-types@Field","params":{"key":"comentario","title":"Comentário","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"criado_em","title":"Criado em","component":"data2-core-primitives@Date"}}]},"reference":"avaliacoes"}]}},{"reference":"BundlesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}}],"processesParams":{}}}}