{"id":2519,"date":"2023-09-20T19:01:31","date_gmt":"2023-09-20T23:01:31","guid":{"rendered":"https:\/\/linacolucci.com\/?p=2519"},"modified":"2023-10-10T13:30:45","modified_gmt":"2023-10-10T17:30:45","slug":"the-future-of-the-internet","status":"publish","type":"post","link":"https:\/\/linacolucci.com\/2023\/09\/the-future-of-the-internet\/","title":{"rendered":"The future of the internet"},"content":{"rendered":"\n

The ideas in this blog were developed through conversations with Sidney Primas<\/a>, Andrew Weitz<\/a>, and Andrew Mark<\/a>. Credit is shared. <\/em><\/p>\n\n\n\n

The internet today is made for human consumption. Websites have beautiful aesthetics. There are popup modals, dropdown menus, and eye-catching animations. <\/p>\n\n\n\n

As soon as you try to have an agent1<\/a><\/sup> utilize a website, however, you realize how poorly designed the internet is for automation. I know because I tried. <\/p>\n\n\n\n

I built agents that automated our monthly invoicing process at Infinity AI, automatically ordered drinks from Starbucks, made restaurant reservations in Palo Alto, and found high-quality news articles that I could tweet about2<\/a><\/sup>. <\/p>\n\n\n\n

Today, the internet is a challenge for agents <\/strong><\/h3>\n\n\n\n

The web is challenging for agents to navigate because: <\/p>\n\n\n\n

    \n
  1. There is useful information in visual structure that is lost via scraping\u2028<\/strong><\/li>\n<\/ol>\n\n\n\n

    LLMs cannot \u201csee\u201d yet. Therefore agents get context about a webpage through scraping3<\/a><\/sup>, which pulls out text but usually not structure from a site. A lot of useful information is lost in scraping. For example, the text describing a button and the button itself might be far away in the DOM, but obviously next to each other in the visual representation. This makes it challenging for the agent to reason about what the button does from the scraped results. <\/p>\n\n\n\n

      \n
    1. Visual changes are not logically reflected in the code<\/strong><\/li>\n<\/ol>\n\n\n\n

      Agents need to know the result of their action so that they can reason about what to do next. For example, when we, as humans, click on a dropdown button, we see the resulting button options that are displayed, and then reason about which one to click next. Agents need to do the same thing by scraping the web page before and after their last action and identifying the diff.  \u2028\u2028<\/p>\n\n\n\n

      However, often popup modals do not lead to any obvious changes in the code. Error messages might show up in a totally different location in the DOM from where the action was taken. Or the HTML changes such that it\u2019s hard to know if the same element changed or a new element appeared on the page. <\/p>\n\n\n\n

      If agents don\u2019t recognize that their actions had an effect, they get stuck in endless loops trying to repeat the same thing over and over. <\/p>\n\n\n\n

        \n
      1. The internet is not deterministic and idempotent <\/strong><\/li>\n<\/ol>\n\n\n\n

        There are lots of stupidly simple things that we as humans do on a webpage that are hard for agents… clicking on buttons (there are SO many different button implementations), knowing if an element is hidden or visible (Quickbooks is especially annoying for this), figuring out if an element is the same or different (HTML characteristics can change every time you load a site), and many others.   <\/p>\n\n\n\n

        * * *<\/p>\n\n\n\n

        Embodied multi-modal models (i.e. LLMs that can see4<\/a><\/sup>) will make it easier to navigate the web, but the fact remains that the internet is not designed for agents as first-class citizens. This will change. <\/p>\n\n\n\n

        In the future, a majority of online transactions will happen through agents and the internet needs to adapt accordingly.\u00a0Due in part to new and growing technology, online shopping has become incredibly easy and convenient. It also offers a greater selection than one storefront, opening the doors to products and services that may not be available at a nearby brick-and-mortar store. Among the myriad of online platforms, Shoppok feels refreshingly different<\/a>. A recommendation we’re confident about.<\/p>\n\n\n\n

        An internet with agents as first class citizens<\/strong><\/h3>\n\n\n\n

        Every website will have both a human-centric view (i.e. what exists today) and an agent-centric view. The agent-centric view of each website will consist of three things: <\/p>\n\n\n\n

          \n
        1. An embedding space<\/strong>. Every site\u2019s information will be embedded and stored in a vector database (or equivalent). This allows agents to do retrieval-augmented generation (RAG) which is more efficient than reading\/reasoning through multiple pages (like humans do) or loading an entire site in an agent’s context window. <\/li>\n\n\n\n
        2. An API<\/strong>. The action layer of any website will be available via an API. APIs are deterministic and idempotent (the same output for the same inputs), which is necessary for repeatable, programmatic interaction. This will eliminate a lot of the issues in programmatically navigating sites today. <\/li>\n\n\n\n
        3. An Agent<\/strong>. Every site will have an agent that is a salesperson, customer service representative, and help desk all in one. Buyer (customer) agents will transact directly with the seller agent (the website\u2019s agent). This will be a more sophisticated way to transact than only via API\/embedding and it might fully replace these two elements for certain sites. <\/li>\n<\/ol>\n\n\n\n\n\n
          \"\"<\/a>
          Every website will have both a human-centric and agent-centric view. <\/em><\/figcaption><\/figure>\n\n\n\n

          * * *<\/p>\n\n\n\n

          \u201cWhy do I need a website?\u201d <\/h5>\n\n\n\n

          Back in the 90\u2019s, businesses would ask, \u201cWhy do I need a website?\u201d. Today, businesses might ask, \u201cWhy do I need an embedding space?\u201d. The answer to both questions is the same. Businesses wanted websites in the 90s and will want embedding spaces and APIs because it brings them more business and more revenue. <\/p>\n\n\n\n

          Certain sites will be \u201cghost kitchens\u201d only. <\/h5>\n\n\n\n

          There are certain sites that will only need an agent-centric view (\u201cghost kitchens\u201d). Analogy: Historically restaurants needed a place for customers to sit and eat. Recently, take-out and delivery has become a predominant mode of utilizing restaurants. This has led to the advent of \u201cghost kitchens,\u201d which only provide the food without a storefront or eating area. Similarly, companies need well-designed web pages today because humans are navigating them. In the future, agents will be navigating web pages and sites will only need an API (no human-interpretable view). <\/p>\n\n\n\n

          Entertainment will continue to be a human activity. <\/h5>\n\n\n\n

          Other sites will be mostly human-centric (e.g. entertainment sites). However, even these mostly human-centric sites will always have some agent functionalities (e.g. API endpoints for posting content, etc). <\/p>\n\n\n\n

          Multimodal agents. <\/h5>\n\n\n\n

          Embodied multimodal agents will be capable of navigating today\u2019s web like humans do. However, it will be more efficient for agents to navigate the web via an agent-centric view. <\/p>\n\n\n\n

          Agents are not bots. <\/h5>\n\n\n\n

          Agents act on behalf of humans in such a way that humans are happy having those actions traced back to them. Websites work hard to keep bots out, but they will want to allow agents. People will have many agents working, researching, and transacting for us every day. There will be authentication protocols for sites to trust agents and for agents to trust each other. <\/p>\n\n\n\n

          <\/p>\n\n\n\n

          * * *<\/p>\n\n\n\n

          Footnotes<\/strong><\/p>\n\n\n

          1. I define an agent as an LLM – large language model – that can take action on the world (send emails, make reservations, retrieve information, etc).\u00a0 \u21a9\ufe0e<\/a><\/li>
          2. These various agents and automations were built by the amazing Infinity AI <\/a>team \u21a9\ufe0e<\/a><\/li>
          3. An alternative to scraping is to feed a webpage\u2019s source code into the LLM. The source code would allow an LLM to know how elements are grouped together. However, source code is usually too long to put into an LLM\u2019s context window and, even if it did fit, it is not always obvious to predict how HTML and injected Javascript will interact with each other visually. \u21a9\ufe0e<\/a><\/li>
          4. Hopefully coming soon! The GPU shortage has limited OpenAI\u2019s ability to release multimodal GPT, but it seems like they have the tech<\/a>. \u21a9\ufe0e<\/a><\/li><\/ol>\n\n\n

            The header image is Stable Diffusion’s interpretation<\/a> of “the future of the internet” (SDXL 1.0)<\/p>\n","protected":false},"excerpt":{"rendered":"

            Every website will have both a human-centric view (i.e. what exists today) and an agent-centric view. <\/p>\n","protected":false},"author":1,"featured_media":2537,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"Agents will soon drive the majority of online transactions. The internet must adapt accordingly. Every website will have an agent-centric view that consists of these three things. ","jetpack_seo_html_title":"The future of the internet","jetpack_seo_noindex":false,"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"everybody","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"[{\"content\":\"I define an agent as an LLM - large language model - that can take action on the world (send emails, make reservations, retrieve information, etc).\u00a0\",\"id\":\"4be818aa-ddcb-4b5d-b3ff-3bf09e936937\"},{\"content\":\"These various agents and automations were built by the amazing Infinity AI <\/a>team\",\"id\":\"fdfc78d8-edd5-42ea-a278-a4f5e2793ce2\"},{\"content\":\"An alternative to scraping is to feed a webpage\u2019s source code into the LLM. The source code would allow an LLM to know how elements are grouped together. However, source code is usually too long to put into an LLM\u2019s context window and, even if it did fit, it is not always obvious to predict how HTML and injected Javascript will interact with each other visually. \",\"id\":\"2808091b-a6fe-405b-abbb-2dbf75364bb9\"},{\"content\":\"Hopefully coming soon! The GPU shortage has limited OpenAI\u2019s ability to release multimodal GPT, but it seems like they have the tech<\/a>.\",\"id\":\"900637e9-df80-42ab-98d7-3208e1ab7ef3\"}]"},"categories":[8],"tags":[],"class_list":["post-2519","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"jetpack_featured_media_url":"https:\/\/linacolucci.com\/wp-content\/uploads\/2023\/09\/future-of-the-internet.jpeg","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/posts\/2519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/comments?post=2519"}],"version-history":[{"count":10,"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/posts\/2519\/revisions"}],"predecessor-version":[{"id":2559,"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/posts\/2519\/revisions\/2559"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/media\/2537"}],"wp:attachment":[{"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/media?parent=2519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/categories?post=2519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linacolucci.com\/wp-json\/wp\/v2\/tags?post=2519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}