PageSourceSearch

https://graphql.org/_next/static/chunks/app/(main)/ai/page-482acd218ae5f74a.js

js graphql.org collected 2026-09-24 06:58:52 UTC 76,761 bytes, 69 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6628],{84775:function(i,s,e){Promise.resolve().then(e.t.bind(e,72315,23)),Promise.resolve().then(e.bind(e,24131)),Promise.resolve().then(e.bind(e,71587)),Promise.resolve().then(e.bind(e,16088)),Promise.resolve().then(e.bind(e,16194)),Promise.resolve().then(e.bind(e,7)),Promise.resolve().then(e.bind(e,56528)),Promise.resolve().then(e.bind(e,37904)),Promise.resolve().then(e.bind(e,77156)),Promise.resolve().then(e.bind(e,71192)),Promise.resolve().then(e.bind(e,80309)),Promise.resolve().then(e.bind(e,21153)),Promise.resolve().then(e.bind(e,94227)),Promise.resolve().then(e.bind(e,79864)),Promise.resolve().then(e.bind(e,41288)),Promise.resolve().then(e.bind(e,6001)),Promise.resolve().then(e.bind(e,59367)),Promise.resolve().then(e.bind(e,60444)),Promise.resolve().then(e.bind(e,47274)),Promise.resolve().then(e.bind(e,78975)),Promise.resolve().then(e.bind(e,1844)),Promise.resolve().then(e.bind(e,27412)),Promise.resolve().then(e.bind(e,94984)),Promise.resolve().then(e.bind(e,78904)),Promise.resolve().then(e.bind(e,57295)),Promise.resolve().then(e.bind(e,36955)),Promise.resolve().then(e.bind(e,2971)),Promise.resolve().then(e.bind(e,8256)),Promise.resolve().then(e.bind(e,27097)),Promise.resolve().then(e.bind(e,98970)),Promise.resolve().then(e.bind(e,35364)),Promise.resolve().then(e.bind(e,86669)),Promise.resolve().then(e.bind(e,4705)),Promise.resolve().then(e.bind(e,33363)),Promise.resolve().then(e.bind(e,36735)),Promise.resolve().then(e.bind(e,92009)),Promise.resolve().then(e.bind(e,33618)),Promise.resolve().then(e.bind(e,21323)),Promise.resolve().then(e.bind(e,32394)),Promise.resolve().then(e.bind(e,32287)),Promise.resolve().then(e.bind(e,13079)),Promise.resolve().then(e.bind(e,44251)),Promise.resolve().then(e.bind(e,61598)),Promise.resolve().then(e.bind(e,49929)),Promise.resolve().then(e.bind(e,32816)),Promise.resolve().then(e.bind(e,55489)),Promise.resolve().then(e.bind(e,36936)),Promise.resolve().then(e.bind(e,54743)),Promise.resolve().then(e.bind(e,73081)),Promise.resolve().then(e.bind(e,26007)),Promise.resolve().then(e.bind(e,24370)),Promise.resolve().then(e.bind(e,85978)),Promise.resolve().then(e.bind(e,41246))},43159:function(i,s,e){"use strict";e.d(s,{default:function(){return h.a}});var n=e(27815),h=e.n(n)},47982:function(i,s,e){"use strict";e.d(s,{default:function(){return h.a}});var n=e(72315),h=e.n(n)},20025:function(i,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"default",{enumerable:!0,get:function(){return t}});let n=e(20513);e(47334),e(65815);let h=n._(e(210));function t(i,s){var e;let n={loading:i=>{let{error:s,isLoading:e,pastDelay:n}=i;return null}};"function"==typeof i&&(n.loader=i);let t={...n,...s};return(0,h.default)({...t,modules:null==(e=t.loadableGenerated)?void 0:e.modules})}("function"==typeof s.default||"object"==typeof s.default&&null!==s.default)&&void 0===s.default.__esModule&&(Object.defineProperty(s.default,"__esModule",{value:!0}),Object.assign(s.default,s),i.exports=s.default)},27815:function(i,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),function(i,s){for(var e in s)Object.defineProperty(i,e,{enumerable:!0,get:s[e]})}(s,{default:function(){return a},getImageProps:function(){return l}});let n=e(20513),h=e(82634),t=e(61053),r=n._(e(52080));function l(i){let{props:s}=(0,h.getImgProps)(i,{defaultLoader:r.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image/",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[i,e]of Object.entries(s))void 0===e&&delete s[i];return{props:s}}let a=t.Image},87107:function(i,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"BailoutToCSR",{enumerable:!0,get:function(){return h}});let n=e(70318);function h(i){let{reason:s,children:e}=i;if("undefined"==typeof window)throw new n.BailoutToCSRError(s);return e}},210:function(i,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"default",{enumerable:!0,get:function(){return d}});let n=e(47334),h=e(65815),t=e(87107),r=e(23703);function l(i){return{default:i&&"default"in i?i.default:i}}let a={loader:()=>Promise.resolve(l(()=>null)),loading:null,ssr:!0},d=function(i){let s={...a,...i},e=(0,h.lazy)(()=>s.loader().then(l)),d=s.loading;function k(i){let l=d?(0,n.jsx)(d,{isLoading:!0,pastDelay:!0,error:null}):null,a=s.ssr?(0,n.jsxs)(n.Fragment,{children:["undefined"==typeof window?(0,n.jsx)(r.PreloadCss,{moduleIds:s.modules}):null,(0,n.jsx)(e,{...i})]}):(0,n.jsx)(t.BailoutToCSR,{reason:"next/dynamic",children:(0,n.jsx)(e,{...i})});return(0,n.jsx)(h.Suspense,{fallback:l,children:a})}return k.displayName="LoadableComponent",k}},23703:function(i,s,e){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"PreloadCss",{enumerable:!0,get:function(){return t}});let n=e(47334),h=e(68041);function t(i){let{moduleIds:s}=i;
1if("undefined"!=typeof window)return null;let e=(0,h.getExpectedRequestStore)("next/dynamic css"),t=[];if(e.reactLoadableManifest&&s){let i=e.reactLoadableManifest;for(let e of s){if(!i[e])continue;let s=i[e].files.filter(i=>i.endsWith(".css"));t.push(...s)}}return 0===t.length?null:(0,n.jsx)(n.Fragment,{children:t.map(i=>(0,n.jsx)("link",{precedence:"dynamic",rel:"stylesheet",href:e.assetPrefix+"/_next/"+encodeURI(i),as:"style"},i))})}},95253:function(i,s,e){"use strict";e.d(s,{a:function(){return k}});var n=e(65815);let h=n.createContext({});var t=e(47334),r=e(96157),l=e(43159);let a=(0,n.forwardRef)((i,s)=>{let e="object"==typeof i.src?l.default:"img";return(0,t.jsx)(e,{...i,ref:s})});a.displayName="Image";let d={img:i=>{var s;let e=(0,n.useRef)(null),[h,l]=(0,n.useState)(!1);(0,n.useEffect)(()=>{l(null!==e.current.closest("a"))},[]);let d=(0,t.jsx)(a,{...i,ref:e});return h?d:(0,t.jsx)(r.Z,{zoomMargin:40,zoomImg:{src:"string"==typeof(s=i.src)?s:"default"in s?s.default.src:s.src,alt:i.alt},wrapElement:"span",children:d})}},k=i=>({...d,...function(i){let s=n.useContext(h);return n.useMemo(function(){return"function"==typeof i?i(s):{...s,...i}},[s,i])}(i)})},24131:function(i,s,e){"use strict";e.d(s,{SchemaGrid:function(){return t}});var n=e(47334),h=e(65815);function t(){let i=(0,h.useRef)(null);return(0,h.useEffect)(()=>{let s;let e=i.current;if(!e)return;let n=e.getContext("2d");if(!n)return;let h={canvas:e,ctx:n},t=0,r=[];function l(){h.canvas.width=h.canvas.offsetWidth*(window.devicePixelRatio||1),h.canvas.height=h.canvas.offsetHeight*(window.devicePixelRatio||1),h.ctx.setTransform(1,0,0,1,0,0),h.ctx.scale(window.devicePixelRatio||1,window.devicePixelRatio||1)}function a(){let i=h.canvas.offsetWidth,s=h.canvas.offsetHeight;for(let e of(h.ctx.clearRect(0,0,i,s),t+=.005,r))e.x+=e.vx,e.y+=e.vy+.1*Math.sin(t+.02*e.x),e.x<0&&(e.x=i),e.x>i&&(e.x=0),e.y<0&&(e.y=s),e.y>s&&(e.y=0);for(let i=0;i<r.length;i++)for(let s=i+1;s<r.length;s++){let e=r[i].x-r[s].x,n=r[i].y-r[s].y,t=Math.sqrt(e*e+n*n);if(t<150){h.ctx.beginPath(),h.ctx.moveTo(r[i].x,r[i].y),h.ctx.lineTo(r[s].x,r[s].y);let e=(1-t/150)*.08;h.ctx.strokeStyle=`rgba(255,204,239,${e})`,h.ctx.stroke()}}for(let i of r)h.ctx.beginPath(),h.ctx.arc(i.x,i.y,i.r,0,2*Math.PI),h.ctx.fillStyle="rgba(255,204,239,0.15)",h.ctx.fill()}let d=window.matchMedia("(prefers-reduced-motion: reduce)"),k=!1,c=!1;function p(){let i=c&&!document.hidden&&!d.matches;i!==k&&(k=i,i?function i(){a(),s=requestAnimationFrame(i)}():cancelAnimationFrame(s))}function o(){l();let i=h.canvas.offsetWidth,s=h.canvas.offsetHeight;for(let e of r)e.x=Math.min(e.x,i),e.y=Math.min(e.y,s);k||a()}let x=new IntersectionObserver(([i])=>{c=i.isIntersecting,p()});return function(){l();let i=h.canvas.offsetWidth,s=h.canvas.offsetHeight;r.length=0;for(let e=0;e<30;e++)r.push({x:Math.random()*i,y:Math.random()*s,r:2*Math.random()+1,vx:(Math.random()-.5)*.3,vy:(Math.random()-.5)*.3})}(),a(),x.observe(h.canvas),d.addEventListener("change",p),document.addEventListener("visibilitychange",p),window.addEventListener("resize",o),()=>{k=!1,cancelAnimationFrame(s),x.disconnect(),d.removeEventListener("change",p),document.removeEventListener("visibilitychange",p),window.removeEventListener("resize",o)}},[]),(0,n.jsx)("canvas",{ref:i,"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-0 opacity-60"})}},71587:function(i,s,e){"use strict";e.d(s,{InteractiveDemo:function(){return H}});var n,h,t,r,l,a,d,k,c,p,o=e(47334),x=e(65815),E=e(27656);let j={some:0,all:1};function g(i,{root:s,margin:e,amount:n,once:h=!1,initial:t=!1}={}){let[r,l]=(0,x.useState)(t);return(0,x.useEffect)(()=>{if(!i.current||h&&r)return;let t={root:s&&s.current||void 0,margin:e,amount:n};return function(i,s,{root:e,margin:n,amount:h="some"}={}){let t=(0,E.I)(i),r=new WeakMap,l=new IntersectionObserver(i=>{i.forEach(i=>{let e=r.get(i.target);if(!!e!==i.isIntersecting){if(i.isIntersecting){let e=s(i.target,i);"function"==typeof e?r.set(i.target,e):l.unobserve(i.target)}else"function"==typeof e&&(e(i),r.delete(i.target))}})},{root:e,rootMargin:n,threshold:"number"==typeof h?h:j[h]});return t.forEach(i=>
1l.observe(i)),()=>l.disconnect()}(i.current,()=>(l(!0),h?void 0:()=>l(!1)),t)},[s,i,e,h,n]),r}var y=e(20025),u=e.n(y),m=e(26460);function f(i){return(0,o.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",...i,children:(0,o.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.66666 13.3332H5.33333V2.6665H6.66666V3.99984H7.99999V5.99984H9.33333V7.33317H10.6667V8.6665H9.33333V9.99984H7.99999V11.9998H6.66666V13.3332Z"})})}function F({children:i,className:s,...e}){return(0,o.jsxs)("span",{className:(0,m.W)("flex shrink-0 items-center gap-1 self-start whitespace-nowrap font-mono text-sm/none font-normal uppercase text-pri-base dark:text-pri-light",s),...e,children:[(0,o.jsx)(f,{className:"shrink-0 translate-y-[-0.5px]"}),i]})}var v=e(80147);let b={};var A=e(87479);function B(){return(B=Object.assign?Object.assign.bind():function(i){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var n in e)({}).hasOwnProperty.call(e,n)&&(i[n]=e[n])}return i}).apply(null,arguments)}function D(){return(D=Object.assign?Object.assign.bind():function(i){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var n in e)({}).hasOwnProperty.call(e,n)&&(i[n]=e[n])}return i}).apply(null,arguments)}function C(){return(C=Object.assign?Object.assign.bind():function(i){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var n in e)({}).hasOwnProperty.call(e,n)&&(i[n]=e[n])}return i}).apply(null,arguments)}function w(){return(w=Object.assign?Object.assign.bind():function(i){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var n in e)({}).hasOwnProperty.call(e,n)&&(i[n]=e[n])}return i}).apply(null,arguments)}function P(){return(P=Object.assign?Object.assign.bind():function(i){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var n in e)({}).hasOwnProperty.call(e,n)&&(i[n]=e[n])}return i}).apply(null,arguments)}function z(){return(z=Object.assign?Object.assign.bind():function(i){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var n in e)({}).hasOwnProperty.call(e,n)&&(i[n]=e[n])}return i}).apply(null,arguments)}let S=[{id:"all-characters",icon:"users",prompt:"Find all Star Wars characters",types:["Human","Droid","Starship"],query:`{
2  search(text: "") {
3    ... on Human {
4      name
5      height
6      appearsIn
7    }
8    ... on Droid {
9      name
10      primaryFunction
11    }
12    ... on Starship {
13      name
14      length
15    }
16  }
17}`,explanation:"One query, three inline fragments. `search` returns a union, so each member of the result is matched against the fragments and only the fields named there come back."},{id:"luke-friends",icon:"human",prompt:"Show me Luke's friends and their starships",types:["Human","Character","Starship"],query:`{
18  human(id: "1000") {
19    name
20    friends {
21      name
22      ... on Human {
23        starships {
24          name
25        }
26      }
27    }
28  }
29}`,explanation:"The query follows the schema's own relationships: human → friends → Character. An inline fragment fetches starships only for the friends that are Humans, so the droids come back without that field rather than with it set to null."},{id:"r2-c3po",icon:"robot",prompt:"What movies did R2-D2 and C-3PO appear in?",types:["Droid","Episode"],query:`{
30  r2d2: droid(id: "2001") {
31    name
32    appearsIn
33  }
34  c3po: droid(id: "2000") {
35    name
36    appearsIn
37  }
38}`,explanation:"Two aliases against the same field, resolved in one request. Each alias keys its own result, so the caller does not have to match responses back to requests."},{id:"tallest",icon:"scale",prompt:"Find the tallest Star Wars character",types:["Human","Droid","Starship"],query:`{
39  search(text: "") {
40    __typename
41    ... on Human {
42      name
43      height
44    }
45  }
46}`,explanation:"The schema exposes no sort, so the agent asks for the heights and compares them itself. `__typename` comes back for every member of the union, and the droids and starships arrive carrying only that, because those are the only fields the query asked of them."},{id:"starships-feet",icon:"ship",prompt:"Compare starship lengths in meters and feet",types:["Starship","SearchResult"],query:`{
47  search(text: "x") {
48    ...dimensions
49  }
50}
51
52fragment dimensions on Starship {
53  name
54  lengthInMeters: length
55  lengthInFeet: length(unit: FOOT)
56}`,explanation:"`search` returns a union, so the fragment picks out only the Starship members. The `unit` argument then returns `length` twice, aliased to two units. The conversion happens where the data lives, not in the client."},{id:"heroes",icon:"sword",prompt:"Show me the hero of each episode and their friends",types:["Character","Episode"],query:`{
57  newHope: hero(episode: NEWHOPE) {
58    name
59    friends { name }
60  }
61  empire: hero(episode: EMPIRE) {
62    name
63    friends { name }
64  }
65  jedi: hero(episode: JEDI) {
66    name
67    friends { name }
68  }
69}`,explanation:"Three aliased calls to `hero`, each with a different `episode` argument, in a single round trip."}],_={users:i=>A.createElement("svg",B({fill:"none",viewBox:"0 0 24 24"},i),n||(n=A.createElement("path",{fill:"currentColor",d:"M11 0H5v2H3v6h2v2h6V8H5V2h6zm0 2h2v6h-2zM0 14h2v4h12v2H0zm2 0h12v-2H2zm14 0h-2v6h2zM15 0h4v2h-4zm4 8h-4v2h4zm0-6h2v6h-2zm5 12h-2v4h-4v2h6zm-6-2h4v2h-4z"}))),human:i=>A.createElement("svg",D({fill:"none",viewBox:"0 0 24 24"},i),h||(h=A.createElement("path",{fill:"currentColor",d:"M10 2h4v4h-4zM3 7h18v2H3zm6 2h2v7H9zm4 0h2v7h-2zm-4 7h2v6H9zm4 0h2v6h-2zm-2-2h2v2h-2z"}))),robot:i=>A.createElement("svg",C({fill:"none",viewBox:"0 0 24 24"},i),t||(t=A.createElement("path",{fill:"currentColor",d:"M5 7h14v2H5zm0 12h14v2H5zM3 9h2v10H3zm16 0h2v10h-2zM1 13h2v2H1zm20 0h2v2h-2zM11 5h2v2h-2zM7 3h4v2H7zm1 9h2v4H8zm6 0h2v4h-2z"}))),scale:i=>A.createElement("svg",w({fill:"none",viewBox:"0 0 24 24"},i),r||(r=A.createElement("path",{fill:"currentColor",d:"M13 9h2v2h-2zm2-2h2v2h-2zm2-2h2v2h-2zm2-2h2v8h-2z"})),l||(l=A.createElement("path",{fill:"currentColor",d:"M13 3h8v2h-8zm-2 12H9v-2h2zm-2 2H7v-2h2zm-2 2H
695v-2h2zm-2 2H3v-8h2z"})),a||(a=A.createElement("path",{fill:"currentColor",d:"M11 21H3v-2h8z"}))),ship:i=>A.createElement("svg",P({fill:"none",viewBox:"0 0 24 24"},i),d||(d=A.createElement("path",{fill:"currentColor",d:"M14 8h2v2h-2zm4 8h2v2h-2zM8 4h2v4H8z"})),k||(k=A.createElement("path",{fill:"currentColor",d:"M6 6h8v2H6zm-4 4h20v2H2zm18 2h2v4h-2zM2 12h2v6H2zm4-4h2v2H6z"})),c||(c=A.createElement("path",{fill:"currentColor",d:"M0 16h4v2H0zm4 2h4v2H4zm4-2h4v2H8zm4 2h4v2h-4zm4-2h4v2h-4zm4 2h4v2h-4z"}))),sword:i=>A.createElement("svg",z({fill:"none",viewBox:"0 0 24 24"},i),p||(p=A.createElement("path",{fill:"currentColor",d:"M11 2h2v2h-2zM9 4h2v12H9zm4 0h2v12h-2zM7 16h10v2H7zm4 2h2v4h-2z"})))},I=u()(()=>Promise.all([e.e(1366),e.e(104),e.e(2813),e.e(5037),e.e(632)]).then(e.bind(e,90632)).then(i=>i.DemoEditor),{loadableGenerated:{webpack:()=>[90632]},ssr:!1});function H(){let i=(0,x.useRef)(null),s=(0,x.useRef)(null),e=g(i),n=g(i,{once:!0}),[h,t]=(0,x.useState)(S[0]),[r,l]=(0,x.useState)(null),[a,d]=(0,x.useState)(0),k=function(i,{active:s,restartKey:e=0,initialDelay:n=0,minTypingDelay:h=5,maxTypingDelay:t=17,pauses:r=b,loop:l=!1,endDelay:a=1500,deleteDelay:d=80}){let[k,c]=(0,x.useState)(0),p=(0,x.useRef)(0),o=(0,x.useRef)(1),E=(0,x.useRef)({code:"",restartKey:-1});(0,x.useEffect)(()=>{let k;if((E.current.code!==i||E.current.restartKey!==e)&&(E.current={code:i,restartKey:e},p.current=0,o.current=1,c(0)),!s)return;let x=window.matchMedia("(prefers-reduced-motion: reduce)"),j=i=>{p.current=i,c(i)},g=i=>{clearTimeout(k),k=setTimeout(y,i)},y=()=>{let s=Math.max(0,Math.min(i.length,p.current+o.current));if(j(s),1===o.current){if(s===i.length){if(!l)return;o.current=-1,g(a);return}g(r[s]??Math.random()*(t-h)+h);return}if(0===s){o.current=1,g(n);return}g(d)},u=()=>{clearTimeout(k),x.matches?(o.current=1,j(i.length)):document.hidden||g(0===p.current&&1===o.current?n:1===o.current?h:d)},m=()=>{x.matches||p.current!==i.length||j(0),u()};return u(),x.addEventListener("change",m),document.addEventListener("visibilitychange",u),()=>{clearTimeout(k),x.removeEventListener("change",m),document.removeEventListener("visibilitychange",u)}},[s,i,d,a,n,l,t,h,r,e]);let j=E.current.code===i&&E.current.restartKey===e?k:0;return{code:i.slice(0,j),isComplete:j===i.length,visibleCharacters:j}}(h.query,{active:e&&null===r,restartKey:a,initialDelay:400}),c=r??k.code;return(0,o.jsx)("section",{ref:i,id:"interactive-demo",className:"overflow-hidden bg-neu-50 dark:bg-neu-50/25",suppressHydrationWarning:!0,children:(0,o.jsxs)("div",{className:"gql-container gql-section lg:py-16 xl:py-24",children:[(0,o.jsx)(F,{className:"mb-6",children:"Interactive Demo"}),(0,o.jsx)("h2",{className:"typography-h2 mb-2 lg:mb-4",children:"See GraphQL + AI in action"}),(0,o.jsx)("p",{className:"typography-body-lg mb-8 max-w-3xl text-pretty text-neu-800 lg:mb-12",children:"Pick a question an agent might get, and see the query it composes against the Star Wars schema. The editor is live: change the query and the response updates."}),(0,o.jsxs)("div",{className:"gap-8 lg:flex lg:items-stretch",children:[(0,o.jsxs)("div",{className:"lg:w-[380px] lg:shrink-0 xl:w-[440px]",children:[(0,o.jsx)("ul",{className:"flex list-none flex-col gap-2 p-0",children:S.map(i=>{let e=h.id===i.id,n=_[i.icon];return(0,o.jsx)("li",{children:(0,o.jsxs)("button",{type:"button","aria-pressed":e,onClick:()=>{t(i),l(null),d(i=>i+1),s.current?.scrollIntoView({block:"nearest"})},className:`gql-focus-visible flex w-full items-start gap-3 border p-3.5 text-left transition-colors ${e?"border-pri-base bg-pri-lightest/40 dark:bg-pri-darker/30":"border-neu-200 bg-neu-0 hover:border-pri-base/40 hover:bg-pri-lightest/20 dark:border-neu-100 dark:hover:bg-pri-darker/15"}`,children:[(0,o.jsx)(n,{"aria-hidden":!0,className:`mt-0.5 size-5 shrink-0 ${e?"text-pri-base":"text-neu-500"}`}),(0,o.jsxs)("span",{className:"min-w-0",children:[(0,o.jsx)("span",{className:`typography-body-sm block font-medium ${e?"text-pri-dark dark:text-pri-light":"text-neu-900"}`,children:i.prompt}),(0,o.jsx)("span",{className:"typography-body-xs mt-0.5 block text-neu-700",children:i.types.join(" \xb7 ")})]})]})},i.id)})}),(0,o.jsx)(v.z,{href:"https://graphql.org/swapi-graphql",variant:"secondary",size:"md",className:"mt-4 w-full",children:"Open the full API in GraphiQL"})]}),(0,o.jsx)("div",{ref:s,className:"relative mt-8 min-h-[280px] flex-1 lg:mt-0 lg:min-h-0",children:n&&(0,o.jsx)("div",{className:"lg:absolute lg:inset-0",children:(0,o.jsx)(I,{query:c,onEdit:l,queryComplete:null!==r||k.isComplete})})})]}),(0,o.jsx)("p",{className:"typography-body-sm mt-4 text-pretty text-neu-700 lg:ml-[calc(380px+2rem)] xl:ml-[calc(440px+2rem)]",children:h.explanation})]})})}},16088:function(i,s,e){"use strict";e.r(s),e.d(s,{NumbersIntrospectionSnippet:function(){return v},NumbersResponseSnippet:function(){return b},NumbersSchemaSnippet:function(){return F},StepIntrospectionSnippet:function(){return B},StepPromptSnippet:function(){return A},StepQuerySnippet:function(){return D},StepResponseSnippet:function(){return C},UseCaseAgentsSnippet:function(){return z},UseCaseMcpSnippet:function(){return w},UseCaseRagSnippet:function(){return P},WhyComposableSnippet:function(){return I},WhySelfDescribingSnippet:function(){return S},WhyStronglyTypedSnippet:function(){return _}});var n=e(47334),h=e(50271),t=e(72226),r=e(95253),l=e(657),a=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Introspection query",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  __type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:") {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    description"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    fields"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      description"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},d=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{tabIndex:"0","data-language":"json","data-word-wrap":"","data-filename":"Response (docs returned)",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'  "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"__type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'    "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"description"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"A product in the catalog."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'    "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"fields"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" ["})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      {"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'  "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"description"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Human-readable display name."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" },"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      {"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"price"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"description"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Price in minor units (cents)."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" },"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      {"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"stock"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"description"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Units in stock. 0 means unavailable."}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    ]"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},k=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Schema (with embedded docs)",children:(0,n.jsxs)(s.code,{children:[(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-light-font-style":"italic","--shiki-dark":"#6E7557","--shiki-dark-font-style":"inherit"},children:'"""'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:'A product in the catalog."""'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-light-font-style":"italic","--shiki-dark":"#6E7557","--shiki-dark-font-style":"inherit"},children:'  """'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#9FA88A","--shik
69i-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:'Human-readable display name."""'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsx)(s.span,{children:" "}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-light-font-style":"italic","--shiki-dark":"#6E7557","--shiki-dark-font-style":"inherit"},children:'  """'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:'Price in minor units (cents)."""'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  price"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsx)(s.span,{children:" "}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-light-font-style":"italic","--shiki-dark":"#6E7557","--shiki-dark-font-style":"inherit"},children:'  """'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:'Units in stock. 0 means unavailable."""'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  stock"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Int"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,n.jsx)(s.span,{children:" "}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Query"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-light-font-style":"italic","--shiki-dark":"#6E7557","--shiki-dark-font-style":"inherit"},children:'  """'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:'Full-text search across the catalog."""'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  products"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"query"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"Product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},c=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Introspection result → discovered types",children:(0,n.jsxs)(s.code,{children:[(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"}
69,children:"  category"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Category"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" RevenueMetrics"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  amount"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Float"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  region"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Region"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Order"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  revenue"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" RevenueMetrics"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Query"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  orders"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Date"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:" to"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Date"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:" ["}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:"Order"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"]"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},p=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{tabIndex:"0","data-language":"text","data-word-wrap":"","data-filename":"User prompt",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{children:"Show me Q4 revenue broken down by region"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{children:"for the top 5 performing product categories"})})]})})},o=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"AI-generated GraphQL query",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  orders"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"from"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"2024-10-01"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:", "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"to"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"2024-12-31"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:") {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      name"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      category"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    revenue"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      region"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      amount"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},x=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{tabIndex:"0","data-language":"json","data-word-wrap":"","data-filename":"Structured response 
69(JSON)",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'  "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"orders"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" [{"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'    "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'      "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Widget Pro"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:","})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'      "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"category"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'        "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"Electronics"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    },"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'    "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"revenue"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'      "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"region"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'        "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:' "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"North America"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      },"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'      "'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"amount"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#F3F4F0"},children:" 45230.50"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }]"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},E=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Example query",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  orders"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"status"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#F3F4F0"},children:" PENDING"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:") {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    customer"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      email"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    items"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      product"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        stock"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    total"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},j=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Example query",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#9FA88A","--shiki-light-font-style":"italic","--shiki-dark":"#737373","--shiki-dark-font-style":"inherit"},children:"# AI agent discovers and calls tools"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"query"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  tools"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    description"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    parameters"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      type"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"mutation"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"}
69,children:"  callTool"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"    name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"searchProducts"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"    params"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": { "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#2B5581","--shiki-dark":"#9ECBFF"},children:"query"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"laptop"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" }"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  )"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},g=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Example query",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  search"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"term"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"MCP protocol"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:") {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    documents"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      title"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      excerpt"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      embeddings"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        vector"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        similarity"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    relatedTopics"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},y=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Agent fetches related data in one call",children:(0,n.jsxs)(s.code,{children:[(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"{"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  human"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"id"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:": "}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#609A06","--shiki-dark":"#9ECBFF"},children:"1000"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#9ECBFF"},children:'"'}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:") {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    name"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    friends"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      name"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      starships"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},u=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Agent introspects your API",children:(0,n.jsxs)(s.code,{children:[(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"query"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  __schema"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"    types"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      name"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"      fields"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"        name"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"      }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"    }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"  }"})}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})},m=function(i){let s={code:"code",pre:"pre",span:"span",...(0,r.a)(),...i.components};return(0,n.jsx)(s.pre,{icon:l.Wo,tabIndex:"0","data-language":"graphql","data-word-wrap":"","data-filename":"Every field has a known type",children:(0,n.jsxs)(s.code,{children:[(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Query"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  human"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"id"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" ID"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Human"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#990069","--shiki-dark":"#C2F653"},children:"type"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Human"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  name"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" String"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#ECFAD1"},children:"!"})]}),"\n",(0,n.jsxs)(s.span,{children:[(0,n.jsx)(s.span,{style:{"--shiki-light":"#E10198","--shiki-dark":"#DBF6A2"},children:"  height"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:"("}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#0E0F0B","--shiki-dark":"#F3F4F0"},children:"unit"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Unit"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#24292EFF","--shiki-dark":"#CFD3C5"},children:")"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:":"}),(0,n.jsx)(s.span,{style:{"--shiki-light":"#1976D2","--shiki-dark":"#FF99E0"},children:" Float"})]}),"\n",(0,n.jsx)(s.span,{children:(0,n.jsx)(s.span,{style:{"--shiki-light":"#6E7557","--shiki-dark":"#6E7557"},children:"}"})})]})})};let f={pre:t.S,code:h.E};function F(){return(0,n.jsx)(k,{components:f})}function v(){return(0,n.jsx)(a,{components:f})}function b(){return(0,n.jsx)(d,{components:f})}function A(){return(0,n.jsx)(p,{components:f})}function B(){return(0,n.jsx)(c,{components:f})}function D(){return(0,n.jsx)(o,{components:f})}function C(){return(0,n.jsx)(x,{components:f})}function w(){return(0,n.jsx)(j,{components:f})}function P(){return(0,n.jsx)(g,{components:f})}function z(){return(0,n.jsx)(E,{components:f})}function S(){return(0,n.jsx)(u,{components:f})}function _(){return(0,n.jsx)(m,{components:f})}function I(){return(0,n.jsx)(y,{components:f})}},84266:function(i,s,e){"use strict";e.d(s,{e:function(){return a}});var n=e(47334),h=e(65815),t=e(47982);let r=/^(http|\/\/|#)/,l=/^(#|mailto:)/,a=(0,h.forwardRef)(function(i,s){if("object"==typeof i.href||"string"==typeof i.href&&!r.test(i.href))return(0,n.jsx)(t.default,{...i,ref:s});let e=i.href||"",h=l.test(e)?{}:{rel:"noopener noreferrer",target:"_blank"};return(0,n.jsx)("a",{ref:s,...h,...i})})},80147:function(i,s,e){"use strict";e.d(s,{z:function(){return r}});var n=e(47334),h=e(26460),t=e(84266);function r(i){let s=(0,h.W)("relative flex items-center justify-center gap-2.5 font-normal text-base/none text-neu-0 bg-neu-900 hover:bg-neu-800 active:bg-neu-700 font-sans h-14 px-8 data-[size=md]:h-12 data-[variant=secondary]:bg-neu-100 dar
69k:data-[variant=secondary]:bg-neu-100/80 dark:data-[variant=secondary]:hover:bg-neu-200/50 data-[variant=secondary]:text-neu-900 data-[variant=secondary]:hover:bg-neu-200/75 data-[variant=secondary]:active:bg-neu-200/90 data-[variant=tertiary]:bg-neu-100 data-[variant=tertiary]:text-neu-900 data-[variant=tertiary]:hover:bg-neu-200 data-[variant=tertiary]:active:bg-neu-300 gql-focus-visible [aria-disabled]:bg-neu-800 aria-disabled:pointer-events-none dark:data-[variant=tertiary]:bg-neu-900/10 dark:data-[variant=tertiary]:text-neu-900 dark:data-[variant=tertiary]:hover:bg-neu-900/[.125] dark:data-[variant=tertiary]:active:bg-neu-800/20 dark:data-[variant=tertiary]:ring-1 dark:data-[variant=tertiary]:ring-inset dark:data-[variant=tertiary]:ring-neu-900/20",i.isIconButton&&"!p-2 h-min",i.className),e={"data-size":i.size,"data-variant":i.variant};if("href"in i&&"string"==typeof i.href){let{className:h,size:r,isIconButton:l,disabled:a,children:d,...k}=i;return a&&(k.href=void 0),(0,n.jsx)(t.e,{className:s,"aria-disabled":a,...e,...k,children:d})}if(i.as){let{className:h,size:t,isIconButton:r,children:l,as:a,...d}=i;return(0,n.jsx)(a,{className:s,...e,...d,children:l})}let{className:r,size:l,isIconButton:a,children:d,...k}=i;return(0,n.jsx)("button",{className:s,...e,...k,children:d})}},81443:function(i,s,e){"use strict";e.d(s,{n:function(){return l}});var n=e(47334),h=e(26460),t=e(26696),r=e.n(t);function l({text:i,icon:s,button:e,className:t}){return(0,n.jsxs)("div",{className:(0,h.Z)(r().label,"flex items-center gap-1.5 px-4 py-2 text-sm text-neu-800",t),children:[s&&(0,n.jsx)(s,{className:"_h-4 _w-auto _max-w-6 _shrink-0"}),(0,n.jsx)("span",{className:"_truncate",children:i}),e]})}},72226:function(i,s,e){"use strict";e.d(s,{S:function(){return p}});var n=e(47334),h=e(26460),t=e(65815),r=e(657),l=e(55392),a=e(55691),d=e(26696),k=e.n(d),c=e(81443);function p({children:i,className:s,"data-filename":e,"data-copy":d,"data-language":p,"data-word-wrap":x,icon:E,containerClassName:j,...g}){let y=(0,t.useRef)(null),u=""===d&&(0,n.jsx)(l.h,{tabIndex:g.tabIndex,className:(0,h.Z)("-mr-1.5 !border-0 hover:bg-neu-100 hover:duration-0 dark:hover:bg-neu-50",e&&"_ml-auto"),getValue:()=>y.current?.querySelector("code")?.textContent||""});return(0,n.jsxs)("div",{className:(0,h.Z)(k().pre,"relative",j),children:[e&&(0,n.jsx)(c.n,{text:e,icon:E,button:u,className:"rounded-t-md border border-b-0 border-neu-200 bg-neu-0/[.64] backdrop-blur-[6px] dark:border-neu-50"}),(0,n.jsx)("pre",{className:(0,h.Z)("overflow-x-auto border border-neu-200 py-4 subpixel-antialiased focus-visible:gql-focus-outline contrast-more:contrast-150 dark:border-neu-50",e?"rounded-b-md":"rounded-md",s),ref:y,...g,children:i}),(0,n.jsxs)("div",{className:(0,h.Z)("_opacity-0 _transition [div:hover>&]:_opacity-100 focus-within:_opacity-100","_flex _gap-1 _absolute _right-4",e?"_top-14":"_top-2"),children:[""===x&&(0,n.jsx)(a.z,{onClick:o,className:"md:_hidden",title:"Toggle word wrap",variant:"outline",children:(0,n.jsx)(r.NK,{height:"16"})}),!e&&u]})]})}function o(){let i=document.documentElement.dataset;"nextraWordWrap"in i?delete i.nextraWordWrap:i.nextraWordWrap=""}},26696:function(i){i.exports={pre:"pre_pre__do0AT",label:"pre_label__ZLpTs"}},16194:function(i,s,e){"use strict";e.r(s),s.default={src:"/_next/static/media/blur-bean.1cb38553.webp",height:808,width:2284,blurDataURL:"data:image/webp;base64,UklGRmYAAABXRUJQVlA4WAoAAAAQAAAABwAAAgAAQUxQSBkAAAAACykKAQACDgYZhnhGO1JqGQEPJS4tJhMCAFZQOCAmAAAAsAEAnQEqCAADAAJAOCWkAALnYnfmgAD++mgjBBS0mfi1eNOAAAA=",blurWidth:8,blurHeight:3}},27656:function(i,s,e){"use strict";function n(i,s,e){if(i instanceof EventTarget)return[i];if("string"==typeof i){let n=document;s&&(n=s.current);let h=e?.[i]??n.querySelectorAll(i);return h?Array.from(h):[]}return Array.from(i)}e.d(s,{I:function(){return n}})}},function(i){i.O(0,[8904,1053,6110,6157,7215,2304,9194,1556,1744],function(){return i(i.s=84775)}),_N_E=i.O()}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.