collapse code blocks

Author: elithrar

src/content/docs/agents/index.mdx

@@ -34,10 +34,11 @@ Agents are deployed to Cloudflare's [Workers](/workers/) platform using [Durable
 
 ## Why build agents on Cloudflare?
 
-- *Designed for durable execution:* [Durable Objects](/durable-objects/) and [Workflows](/workflows) are built for a programming model that enables guaranteed execution for async tasks like long-running deep thinking LLM calls, human-in-the-loop, or unreliable API calls.
 - *Non I/O bound pricing:* don't pay for long-running processes when your code is not executing. Cloudflare Workers is designed to scale down and [only charge you for CPU time](https://blog.cloudflare.com/workers-pricing-scale-to-zero/), as opposed to wall-clock time.
+- *Designed for durable execution:* [Durable Objects](/durable-objects/) and [Workflows](/workflows) are built for a programming model that enables guaranteed execution for async tasks like long-running deep thinking LLM calls, human-in-the-loop, or unreliable API calls.
 - *Scalable, and reliable, without compromising on performance:* by running on Cloudflare's network, agents can execute tasks close to the user without introducing latency for real-time experiences.
 
+<!--
 ## All the products you need in one platform
 
 <RelatedProduct header="AI Gateway" href="/ai-gateway/" product="ai-gateway">
@@ -52,6 +53,8 @@ Build full-stack AI applications with Vectorize, Cloudflare’s vector database.
 
 </RelatedProduct>
 
+-->
+
 ## Start Building
 
 <Tabs syncKey="agents-products">
@@ -65,7 +68,7 @@ cd workflows-starter
 npm i resend
 ```
 
-```ts
+```ts collapse={30,1000}
 import { WorkflowEntrypoint, WorkflowStep, WorkflowEvent } from 'cloudflare:workers';
 import { Resend } from 'resend';
 
@@ -187,7 +190,7 @@ Stream responses over [WebSockets](/durable-objects/best-practices/websockets/),
 npm i openai
 ```
 
-```ts
+```ts collapse={30,1000}
 import { DurableObject } from "cloudflare:workers";
 
 export interface Env {
@@ -282,7 +285,7 @@ Use the [Browser Rendering API](/browser-rendering/) to allow your agents to sea
 npm install @cloudflare/puppeteer --save-dev
 ```
 
-```ts
+```ts collapse={30,1000}
 import puppeteer from "@cloudflare/puppeteer";
 
 interface Env {
@@ -329,7 +332,7 @@ export default {
 
 Use [AI Gateway](/ai-gateway/) to cache, log, retry and run [evals](/ai-gateway/evaluations/) (evaluations) for your agents, no matter where they're deployed.
 
-```py
+```py collapse={30,1000}
 from anthropic import Anthropic
 
 anthropic = Anthropic(
@@ -369,7 +372,7 @@ Give your agents more context and the ability to search across content, reply to
 npm i @langchain/cloudflare hono
 ```
 
-```ts
+```ts collapse={30,1000}
 import {
   CloudflareVectorizeStore,
   CloudflareWorkersAIEmbeddings
@@ -448,7 +451,7 @@ Ship faster with the [AI SDK](https://sdk.vercel.ai/docs/introduction): make it
 npm i ai workers-ai-provider
 ```
 
-```ts
+```ts collapse={30,1000}
 import { createWorkersAI } from 'workers-ai-provider';
 import { streamText } from 'ai';
 
@@ -484,7 +487,7 @@ Use any model provider with OpenAI compatible endpoints, including [ChatGPT](htt
 npm i openai
 ```
 
-```ts
+```ts collapse={30,1000}
 import OpenAI from "openai";
 
 export interface Env {