https://andonlabs.com/_app/immutable/nodes/42.CLEwpzmq.js

1import"../chunks/CWj6FrbW.js";import{b8 as Oe,bt as a,bA as P,Y as r,b4 as We,a4 as i,at as w,be as o,av as e,a6 as ge,aq as U,bI as d,au as Ie,b0 as W,bB as K}from"../chunks/CBwW-_qi.js";import{l as z}from"../chunks/CMFG9ocV.js";import{i as he}from"../chunks/T2n24-oX.js";import{e as Se,i as Te}from"../chunks/CZEtPMYm.js";import{c as l}from"../chunks/DEJ4F0sa.js";import{h as Re}from"../chunks/vxIbxFEj.js";import{s as E}from"../chunks/CjH6loWA.js";import{b as ze,s as Be}from"../chunks/5ob4BCe4.js";import{H as Ye}from"../chunks/Bn94b5AV.js";import{C as qe}from"../chunks/tLpCenSf.js";import{d as Ke,e as je,c as oe,a as Ve,b as se,T as Xe}from"../chunks/D69B0bUj.js";import"../chunks/69_IOA4Y.js";import{b as Ge}from"../chunks/BNJ3jDWC.js";import{C as Je}from"../chunks/BRzbOd_U.js";import{L as Qe}from"../chunks/lPgHJzuc.js";import{S as Ze}from"../chunks/B9rFczH8.js";import{m as et}from"../chunks/KI2q-aQs.js";import{o as tt,l as rt}from"../chunks/r3Q2r7G8.js";import{a as ke,g as at}from"../chunks/DWQhRldM.js";const ot=!1,Rt=Object.freeze(Object.defineProperty({__proto__:null,prerender:ot},Symbol.toStringTag,{value:"Module"}));var st=Ie('<image x="-6" y="-6" width="12" height="12"></image>'),nt=Ie('<g><circle fill="white" stroke-width="1.5"></circle><!></g>'),it=Ie("<!><!>",1),lt=w('<div class="flex flex-col"><div class="text-base text-foreground mb-2"> </div> <!></div>');function Ce(Fe,k){Oe(k,!0);function ne(u){return k.metric==="revenue"?parseFloat(u.revenue)||0:k.metric==="orders"?u.orders||0:parseFloat(u.llm_cost)||0}const ie=d(()=>Array.from(new Set(k.stores.flatMap(h=>h.daily.map(X=>X.date)))).sort().map(h=>{const X={day:new Date(h)};for(const ce of k.stores){const Z=ce.daily.find(re=>re.date===h);X[ce.name]=Z?ne(Z):0}return X})),fe=d(()=>k.stores.reduce((u,h)=>(u[h.name]={label:h.name,color:h.color},u),{})),Pe=d(()=>k.stores.map(u=>({key:u.name,label:u.name,color:u.color,value:h=>h[u.name]})));var le=lt(),V=i(le),pe=i(V,!0);o(V);var de=a(V,2);l(de,()=>Ge,(u,h)=>{h(u,{get config(){return e(fe)},class:"h-48 sm:h-56 w-full",children:(X,ce)=>{{const Z=(s,v)=>{let D=()=>v==null?void 0:v().context;const S=d(()=>e(ie)[e(ie).length-1]);var L=ge(),c=U(L);Se(c,17,()=>D().series.visibleSeries,A=>A.key,(A,G)=>{const _e=d(()=>k.stores.find(F=>F.name===e(G).key)),me=d(()=>e(S)?Number(D().xScale(e(S).day)):NaN),H=d(()=>e(S)?Number(D().yScale(Number(e(S)[e(G).key]))):NaN);var g=it(),B=U(g);Ze(B,{get seriesKey(){return e(G).key},get stroke(){return e(G).color},get curve(){return et},strokeWidth:1.75});var Y=a(B);{var _=F=>{var b=nt(),C=i(b);E(C,"r",9);var M=a(C);{var ee=m=>{var p=st();P(()=>E(p,"href",e(_e).logo)),r(m,p)};he(M,m=>{var p;(p=e(_e))!=null&&p.logo&&m(ee)})}o(b),P(()=>{E(b,"transform",`translate(${e(me)??""}, ${e(H)??""})`),E(C,"stroke",e(G).color)}),r(F,b)},R=d(()=>Number.isFinite(e(me))&&Number.isFinite(e(H)));he(Y,F=>{e(R)&&F(_)})}r(A,g)}),r(s,L)},re=s=>{var v=ge(),D=U(v);l(D,()=>Je,(S,L)=>{L(S,{labelFormatter:c=>c instanceof Date?c.toLocaleDateString("en-US",{month:"short",day:"numeric"}):String(c)})}),r(s,v)};let De=d(tt),t=d(rt),f=d(()=>({xAxis:{format:s=>s.toLocaleDateString("en-US",{month:"short",day:"numeric"}),ticks:4},yAxis:{format:k.yFormat,ticks:4},highlight:{points:{r:3}}}));Qe(X,{get data(){return e(ie)},x:"day",get xScale(){return e(De)},get yScale(){return e(t)},axis:!0,legend:!1,padding:{left:44,bottom:28,top:8,right:16},get series(){return e(Pe)},get props(){return e(f)},marks:Z,tooltip:re,$$slots:{marks:!0,tooltip:!0}})}},$$slots:{default:!0}})}),o(le),P(()=>z(pe,k.title)),r(Fe,le),We()}var dt=w('<meta name="robots" content="noindex"/>'),ct=w("<!> <!> <!> <!> <!> <!>",1),mt=w('<a target="_blank" rel="noopener noreferrer" class="hover:underline underline-offset-4"> </a>'),ut=w('<img class="w-4 h-4 object-contain shrink-0" alt=""/>'),vt=w('<div class="flex items-center gap-2"><!> <span> </span></div>'),gt=w("<!> <!> <!> <!> <!> <!>",1),ht=w("<!> <!>",1),ft=w('<img class="w-3 h-3 object-contain" alt=""/>'),pt=w('<div class="flex items-center gap-2"><span class="inline-flex items-center justify-center w-5 h-5 rounded-full bg-white shrink-0"><!></span> <span> <span class="text-gray-500"> </span></span></div>'),_t=w('<img class="w-4 h-4 object-contain shrink-0" alt=""/>'),bt=w('<article><div class="flex items-center gap-4 flex-wrap mb-6 md:mb-8"><span class="inline-flex items-center gap-2 text-base leading-none"><!> <span> </span></span> <a target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-sm text-gray-600 hover:text-black underline underline-offset-4 transition-colors leading-none"><span> </span> <img src="/images/icons/arrow-up-right.svg" class="w-3.5 h-3.5" alt="External link"/></a></div> <div class="rounded-md overflow-hidden border border-gray-200"><iframe loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="w-full aspect-[4/5] md:aspect-auto md:h-[360px] block"></iframe></div></article>'),xt=w(`<p>E-commerce will likely be one of the first consumer-facing industries transformed by AI agents.
2		It's a familiar domain with clear success metrics, and many of the tasks involved — writing
3		product descriptions, running ads, managing inventory — are exactly the kind of thing LLMs are
4		good at. We've decided to test this in practice by launching three webshops, all run fully
5		autonomously by AI agents.</p> <h2>Leaderboard</h2> <p class="text-sm text-gray-500 mb-4">Totals over the last 30 days.</p> <div class="not-prose mb-14"><!></div> <div class="not-prose mb-14"><div class="flex flex-wrap gap-x-6 gap-y-2 mb-4 text-sm"></div> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8"><!> <!> <!></div></div> <h2>Live storefronts</h2> <p class="text-sm text-gray-500 mb-4">

5Showcase banners are managed by the agents, just like their main websites.</p> <div class="not-prose"></div> <h2 class="mt-14 md:mt-20">How it works</h2> <div class="not-prose grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-10 mb-14"><div><div class="text-xs uppercase tracking-wider text-gray-500 mb-2 tabular-nums">01</div> <h3 class="text-lg tracking-tight mb-2">Autonomous operation</h3> <p class="text-base text-gray-700 leading-relaxed">Each store is fully managed by its own long-running AI agent, powered by a different
6				underlying model for each store.</p></div> <div><div class="text-xs uppercase tracking-wider text-gray-500 mb-2 tabular-nums">02</div> <h3 class="text-lg tracking-tight mb-2">Light scaffolding</h3> <p class="text-base text-gray-700 leading-relaxed">We provide an order tracking system, but the agents manage everything else themselves:
7				product creation, website development, marketing, and so on.</p></div> <div><div class="text-xs uppercase tracking-wider text-gray-500 mb-2 tabular-nums">03</div> <h3 class="text-lg tracking-tight mb-2">No manual intervention</h3> <p class="text-base text-gray-700 leading-relaxed">Orders are made and shipped automatically through Printful. They never touch the hands of
8				Andon Labs staff.</p></div></div> <h2>What we're watching</h2> <p>Models are generally trained to be good at short-term tasks, but are increasingly given
9		long-term objectives as well. Experiments like this let us see how they handle long-term
10		responsibility, and where they break. It's also an opportunity to explore their creativity, as
11		they must figure out how to differentiate themselves in a competitive market, and find ways to
12		attract and retain customers. Depending on their performance, it could even be a glimpse at the
13		future of entrepreneurship, and how soon that future might arrive.</p> <p>If you're curious about this experiment, feel free to reach us at <a href="mailto:[email protected]">[email protected]</a>.</p>`,1),yt=w("<!> <!>",1);function zt(Fe,k){Oe(k,!0);const ne=30,ie={overfits:{url:"https://overfits.ai/showcase",home:"https://overfits.ai"},"chain-of-threads":{url:"https://chainofthreads.ai/showcase",home:"https://chainofthreads.ai"},"layer-n":{url:"https://layern.ai/showcase",home:"https://layern.ai"}};function fe(t,f,s=0){try{return new Intl.NumberFormat("en-US",{style:"currency",currency:f,minimumFractionDigits:s,maximumFractionDigits:s}).format(t)}catch{return`$${t.toLocaleString("en-US",{minimumFractionDigits:s,maximumFractionDigits:s})}`}}function Pe(t){if(t.length>=ne)return t.slice(-ne);const f=t[0],s=f?new Date(f.date):new Date,v=ne-t.length;return[...Array.from({length:v},(S,L)=>{const c=new Date(s);return c.setDate(c.getDate()-(v-L)),{date:c.toISOString().slice(0,10),revenue:"0.00",orders:0,llm_cost:"0.00"}}),...t]}function le(t){const f=ie[t.sao_slug];if(!f)return null;const s=Pe(t.daily),v=s.reduce((c,A)=>c+(parseFloat(A.revenue)||0),0),D=s.reduce((c,A)=>c+(A.orders||0),0),S=s.reduce((c,A)=>c+(parseFloat(A.llm_cost)||0),0),L=D>0?v/D:0;return{slug:t.sao_slug,name:t.name,url:f.url,home:f.home,model:t.model_display,agent:t.agent_name,currency:t.currency,color:at(t.model_display),revenue30:v,orders30:D,cost30:S,aov30:L,daily:s}}const V=d(()=>k.data.saos.map(le).filter(t=>t!==null)),pe=d(()=>[...e(V)].sort((t,f)=>f.revenue30-t.revenue30)),de=d(()=>e(V).map(t=>({name:t.name,color:t.color,logo:ke(t.model),daily:t.daily}))),u=d(()=>{var t;return((t=e(V)[0])==null?void 0:t.currency)??"USD"}),h=t=>{try{return new Intl.NumberFormat("en-US",{style:"currency",currency:e(u),maximumFractionDigits:0}).format(t)}catch{return`$${Math.round(t)}`}},X=t=>`${Math.round(t)}`,ce=d(()=>e(pe));var Z=yt();Re("1xkf67c",t=>{var f=dt();r(t,f)});var re=U(Z);Ye(re,{eyebrow:"Showcase",title:"Andon Webshops",description:"Can AI agents manage online retail stores?",backgroundImage:"/images/webshops-bg.webp",height:"short"});var De=a(re,2);qe(De,{children:(t,f)=>{var s=xt(),v=a(U(s),6),D=i(v);l(D,()=>Xe,(H,g)=>{g(H,{children:(B,Y)=>{var _=ht(),R=U(_);l(R,()=>Ke,(b,C)=>{C(b,{children:(M,ee)=>{var m=ge(),p=U(m);l(p,()=>je,(ue,x)=>{x(ue,{children:(ae,q)=>{var J=ct(),be=U(J);l(be,()=>oe,(y,$)=>{$(y,{class:"w-12"})});var xe=a(be,2);l(xe,()=>oe,(y,$)=>{$(y,{children:(I,te)=>{W();var N=K("Store");r(I,N)},$$slots:{default:!0}})});var ye=a(xe,2);l(ye,()=>oe,(y,$)=>{$(y,{children:(I,te)=>{W();var N=K("Model");r(I,N)},$$slots:{default:!0}})});var $e=a(ye,2);l($e,()=>oe,(y,$)=>{$(y,{class:"text-right text-foreground",children:(I,te)=>{W();var N=K("Revenue");r(I,N)},$$slots:{default:!0}})});var Le=a($e,2);l(Le,()=>oe,(y,$)=>{$(y,{class:"text-right",children:(I,te)=>{W();var N=K("Orders");r(I,N)},$$slots:{default:!0}})});var we=a(Le,2);l(we,()=>oe,(y,$)=>{$(y,{class:"text-right",children:(I,te)=>{W();var N=K("Average order value");r(I,N)},$$slots:{default:!0}})}),r(ae,J)},$$slots:{default:!0}})}),r(M,m)},$$slots:{default:!0}})});var F=a(R,2);l(F,()=>Ve,(b,C)=>{C(b,{children:(M,ee)=>{var m=ge(),p=U(m);Se(p,17,()=>e(pe),Te,(ue,x,ae)=>{const q=d(()=>ke(e(x).model));var J=ge(),be=U(J);l(be,()=>je,(xe,ye)=>{ye(xe,{children:($e,Le)=>{var we=gt(),y=U(we);l(y,()=>se,(T,j)=>{j(T,{class:"text-muted-foreground tabular-nums",children:(O,ve)=>{W();var n=K();n.nodeValue=ae+1,r(O,n)},$$slots:{default:!0}})});var $=a(y,2);l($,()=>se,(T,j)=>{j(T,{children:(O,ve)=>{var n=mt(),Q=i(n,!0);o(n),P(()=>{E(n,"href",e(x).home),z(Q,e(x).name)}),r(O,n)},$$slots:{default:!0}})});var I=a($,2);l(I,()=>se,(T,j)=>{j(T,{children:(O,ve)=>{var n=vt(),Q=i(n);{var Ee=Ae=>{var Me=ut();P(()=>E(Me,"src",e(q))),r(Ae,Me)};he(Q,Ae=>{e(q)&&Ae(Ee)})}var Ne=a(Q,2),He=i(Ne,!0);o(Ne),o(n),P(()=>z(He,e(x).model)),r(O,n)},$$slots:{default:!0}})});var te=a(I,2);l(te,()=>se,(T,j)=>{j(T,{class:"text-right tabular-nums font-semibold",children:(O,ve)=>{W();var n=K();P(Q=>z(n,Q),[()=>fe(e(x).revenue30,e(x).currency)]),r(O,n)},$$slots:{default:!0}})});var N=a(te,2);l(N,()=>se,(T,j)=>{j(T,{class:"text-right tabular-nums text-muted-foreground",children:(O,ve)=>{W();var n=K();P(()=>z(n,e(x).orders30)),r(O,n)},$$slots:{default:!0}})});var Ue=a(N,2);l(Ue,()=>se,(T,j)=>{j(T,{class:"text-right tabular-nums text-muted-foreground",children:(O,ve)=>{W();var n=K();P(Q=>z(n,Q),[()=>fe(e(x).aov30,e(x).currency,2)]),r(O,n)},$$slots:{default:!0}})}),r($e,we)},$$slots:{default:!0}})}),r(ue,J)}),r(M,m)},$$slots:{default:!0}})}),r(B,_)},$$slots:{default:!0}})}),o(v);var S=a(v,2),L=i(S);Se(L,21,()=>e(V),Te,(H,g)=>{const B=d(()=>ke(e(g).model));var Y=pt(),_=i(Y),R=i(_);{var F=m=>{var p=ft();P(()=>E(p,"src",e(B))),r(m,p)};he(R,m=>{e(B)&&m(F)})}o(_);var b=a(_,2),C=i(b),M=a(C),ee=i(M);o(M),o(b),o(Y),P(()=>{ze(_,`border: 1.5px solid ${e(g).color??""};`),z(C,`${e(g).model??""} `),z(ee,`(${e(g).name??""})`)}),r(H,Y)}),o(L);var c=a(L,2),A=i(c);Ce(A,{get stores(){return e(de)},metric:"revenue",title:"Revenue",yFormat:h});var G=a(A,2);Ce(G,{get stores(){return e(de)},metric:"orders",title:"Orders",yFormat:X});var _e=a(G,2);Ce(_e,{get stores(){return e(de)},metric:"cost",title:"LLM costs",yFormat:h}),o(c),o(S);var me=a(S,6);Se(me,23,()=>e(ce),H=>H.name,(H,g,B)=>{const Y=d(()=>ke(e(g).model));var _=bt(),R=i(_),F=i(R),b=i(F);{var C=q=>{var J=_t();P(()=>E(J,"src",e(Y))),r(q,J)};he(b,q=>{e(Y)&&q(C)})}var M=a(b,2),ee=i(M,!0);o(M),o(F);var m=a(F,2),p=i(m),ue=i(p,!0);o(p),W(2),o(m),o(R);var x=a(R,2),ae=i(x);o(x),o(_),P(q=>{Be(_,1,`py-10 md:py-12 ${e(B)>0?"border-t border-gray-200":""}`),z(ee,e(g).model),E(m,"href",e(g).home),z(ue,q),E(ae,"src",e(g).url),E(ae,"t

13itle",`${e(g).name??""} showcase`)},[()=>e(g).home.replace(/^https?:\/\//,"")]),r(H,_)}),o(me),W(10),r(t,s)},$$slots:{default:!0}}),r(Fe,Z),We()}export{zt as component,Rt as universal};