OpenAI запускає dots: постійно активних агентів GPT-6 Astra, які працюють на власних хмарних комп’ютерах

</div><div class="nl">Мета</div></div> <div class="node"><div class="nb"></div><div class="nl">Хмарний комп’ютер</div></div> <div class="node"><div class="nb"></div><div class="nl">Застосунки через плагіни</div></div> <div class="node"><div class="nb"></div><div class="nl">Автоматична перевірка</div></div> <div class="node"><div class="nb"></div><div class="nl">Результат</div></div> </div> </div> <div class="log" id="log"><p style="color:#71717a">Оберіть мету та правило, потім натисніть «Запустити».</p></div> <div class="approve" id="approve"><button class="btn" id="ok">Схвалити</button><button class="btn ghost" id="no">Відхилити</button></div> <p class="note">Ілюстративна симуляція процесу, описаного OpenAI. Приклади завдань взято з матеріалів запуску OpenAI.</p> </div> </div> <!-- PANEL 2 --> <div class="panel" id="p2"> <div class="card"> <div class="toggle" id="mode"><button class="on" data-m="here">Ви працюєте з ним</button><button data-m="away">Вас немає</button></div> <div class="stage" id="stage"> <div class="center" id="bigdot"></div> </div> <div class="try" id="tries"> <button class="chip" data-a="read">Прочитати новий лист</button> <button class="chip" data-a="send">Надіслати відповідь</button> <button class="chip" data-a="edit">Редагувати спільний документ</button> </div> <div class="ideas" id="ideas"></div> <p class="note">У фоновому режимі «проактивного дослідження» OpenAI стверджує, що підключені застосунки доступні лише для читання. Dot може переглядати інформацію, але не може надсилати повідомлення або змінювати вміст.</p> </div> </div> <!-- PANEL 3 --> <div class="panel" id="p3"> <div class="card"> <div class="lives"> <div class="box"><h4> Ваш комп’ютер</h4><div class="scr"><div class="tbar"><i></i><i></i><i></i></div><div class="bline" style="width:60%"></div><div class="bline" style="width:40%"></div></div><p class="note">Типово залишається окремим.</p></div> <div class="bridge" id="bridge"><div class="tag" id="btag">Не підключено</div><div class="wire"></div></div> <div class="box" style="border-color:#3a3316"><h4> Хмарний комп’ютер вашого dot</h4><div class="scr"><div class="tbar"><i></i><i></i><i></i></div><div class="bline" style="width:70%"></div><div class="bline" style="width:50%"></div><div class="cursor"></div></div><p class="note">Власний браузер. Відкрийте його будь-коли, щоб перевірити роботу.</p></div> </div> <div style="margin-top:12px"><button class="btn ghost" id="connect">Підключити мій ноутбук</button></div> <div class="label" style="margin-top:16px">Спілкуватися зі своїм dot можна через</div> <div class="surf" id="surf"></div> <div class="label" style="margin-top:16px">Як працює вхід у систему</div> <div class="vault"> <div class="vb"><span class="e"></span>Збережений пароль</div> <div class="vb model"><span class="e"></span>Модель його не бачить</div> <div class="vb"><span class="e"></span>Підтримуваний вебсайт</div> </div> <p class="note">Конфіденційні завдання, як-от зміна пароля, завжди залишаються за вами.</p> </div> </div> <div class="foot"> <span>Джерела: <a href="https://openai.com/index/introducing-dots/" target="_blank" rel="noopener">OpenAI</a>, <a href="https://thenextweb.com/news/openai-dots-always-on-ai-agents-cloud-computers-devday" target="_blank" rel="noopener">TNW</a>. Кольори приблизно відповідають візуальним матеріалам запуску dots.</span> <span class="brand">Створено Marktechpost</span> </div> </div> <script> (function(){ var root=document.getElementById('mtpdots'); function post(){try{parent.postMessage({type:'mtp-dots-resize',height:root.offsetHeight+40},'*')}catch(e){}} window.addEventListener('load',post);window.addEventListener('resize',post); if(window.ResizeObserver){new ResizeObserver(post).observe(root)} setTimeout(post,300); /* tabs */ var tabs=root.querySelectorAll('.tab'); tabs.forEach(function(t){t.addEventListener('click',function(){ tabs.forEach(function(x){x.classList.remove('on')});t.classList.add('on'); root.querySelectorAll('.panel').forEach(function(p){p.classList.remove('on')}); document.getElementById(t.getAttribute('data-t')).classList.add('on'); if(t.getAttribute('data-t')==='p3')buildSurf(); post(); })}); /* panel 1 */ var goals=[ {n:'Забронювати столик у ресторані',plan:'Знайти ресторан, який відповідає вашому розкладу',apps:'Календар + сайт бронювання',act:'Підтвердити бронювання'}, {n:'Надіслати забутий рахунок',plan:'Знайти неоплачену роботу у ваших записах',apps:'Електронна пошта + інструмент виставлення рахунків',act:'Надіслати рахунок'}, {n:'Виправити помилки за відгуками користувачів',plan:'Згрупувати відгуки та відтворити помилку',apps:'Скринька відгуків + Codex',act:'Випустити виправлення'}, {n:'Змінити пароль облікового запису',plan:'Відкрити сторінку налаштувань облікового запису',apps:'Сайт облікового запису',act:'Змінити пароль',sensitive:true} ]; var g=0,r='ask',busy=false; function pick(box,attr,cb){box.querySelectorAll('.chip').forEach(function(c){c.addEventListener('click',function(){ if(busy)return;box.querySelectorAll('.chip').forEach(function(x){x.classList.remove('on')});c.classList.add('on');cb(c.getAttribute(attr));})})} pick(document.getElementById('goals'),'data-g',function(v){g=+v}); pick(document.getElementById('rules'),'data-r',function(v){r=v}); var nodes=[].slice.call(document.querySelectorAll('#nodes .node')); var runner=document.getElementById('runner'),fill=document.getElementById('fill'),log=document.getElementById('log'); var appr=document.getElementById('approve'),runBtn=document.getElementById('run'); function line(cls,txt){var p=document.createElement('p');p.className=cls;p.textContent=txt;log.appendChild(p);post()} function moveTo(i){var n=nodes[i];var rect=n.getBoundingClientRect(),tr=n.parentNode.parentNode.getBoundingClientRect(); runner.style.left=(rect.left-tr.left+rect.width/2-13)+'px';fill.style.width=(i/(nodes.length-1)*100)+'%';} function reset(){nodes.forEach(function(n){n.className='node'});fill.style.width='0';log.innerHTML='';appr.classList.remove('show');runner.classList.remove('show')} function finish(state,msg,cls){var last=nodes[4];last.classList.remove('lit');last.classList.add(state);line(cls,msg);busy=false;runBtn.disabled=false;runBtn.textContent='Запустити ще раз'} runBtn.addEventListener('click',function(){ if(busy)return;busy=true;runBtn.disabled=true;reset();var G=goals[g]; var steps=[ function(){line('k','> мета: "'+G.n+'"')}, function(){line('',' запуск власного хмарного комп’ютера + браузера');line('',' план: '+G.plan.toLowerCase())}, function(){line('',' використання підключених плагінів: '+G.apps)}, function(){line('w',' автоматична перевірка: "'+G.act+'" впливає на ваші облікові записи')} ]; runner.classList.add('show');var i=0; (function step(){ if(i<4){moveTo(i);nodes[i].classList.add('lit');steps[i]();i++;setTimeout(step,900);return} moveTo(4);nodes[4].classList.add('lit'); setTimeout(function(){ if(G.sensitive){finish('bad','x Конфіденційне завдання. Зміна паролів завжди залишається за вами, незалежно від правила.','x');return} if(r==='block'){finish('bad','x Заблоковано вашим власним правилом. Нічого не надіслано.','x');return} if(r==='allow'){finish('good','✓ Дозволено вашим правилом. Виконано: '+G.act.toLowerCase()+'.','ok');return} line('w','? Очікування вашого схвалення. Відстежуйте процес у перегляді активності.');appr.classList.add('show');post(); },700); })(); }); document.getElementById('ok').addEventListener('click',function(){appr.classList.remove('show');finish('good','✓ Ви схвалили. Виконано: '+goals[g].act.toLowerCase()+'.','ok')}); document.getElementById('no').addEventListener('click',function(){appr.classList.remove('show');finish('bad','x Ви відхилили дію. Dot зупиняється й очікує.','x')}); /* panel 2 */ var stage=document.getElementById('stage'),big=document.getElementById('bigdot'),ideas=document.getElementById('ideas'); var apps=[{e:'',n:'Електронна пошта'},{e:'',n:'Календар'},{e:'',n:'Slack'},{e:'',n:'Документи'},{e:'',n:'Рахунки'},{e:'',n:'Репозиторій коду'}]; var appEls=[],rays=[]; function layout(){ var W=stage.clientWidth,H=stage.clientHeight,cx=W/2,cy=H/2,rx=Math.min(W*0.38,300),ry=H*0.30; apps.forEach(function(a,i){var ang=(i/apps.length)*Math.PI*2-Math.PI/2;var x=cx+rx*Math.cos(ang),y=cy+ry*Math.sin(ang); var el=appEls[i];el.style.left=(x-el.offsetWidth/2)+'px';el.style.top=(y-30)+'px'; var ray=rays[i];var dx=x-cx,dy=y-cy;ray.style.width=Math.max(Math.sqrt(dx*dx+dy*dy)-30,0)+'px';ray.style.transform='rotate('+Math.atan2(dy,dx)+'rad)';}); } apps.forEach(function(a){var ray=document.createElement('div');ray.className='ray';stage.appendChild(ray);rays.push(ray); var el=document.createElement('div');el.className='app';el.innerHTML='<div class="ic">'+a.e+'<span class="lock">ЧИТАННЯ</span></div>'+a.n;stage.appendChild(el);appEls.push(el)}); var away=false,scanT=null,idx=0; var sugg=['<b>Увага:</b> рахунок клієнту за минулий місяць так і не було надіслано. Чернетка готова до схвалення.','<b>Підготовка:</b> 2 завтрашні зустрічі перетинаються. Запропоновано новий час.','<b>Знайдено:</b> 3 звіти користувачів згадують ту саму помилку під час оформлення замовлення.']; function scan(){appEls.forEach(function(e){e.classList.remove('scan')});rays.forEach(function(x){x.classList.remove('on')}); var k=idx%apps.length;appEls[k].classList.add('scan');rays[k].classList.add('on'); if(idx%2===1&&ideas.children.length<3){var d=document.createElement('div');d.className='idea';d.innerHTML=sugg[ideas.children.length];ideas.appendChild(d);post()} idx++;} function setMode(m){away=(m==='away');stage.classList.toggle('away',away);big.classList.toggle('sleep',!away); document.querySelectorAll('#mode button').forEach(function(b){b.classList.toggle('on',b.getAttribute('data-m')===m)}); clearInterval(scanT);appEls.forEach(function(e){e.classList.remove('scan')});rays.forEach(function(x){x.classList.remove('on')}); if(away){ideas.innerHTML='';idx=0;scan();scanT=setInterval(scan,1100)}else{ideas.innerHTML='<div class="idea" style="border-left-color:#FFD23F">Ви тут, тож dot виконує прямі запити в межах ваших правил.</div>'} post();} document.querySelectorAll('#mode button').forEach(function(b){b.addEventListener('click',function(){setMode(b.getAttribute('data-m'))})}); document.querySelectorAll('#tries .chip').forEach(function(c){c.addEventListener('click',function(){ var a=c.getAttribute('data-a'),d=document.createElement('div');d.className='idea'; if(!away){d.style.borderLeftColor='#7EE0B5';d.innerHTML=a==='read'?'✓ Читає вашу нову пошту.':'✓ Дозволено, поки ви працюєте з ним, відповідно до ваших власних правил і автоматичної перевірки.'} else if(a==='read'){d.style.borderLeftColor='#7EE0B5';d.innerHTML='✓ Фоновий режим може читати підключені застосунки.'} else{d.style.borderLeftColor='#FF8FB1';d.innerHTML='<b style="color:#FFB0C8">Лише читання:</b> у фоновому режимі dot не може '+(a==='send'?'надсилати повідомлення':'змінювати вміст')+'.'} ideas.appendChild(d);while(ideas.children.length>5)ideas.removeChild(ideas.firstChild);post();})}); /* panel 3 */ var surfs=[['ChatGPT у вебі','#FFD23F'],['ChatGPT на комп’ютері','#FFD23F'],['ChatGPT на мобільному пристрої','#FFD23F'],['Slack','#6CC4FF'],['Microsoft Teams','#6CC4FF'],['Текстові повідомлення (незабаром)','#FF8FB1',1]]; function buildSurf(){var s=document.getElementById('surf');s.innerHTML='';surfs.forEach(function(x,i){var e=document.createElement('span');e.className='s'+(x[2]?' soon':'');e.style.animationDelay=(i*0.08)+'s';e.innerHTML='<i style="background:'+x[1]+'"></i>'+x[0];s.appendChild(e)});post()} var conn=false;document.getElementById('connect').addEventListener('click',function(){conn=!conn; document.getElementById('bridge').classList.toggle('on',conn);document.getElementById('btag').textContent=conn?'Підключено вами':'Не підключено'; this.textContent=conn?'Відключити мій ноутбук':'Підключити мій ноутбук'}); buildSurf();setMode('here'); function relayout(){if(stage.clientWidth)layout()} window.addEventListener('resize',relayout); new MutationObserver(relayout).observe(document.getElementById('p2'),{attributes:true}); setTimeout(relayout,50); })(); </script> </body></html> ">