https://nocodelab.ai/assets/build-an-ai-agent.index-DArRsUR0.js

1import{r as o,j as e,P as i,bh as l,bi as r,bj as n,bk as a,bl as t,bm as x,bn as d,bo as c}from"./index-AVLkCZeP.js";import{S as m}from"./split-title-6yLLw7t_.js";import{T as p}from"./table-of-contents-rail-D22Cy3SP.js";import{C as u}from"./copy-page-button-B1HSZ4cw.js";import{L as b}from"./last-verified-BjNQ1hBU.js";function w(){const s=o.useRef(null);return e.jsxs(e.Fragment,{children:[e.jsx("section",{className:"container-wide mt-4",children:e.jsxs("div",{className:"rounded-block px-6 pt-12 pb-10 sm:px-12 sm:pt-16 sm:pb-12",children:[e.jsxs("div",{className:"flex items-baseline justify-between gap-4 flex-wrap border-b border-foreground/15 pb-5",children:[e.jsx(i,{children:"The Agent Playbook"}),e.jsxs("p",{className:"label-eyebrow-muted",children:["Updated ",l(c)," · ~9 min read"]})]}),e.jsx(m,{as:"h1",className:"font-sans mt-8 max-w-[820px] text-[32px] md:text-[40px] leading-[1.1] tracking-tight",title:"Build an AI agent.",subtitle:"The playbook.",titleClassName:"font-bold text-foreground tracking-tight text-[32px] md:text-[40px]",subtitleClassName:"font-normal text-foreground/60 tracking-tight text-[32px] md:text-[40px]",body:"Building an agent got easy. Building one you can leave running did not. Four questions decide whether yours works, and this is the short version of all four."}),e.jsx(r,{}),e.jsx(b,{}),e.jsxs("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-3",children:[e.jsx(n,{current:"overview"}),e.jsx(u,{})]})]})}),e.jsx("section",{className:"container-wide mt-6",children:e.jsxs("div",{className:"grid grid-cols-1 xl:grid-cols-12 gap-6",children:[e.jsxs("div",{ref:s,"data-copy-root":!0,className:"rounded-block px-6 py-12 sm:px-12 sm:py-16 xl:col-span-9",children:[e.jsx("article",{className:"case-study-prose mx-auto max-w-[820px]",children:e.jsx(a,{sections:t.slice(0,2)})}),e.jsx("div",{className:"mx-auto max-w-[820px]",children:e.jsx(x,{})}),e.jsx("article",{className:"case-study-prose mx-auto mt-12 max-w-[820px]",children:e.jsx(a,{sections:t.slice(2)})}),e.jsx("div",{className:"mx-auto max-w-[820px]",children:e.jsx(d,{to:"/build-an-ai-agent/ai-agent-examples",label:"Start with examples",note:"The fastest way to work out whether you want an agent is to look at ones that already exist."})})]}),e.jsx(p,{articleRef:s,className:"xl:col-span-3"})]})})]})}export{w as component};