1:"$Sreact.fragment" 9:I[168027,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"default"] :HL["/docs/_next/static/chunks/a2c16a79b30ca688.css?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","style"] :HL["/docs/_next/static/chunks/3dc34e51fb8a17bc.css?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","style"] :HL["/docs/_next/static/media/83afe278b6a6bb3c.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/docs/_next/static/media/PaperMono_Variable.p.590789cb.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/docs/_next/static/media/f67ad414ed34149c.p.84166d94.woff2","font",{"crossOrigin":"","type":"font/woff2"}] 0:{"P":null,"b":"80uX0U0g2ookK0EXvt8S6","p":"/docs","c":["","_sites","claude-code","en","how-claude-code-works"],"i":false,"f":[[["",{"children":["%5Fsites",{"children":[["subdomain","claude-code","d"],{"children":["(multitenant)",{"children":[["slug","en/how-claude-code-works","oc"],{"children":["__PAGE__",{}]}]}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/docs/_next/static/chunks/a2c16a79b30ca688.css?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/docs/_next/static/chunks/3dc34e51fb8a17bc.css?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","async":true,"nonce":"$undefined"}]],["$","html",null,{"suppressHydrationWarning":true,"lang":"en","className":"inter_1d81deff-module__CYM0aG__variable papermono_89c757f2-module__6aS5zq__variable dark","data-banner-state":"visible","data-assistant-state":"closed","data-page-mode":"none","data-current-path":"/","children":[["$","head",null,{"children":[["$","script",null,{"type":"text/javascript","dangerouslySetInnerHTML":{"__html":"!function(){var b=\"/docs\";\nfunction a(p){if(p==null)return\"/\";p=\"\"+p;if(\"\"===p)return\"/\";return\"/\"===p.charAt(0)?p:\"/\"+p}\nfunction u(p){if(p==null)return p;p=\"\"+p;if(!p||p.charAt(p.length-1)===\"/\")return p.slice(0,-1);return p}\nfunction i(p){if(p==null)return p;p=\"\"+p;if(6<=p.length&&p.substring(p.length-6)===\"/index\")return p.substring(0,p.length-6);if(\"index\"===p)return\"\";return p}\nvar p=(location.pathname||\"\").split(\"?\")[0].split(\"#\")[0]||\"\";\nif(b)if(p===b)p=\"\";else if(0===p.indexOf(b+\"/\"))p=p.substring(b.length);\np=a(p);p=u(p);p=i(p);p=\"\"===p||\"index\"===p?\"/\":a(p);\ndocument.documentElement.setAttribute(\"data-current-path\",p);\n}();"}}],["$","script",null,{"type":"text/javascript","dangerouslySetInnerHTML":{"__html":"!function(){\nfunction read(){try{\nvar e=performance.getEntriesByType?performance.getEntriesByType(\"navigation\"):[];\nvar st=(e[0]&&e[0].serverTiming)||[];\nvar g={};\nfor(var i=0;i\"\"!==a&&\"global\"!==a).slice(0,2)}catch{h=[]}let i=h.find(a=>c.includes(a)),j=[];for(let c of(i?j.push(i):j.push(b),j.push(\"global\"),j)){if(!c)continue;let b=a[c];if(b?.content){f=b.content,g=c;break}}if(!f)return void document.documentElement.setAttribute(d,\"hidden\");let k=!0,l=0;for(;l{let c=a.getBoundingClientRect();c.height>0&&(b=Math.max(b,c.bottom))});let c=0,d=document.getElementById("content-container");if(d){let{overflowY:a}=getComputedStyle(d);("auto"===a||"scroll"===a)&&(c=Math.max(0,d.getBoundingClientRect().top))}let e=Math.round(Math.max(0,b-c))+40;document.documentElement.style.setProperty("--scroll-mt",`${e}px`)}; (function(a){let b=[],c=0,d="undefined"==typeof ResizeObserver?null:new ResizeObserver(f);function e(){let c=Array.from(document.querySelectorAll("[id='navbar'], [data-top-chrome]"));(c.length!==b.length||c.some((a,c)=>a!==b[c]))&&d&&(d.disconnect(),c.forEach(a=>d.observe(a))),b=c,a()}function f(){c||(c=requestAnimationFrame(()=>{c=0,e()}))}new MutationObserver(f).observe(document.documentElement,{childList:!0,subtree:!0}),window.addEventListener("resize",f),"loading"===document.readyState&&document.addEventListener("DOMContentLoaded",e),e()})(measure); (function(a){let b=window.location.hash.slice(1);if(!b)return;function c(){return"smooth"===getComputedStyle(document.documentElement).scrollBehavior}function d(c){let d=document.getElementById(b);return!!d&&(a(),d.scrollIntoView(c?{behavior:c}:void 0),!0)}if("complete"===document.readyState)return void d();let e=new MutationObserver(()=>{!c()&&d("instant")&&f()});function f(){e.disconnect(),window.removeEventListener("load",g)}function g(){let a=c();f(),a&&requestAnimationFrame(()=>{d(),function(){let a=["wheel","touchstart","keydown","pointerdown"],c=0,e=window.scrollY,f=setInterval(()=>{c+=1;let a=document.getElementById(b);if(!a||c>=6)return g();let f=Math.abs(window.scrollY-e)>1;if(e=window.scrollY,f)return;let h=parseFloat(getComputedStyle(a).scrollMarginTop)||0;Math.abs(a.getBoundingClientRect().top-h)>4&&d()},350);function g(){clearInterval(f),a.forEach(a=>window.removeEventListener(a,g))}a.forEach(a=>window.addEventListener(a,g,{passive:!0}))}()})}window.addEventListener("load",g),e.observe(document.documentElement,{childList:!0,subtree:!0}),!c()&&d("instant")&&f()})(measure); })();2e:["$","$L2f",null,{"pageListDataMap":{},"children":["$","$L30",null,{"disabled":"$undefined","children":["$","$L31",null,{"children":["$","$L32",null,{"children":[["$","$L12",null,{"fonts":"$29:props:value:docsConfig:fonts","theme":"mint","subdomain":"claude-code"}],[["$","$L11",null,{"docsConfig":"$29:props:value:docsConfig"}],[["$","link",null,{"rel":"preload","href":"https://d4tuoctqmanu0.cloudfront.net/katex.min.css","as":"style"}],["$","script",null,{"type":"text/javascript","children":"\n (function() {\n function loadKatex() {\n const link = document.querySelector('link[href=\"https://d4tuoctqmanu0.cloudfront.net/katex.min.css\"]');\n if (link) link.rel = 'stylesheet';\n }\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', loadKatex);\n } else {\n loadKatex();\n }\n })();\n "}]],["$","$L13",null,{"theme":"mint"}],["$","$L33",null,{"fonts":"$29:props:value:docsConfig:fonts","children":["$","$L34",null,{"bannersByLocale":{},"subdomain":"claude-code","children":[["$","$L35",null,{"theme":"mint"}],["$","$L25",null,{"strategy":"beforeInteractive","id":"_mintlify-scroll-margin-script","dangerouslySetInnerHTML":{"__html":"$36"},"suppressHydrationWarning":true}],["$","$L37",null,{"privacy":"$undefined","children":["$","$L38",null,{"subdomain":"claude-code","isAtlas":false,"children":["$","$L39",null,{"toggles":[{"name":"tiered-billing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-profile-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-editor-theseus","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"self-serve-sso","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"force-workflows-vercel-harness","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"autumn-billing-mar-2026","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"cloudflare-cache-invalidation","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workflows-vercel-harness","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"gitlab-workflows","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"autopilot-dashboard","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-preview-client","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"direct-chroma-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-bash","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintlify-credits-autumn-apr-2026","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"chat-bucketing-batched","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent_harness_kb","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-page","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-auth-revamp","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"client-credentials-grant","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent_harness_slack_agent","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workflows-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-integrations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-comments","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workflows-in-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"viewer-role","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-panel","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"autumn-enforcement-mar-2026","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"autumn-webhooks-mar-2026","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workflows-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"atlas-vercel-harness","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"onboarding-vercel-harness","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"refresh-token-auth-mcp","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"use-run-task-generate-docs-phase-queue","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-tenant-auth","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-tenant-auth-mcp","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"async-editor-publish","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-preview-search-indexing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"composio-integrations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"zendesk-integration","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"process-on-consumer","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workflows-run-detail-page","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"credits-v2-jul-2026","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"call-agent-tool","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pylon-integration","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"queue-git-webhooks-produce","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"slack-agent-chat-sdk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"org-credit-pool-jul-2026","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"preview-search-indexing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"children":"$L3a"}]}]}]]}]}]]]}]}]}]}] 3b:I[604780,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"CaptchaProvider"] 3c:I[601054,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"SearchProvider"] 3d:I[28330,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"SkipToContent"] 3e:I[87732,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"AssistantLayoutWrapper"] 3f:I[118717,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/c5b263597c9467b3.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"NotFoundHydrator"] 3a:["$","$L3b",null,{"enabled":true,"isPreview":false,"children":["$","$L3c",null,{"subdomain":"claude-code","hasChatPermissions":true,"isLoggedInCli":false,"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableAskAiSearchBar":true},"starterQuestions":"$undefined","children":[["$","$L3d",null,{}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"(function i(a,b,c,d){try{if(window.matchMedia(\"(max-width: 1024px)\").matches||!d){document.documentElement.style.setProperty(c,\"0px\"),document.documentElement.setAttribute(\"data-assistant-state\",\"closed\"),d||localStorage.setItem(a,\"false\");return}let e=localStorage.getItem(a);if(null===e){document.documentElement.style.setProperty(c,\"0px\"),document.documentElement.setAttribute(\"data-assistant-state\",\"closed\");return}let f=JSON.parse(e),g=localStorage.getItem(b),h=null!==g?JSON.parse(g):368;document.documentElement.style.setProperty(c,f?h+\"px\":\"0px\"),document.documentElement.setAttribute(\"data-assistant-state\",f?\"open\":\"closed\")}catch(a){document.documentElement.style.setProperty(c,\"0px\"),document.documentElement.setAttribute(\"data-assistant-state\",\"closed\")}})(\n \"chat-assistant-sheet-open\",\n \"chat-assistant-sheet-width\",\n \"--assistant-sheet-width\",\n true\n )"}}],false,["$","$L3e",null,{"children":[["$","$Ld",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$Lf",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L3f",null,{"source":"multitenant"}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}],"$undefined"]}]]}]}] 4c:I[597003,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"ScopedNavProvider"] 1c:{"metadata":[["$","title","0",{"children":"How Claude Code works - Claude Code Docs"}],["$","meta","1",{"name":"description","content":"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project."}],["$","meta","2",{"name":"application-name","content":"Claude Code Docs"}],["$","meta","3",{"name":"generator","content":"Mintlify"}],["$","meta","4",{"name":"msapplication-config","content":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/browserconfig.xml"}],["$","meta","5",{"name":"apple-mobile-web-app-title","content":"Claude Code Docs"}],["$","meta","6",{"name":"msapplication-TileColor","content":"#0E0E0E"}],["$","link","7",{"rel":"canonical","href":"https://code.claude.com/docs/en/how-claude-code-works"}],["$","link","8",{"rel":"alternate","type":"application/xml","href":"/docs/sitemap.xml"}],["$","link","9",{"rel":"alternate","type":"text/markdown","href":"/docs/en/how-claude-code-works.md"}],["$","meta","10",{"property":"og:title","content":"How Claude Code works - Claude Code Docs"}],["$","meta","11",{"property":"og:description","content":"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project."}],["$","meta","12",{"property":"og:url","content":"https://code.claude.com/docs/en/how-claude-code-works"}],["$","meta","13",{"property":"og:site_name","content":"Claude Code Docs"}],["$","meta","14",{"property":"og:image","content":"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DCore%2Bconcepts%26appearance%3Dsystem%26title%3DHow%2BClaude%2BCode%2Bworks%26description%3DUnderstand%2Bthe%2Bagentic%2Bloop%252C%2Bbuilt-in%2Btools%252C%2Band%2Bhow%2BClaude%2BCode%2Binteracts%2Bwith%2Byour%2Bproject.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fc5r9_6tjPMzFdDDT%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Dc5r9_6tjPMzFdDDT%2526q%253D85%2526s%253D78fd01ff4f4340295a4f66e2ea54903c%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fc5r9_6tjPMzFdDDT%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Dc5r9_6tjPMzFdDDT%2526q%253D85%2526s%253D1298a0c3b3a1da603b190d0de0e31712%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B&w=1200&q=100"}],["$","meta","15",{"property":"og:image:width","content":"1200"}],["$","meta","16",{"property":"og:image:height","content":"630"}],["$","meta","17",{"property":"og:type","content":"website"}],["$","meta","18",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","19",{"name":"twitter:title","content":"How Claude Code works - Claude Code Docs"}],["$","meta","20",{"name":"twitter:description","content":"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project."}],["$","meta","21",{"name":"twitter:image","content":"https://claude-code.mintlify.app/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DCore%2Bconcepts%26appearance%3Dsystem%26title%3DHow%2BClaude%2BCode%2Bworks%26description%3DUnderstand%2Bthe%2Bagentic%2Bloop%252C%2Bbuilt-in%2Btools%252C%2Band%2Bhow%2BClaude%2BCode%2Binteracts%2Bwith%2Byour%2Bproject.%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fc5r9_6tjPMzFdDDT%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Dc5r9_6tjPMzFdDDT%2526q%253D85%2526s%253D78fd01ff4f4340295a4f66e2ea54903c%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fclaude-code%252Fc5r9_6tjPMzFdDDT%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253Dc5r9_6tjPMzFdDDT%2526q%253D85%2526s%253D1298a0c3b3a1da603b190d0de0e31712%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26backgroundLight%3D%2523FDFDF7%26backgroundDark%3D%252309090B&w=1200&q=100"}],"$L40","$L41","$L42","$L43","$L44","$L45","$L46","$L47","$L48","$L49","$L4a","$L4b"],"error":null,"digest":"$undefined"} 21:"$1c:metadata" 18:["$","$L4c",null,{"scopedNav":{"global":null,"languages":[{"language":"en","tabs":[{"tab":"Getting started","groups":[{"group":"Getting started","pages":[{"sidebarTitle":"Overview","title":"Overview","description":"Claude Code is an agentic coding tool that reads your codebase, edits files, runs commands, and integrates with your development tools. Available in your terminal, IDE, desktop app, and browser.","href":"/en/overview"},{"title":"Quickstart","description":"Welcome to Claude Code!","href":"/en/quickstart"},{"title":"Claude Code changelog","sidebarTitle":"Changelog","description":"Release notes for Claude Code, including new features, improvements, and bug fixes by version.","rss":true,"href":"/en/changelog"}]},{"group":"Core concepts","pages":[{"title":"How Claude Code works","description":"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.","href":"/en/how-claude-code-works"},{"title":"Extend Claude Code","sidebarTitle":"Extend Claude Code","description":"Understand when to use CLAUDE.md, Skills, subagents, hooks, MCP, and plugins.","href":"/en/features-overview"},{"title":"Explore the .claude directory","description":"Where Claude Code reads CLAUDE.md, settings.json, hooks, skills, commands, subagents, workflows, rules, and auto memory. Explore the .claude directory in your project and ~/.claude in your home directory.","mode":"wide","href":"/en/claude-directory"},{"title":"Explore the context window","description":"An interactive simulation of how Claude Code's context window fills during a session. See what loads automatically, what each file read costs, and when rules and hooks fire.","mode":"wide","href":"/en/context-window"},{"sidebarTitle":"Prompt caching","title":"How Claude Code uses prompt caching","description":"Claude Code manages prompt caching automatically. See why a model switch triggers a slow uncached turn, what `/compact` costs, why CLAUDE.md edits don't apply mid-session, and how to check your cache hit rate.","keywords":["prompt cache","caching","cache invalidation","cache miss","cache_control","ephemeral"],"href":"/en/prompt-caching"}]},{"group":"Use Claude Code","pages":[{"sidebarTitle":"Store instructions and memories","title":"How Claude remembers your project","description":"Give Claude persistent instructions with CLAUDE.md files, and let Claude accumulate learnings automatically with auto memory.","keywords":["claude.md","CLAUDE.md","claudemd","memory","rules",".claude/rules","remember","auto memory"],"href":"/en/memory"},{"title":"Choose a permission mode","sidebarTitle":"Permission modes","description":"Control whether Claude asks before editing files or running commands. Cycle modes with Shift+Tab in the CLI or use the mode selector in VS Code, Desktop, and claude.ai.","keywords":["auto","auto mode","default permission mode","plan mode","accept edits","manual mode","yolo","bypass permissions","shift tab"],"href":"/en/permission-modes"},{"title":"Manage sessions","description":"Name, resume, branch, and switch between Claude Code conversations. Covers `--continue`, `--resume`, `--from-pr`, the `/resume` picker, session naming, exporting transcripts, and where transcripts are stored.","keywords":["resume","continue","--resume","--continue","session picker","/resume","/rename","fork","branch","export","/export","transcript","jsonl"],"href":"/en/sessions"},{"title":"Common workflows","description":"Step-by-step guides for exploring codebases, fixing bugs, refactoring, testing, and other everyday tasks with Claude Code.","keywords":["workflow","examples","prompts","recipes"],"href":"/en/common-workflows"},{"title":"Prompt library","sidebarTitle":"Prompt library","description":"Copy-paste prompts for Claude Code, tagged by task and role.","href":"/en/prompt-library"},{"title":"Best practices for Claude Code","sidebarTitle":"Best practices","description":"Tips and patterns for getting the most out of Claude Code, from configuring your environment to scaling across parallel sessions.","keywords":["verification","verification loop","verify","feedback loop","check its work","definition of done"],"href":"/en/best-practices"}]},{"group":"Platforms and integrations","pages":[{"title":"Platforms and integrations","sidebarTitle":"Overview","description":"Choose where to run Claude Code and what to connect it to. Compare the CLI, Desktop, VS Code, JetBrains, web, mobile, and integrations like Chrome, Slack, and CI/CD.","href":"/en/platforms"},{"title":"Continue local sessions from any device with Remote Control","sidebarTitle":"Remote Control","description":"Continue a local Claude Code session from your phone, tablet, or any browser using Remote Control. Works with claude.ai/code and the Claude mobile app.","href":"/en/remote-control"},{"group":"Claude Code on the web","pages":[{"title":"Get started with Claude Code on the web","sidebarTitle":"Get started","description":"Run Claude Code in the cloud from your browser or phone. Connect a GitHub repository, submit a task, and review the PR without local setup.","href":"/en/web-quickstart"},{"title":"Use Claude Code on the web","sidebarTitle":"Reference","description":"Move sessions between web and terminal with `--cloud` and `--teleport`, manage and share sessions, and auto-fix pull requests from the cloud.","href":"/en/claude-code-on-the-web"},{"title":"Automate work with routines","sidebarTitle":"Routines","description":"Put Claude Code on autopilot. Define routines that run on a schedule, trigger on API calls, or react to GitHub events from cloud infrastructure.","keywords":["/schedule","schedule","scheduled task","cloud cron","remote schedule","trigger"],"href":"/en/routines"},{"title":"Find bugs with ultrareview","sidebarTitle":"Ultrareview","description":"Run a deep, multi-agent code review in the cloud with /code-review ultra to find and verify bugs before you merge.","keywords":["ultra","ultrareview","ultra review","ultra-review","/ultrareview","/code-review ultra","code review","bug finding","remote review","deep review","multi-agent review"],"href":"/en/ultrareview"}]},{"group":"Claude Code on desktop","pages":[{"title":"Get started with the desktop app","sidebarTitle":"Get started","description":"Install Claude Code on desktop and start your first coding session","href":"/en/desktop-quickstart"},{"title":"Desktop application","sidebarTitle":"Reference","description":"Get more out of Claude Code Desktop: parallel sessions with Git isolation, drag-and-drop pane layout, integrated terminal and file editor, side chats, computer use, Dispatch sessions from your phone, visual diff review, app previews, PR monitoring, connectors, and enterprise configuration.","href":"/en/desktop"},{"title":"Claude Desktop on Linux (beta)","sidebarTitle":"Linux (beta)","description":"Install and update the Claude desktop app on Ubuntu and Debian","href":"/en/desktop-linux"},{"title":"Claude Code Desktop in WSL","sidebarTitle":"Windows (WSL)","description":"Run Code sessions inside a WSL 2 distribution on Windows","href":"/en/desktop-wsl"},{"title":"Schedule recurring tasks in Claude Code Desktop","sidebarTitle":"Scheduled tasks","description":"Set up scheduled tasks in Claude Code Desktop to run Claude automatically on a recurring basis for daily code reviews, dependency audits, or morning briefings.","href":"/en/desktop-scheduled-tasks"},{"title":"Test iOS apps in the simulator","sidebarTitle":"iOS simulator (beta)","description":"Claude Code Desktop opens your app in the iOS Simulator pane when Claude builds, runs, or checks it, with a separate simulator for each session.","href":"/en/desktop-ios-simulator"}]},{"title":"Claude Code on mobile","sidebarTitle":"Mobile","description":"Start, monitor, and steer Claude Code tasks from your phone with the Claude app for iOS and Android.","href":"/en/mobile"},{"title":"Use Claude Code with Chrome","sidebarTitle":"Chrome extension","description":"Connect Claude Code to your Chrome browser to test web apps, debug with console logs, automate form filling, and extract data from web pages.","href":"/en/chrome"},{"title":"Let Claude use your computer from the CLI","sidebarTitle":"Computer use (preview)","description":"Enable computer use in the Claude Code CLI so Claude can open apps, click, type, and see your screen on macOS. Test native apps, debug visual issues, and automate GUI-only tools without leaving your terminal.","href":"/en/computer-use"},{"title":"Use Claude Code in VS Code","sidebarTitle":"Visual Studio Code","description":"Install and configure the Claude Code extension for VS Code. Get AI coding assistance with inline diffs, @-mentions, plan review, and keyboard shortcuts.","keywords":["vscode","vs code","visual studio code","cursor","devin desktop","windsurf","kiro","vs code fork","extension","open vsx"],"href":"/en/vs-code"},{"title":"JetBrains IDEs","description":"Use Claude Code with JetBrains IDEs including IntelliJ, PyCharm, WebStorm, and more","href":"/en/jetbrains"},{"group":"Code review & CI/CD","pages":[{"title":"Catch security issues as Claude writes code","sidebarTitle":"Security guidance plugin","description":"Install the security-guidance plugin to have Claude review its own code changes for vulnerabilities and fix them in the same session.","keywords":["find security issues","scan for vulnerabilities","security scan","check my code for security issues","security audit","vulnerability review","secure my code"],"href":"/en/security-guidance"},{"title":"Scan your codebase for vulnerabilities","sidebarTitle":"Claude Security plugin","description":"Install the Claude Security plugin to scan your codebase for vulnerabilities in a Claude Code session and turn findings into patches you review and apply.","href":"/en/claude-security"},{"title":"Code Review","sidebarTitle":"Code Review","description":"Set up automated PR reviews that catch logic errors, security vulnerabilities, and regressions using multi-agent analysis of your full codebase","href":"/en/code-review"},{"title":"Claude Code GitHub Actions","sidebarTitle":"GitHub Actions","description":"Run Claude Code in GitHub Actions workflows to respond to @claude mentions, automate tasks, and turn issues into pull requests","href":"/en/github-actions"},{"title":"Use Claude Code GitHub Actions with cloud providers","sidebarTitle":"GitHub Actions cloud providers","description":"Run Claude Code GitHub Actions through Amazon Bedrock, Google Cloud's Agent Platform, or Microsoft Foundry instead of the Claude API","href":"/en/github-actions-cloud-providers"},{"title":"Claude Code with GitHub Enterprise Server","sidebarTitle":"GitHub Enterprise Server","description":"Connect Claude Code to your self-hosted GitHub Enterprise Server instance for web sessions, code review, and plugin marketplaces.","href":"/en/github-enterprise-server"},{"title":"Claude Code GitLab CI/CD","sidebarTitle":"GitLab CI/CD","description":"Learn about integrating Claude Code into your development workflow with GitLab CI/CD","href":"/en/gitlab-ci-cd"}]},{"title":"Claude Code in Slack","description":"Delegate coding tasks directly from your Slack workspace. Anthropic is retiring this earlier version for Team and Enterprise workspaces in favor of Claude Tag; it remains the setup path on Pro and Max plans.","href":"/en/slack"},{"title":"Claude Tag","description":"Bring Claude into your team's Slack channels with Claude Tag and find its setup and usage documentation on claude.com.","href":"/en/claude-tag"}]}]},{"tab":"Build with Claude Code","pages":[{"title":"Build with Claude Code","href":"/en/agents"}]},{"tab":"Administration","pages":[{"title":"Administration","href":"/en/admin-setup"}]},{"tab":"Configuration","pages":[{"title":"Configuration","href":"/en/settings"}]},{"tab":"Reference","pages":[{"title":"Reference","href":"/en/cli-reference"}]},{"tab":"Agent SDK","pages":[{"title":"Agent SDK","href":"/en/agent-sdk/overview"}]},{"tab":"What's New","pages":[{"title":"What's New","href":"/en/whats-new"}]},{"tab":"Resources","pages":[{"title":"Resources","href":"/en/legal-and-compliance"}]}]},{"language":"fr","pages":[{"title":"fr","href":"/fr/how-claude-code-works"}]},{"language":"de","pages":[{"title":"de","href":"/de/how-claude-code-works"}]},{"language":"it","pages":[{"title":"it","href":"/it/how-claude-code-works"}]},{"language":"jp","pages":[{"title":"jp","href":"/ja/how-claude-code-works"}]},{"language":"es","pages":[{"title":"es","href":"/es/how-claude-code-works"}]},{"language":"ko","pages":[{"title":"ko","href":"/ko/how-claude-code-works"}]},{"language":"cn","pages":[{"title":"cn","href":"/zh-CN/how-claude-code-works"}]},{"language":"zh-Hant","pages":[{"title":"zh-Hant","href":"/zh-TW/how-claude-code-works"}]},{"language":"ru","pages":[{"title":"ru","href":"/ru/how-claude-code-works"}]},{"language":"id","pages":[{"title":"id","href":"/id/how-claude-code-works"}]},{"language":"pt-BR","pages":[{"title":"pt-BR","href":"/pt/how-claude-code-works"}]}]},"maps":{"firstHrefInVersion":{},"firstHrefInLanguage":{"en":{"href":"/en/how-claude-code-works","matchLevel":0},"fr":{"href":"/fr/how-claude-code-works","matchLevel":1},"de":{"href":"/de/how-claude-code-works","matchLevel":1},"it":{"href":"/it/how-claude-code-works","matchLevel":1},"jp":{"href":"/ja/how-claude-code-works","matchLevel":1},"es":{"href":"/es/how-claude-code-works","matchLevel":1},"ko":{"href":"/ko/how-claude-code-works","matchLevel":1},"cn":{"href":"/zh-CN/how-claude-code-works","matchLevel":1},"zh-Hant":{"href":"/zh-TW/how-claude-code-works","matchLevel":1},"ru":{"href":"/ru/how-claude-code-works","matchLevel":1},"id":{"href":"/id/how-claude-code-works","matchLevel":1},"pt-BR":{"href":"/pt/how-claude-code-works","matchLevel":1}}},"children":"$L4d"}] 4e:I[27201,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"IconMark"] 4f:I[763509,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"ThemeLayout"] 50:I[91557,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"ApiReferenceProvider"] 51:I[91557,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"PageProvider"] 52:I[91557,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"OpenApiProvider"] 53:I[525343,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"TabSyncContextProvider"] 40:["$","meta","22",{"name":"twitter:image:width","content":"1200"}] 41:["$","meta","23",{"name":"twitter:image:height","content":"630"}] 42:["$","link","24",{"rel":"icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/android-chrome-192x192.png","type":"image/png","sizes":"192x192","media":"(prefers-color-scheme: light)"}] 43:["$","link","25",{"rel":"apple-touch-icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/apple-touch-icon.png","type":"image/png","sizes":"180x180","media":"$undefined"}] 44:["$","link","26",{"rel":"icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-16x16.png","type":"image/png","sizes":"16x16","media":"(prefers-color-scheme: light)"}] 45:["$","link","27",{"rel":"icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon-32x32.png","type":"image/png","sizes":"32x32","media":"(prefers-color-scheme: light)"}] 46:["$","link","28",{"rel":"shortcut icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon/favicon.ico","type":"image/x-icon","sizes":"$undefined","media":"(prefers-color-scheme: light)"}] 47:["$","link","29",{"rel":"icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/android-chrome-192x192.png","type":"image/png","sizes":"192x192","media":"(prefers-color-scheme: dark)"}] 48:["$","link","30",{"rel":"icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-16x16.png","type":"image/png","sizes":"16x16","media":"(prefers-color-scheme: dark)"}] 49:["$","link","31",{"rel":"icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon-32x32.png","type":"image/png","sizes":"32x32","media":"(prefers-color-scheme: dark)"}] 4a:["$","link","32",{"rel":"shortcut icon","href":"/docs/_mintlify/favicons/claude-code/pLsy-mRpNksna2sx/_generated/favicon-dark/favicon.ico","type":"image/x-icon","sizes":"$undefined","media":"(prefers-color-scheme: dark)"}] 4b:["$","$L4e","33",{}] 54:T7ad,{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://code.claude.com/#organization","name":"Claude Code Docs","url":"https://code.claude.com","logo":{"@type":"ImageObject","url":"https://mintcdn.com/claude-code/c5r9_6tjPMzFdDDT/logo/light.svg?fit=max&auto=format&n=c5r9_6tjPMzFdDDT&q=85&s=78fd01ff4f4340295a4f66e2ea54903c"}},{"@type":"WebSite","@id":"https://code.claude.com/docs#website","name":"Claude Code Docs","url":"https://code.claude.com/docs","publisher":{"@id":"https://code.claude.com/#organization"}},{"@type":"WebPage","@id":"https://code.claude.com/docs/en/how-claude-code-works#webpage","url":"https://code.claude.com/docs/en/how-claude-code-works","name":"How Claude Code works","description":"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.","dateModified":"2026-08-14T19:13:24.635Z","isPartOf":{"@id":"https://code.claude.com/docs#website"},"breadcrumb":{"@id":"https://code.claude.com/docs/en/how-claude-code-works#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://code.claude.com/docs/en/how-claude-code-works#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Claude Code Docs","item":"https://code.claude.com/docs"},{"@type":"ListItem","position":2,"name":"How Claude Code works","item":"https://code.claude.com/docs/en/how-claude-code-works"}]},{"@type":["Article","TechArticle"],"@id":"https://code.claude.com/docs/en/how-claude-code-works#article","headline":"How Claude Code works","name":"How Claude Code works","description":"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.","url":"https://code.claude.com/docs/en/how-claude-code-works","mainEntityOfPage":{"@id":"https://code.claude.com/docs/en/how-claude-code-works#webpage"},"dateModified":"2026-08-14T19:13:24.635Z","publisher":{"@id":"https://code.claude.com/#organization"},"isPartOf":{"@id":"https://code.claude.com/docs#website"}}]}4d:["$","$L4f",null,{"theme":"mint","pageMetadata":{"title":"How Claude Code works","description":"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.","href":"/en/how-claude-code-works"},"children":["$","$L50",null,{"value":{"apiReferenceData":{},"graphqlReferenceData":"$undefined"},"children":["$","$L51",null,{"value":{"pageMetadata":"$4d:props:pageMetadata","lastModified":"2026-08-14T19:13:24.635Z","gitLastModified":"$undefined","originalFileLocation":"en/how-claude-code-works.mdx","description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"mdxExtracts":{"tableOfContents":[{"title":"The agentic loop","slug":"the-agentic-loop","depth":2,"children":[{"title":"Models","slug":"models","depth":3,"children":[]},{"title":"Tools","slug":"tools","depth":3,"children":[]}]},{"title":"What Claude can access","slug":"what-claude-can-access","depth":2,"children":[]},{"title":"Environments and interfaces","slug":"environments-and-interfaces","depth":2,"children":[{"title":"Execution environments","slug":"execution-environments","depth":3,"children":[]},{"title":"Interfaces","slug":"interfaces","depth":3,"children":[]}]},{"title":"Work with sessions","slug":"work-with-sessions","depth":2,"children":[{"title":"Work across branches","slug":"work-across-branches","depth":3,"children":[]},{"title":"Resume or fork sessions","slug":"resume-or-fork-sessions","depth":3,"children":[]},{"title":"The context window","slug":"the-context-window","depth":3,"children":[]},{"title":"When context fills up","slug":"when-context-fills-up","depth":4,"children":[]},{"title":"Manage context with skills and subagents","slug":"manage-context-with-skills-and-subagents","depth":4,"children":[]}]},{"title":"Stay safe with checkpoints and permissions","slug":"stay-safe-with-checkpoints-and-permissions","depth":2,"children":[{"title":"Undo changes with checkpoints","slug":"undo-changes-with-checkpoints","depth":3,"children":[]},{"title":"Control what Claude can do","slug":"control-what-claude-can-do","depth":3,"children":[]}]},{"title":"Work effectively with Claude Code","slug":"work-effectively-with-claude-code","depth":2,"children":[{"title":"Ask Claude Code for help","slug":"ask-claude-code-for-help","depth":3,"children":[]},{"title":"It’s a conversation","slug":"it’s-a-conversation","depth":3,"children":[]},{"title":"Interrupt and steer","slug":"interrupt-and-steer","depth":4,"children":[]},{"title":"Be specific upfront","slug":"be-specific-upfront","depth":3,"children":[]},{"title":"Give Claude something to verify against","slug":"give-claude-something-to-verify-against","depth":3,"children":[]},{"title":"Explore before implementing","slug":"explore-before-implementing","depth":3,"children":[]},{"title":"Delegate, don’t dictate","slug":"delegate-don’t-dictate","depth":3,"children":[]}]},{"title":"What’s next","slug":"what’s-next","depth":2,"children":[]}],"codeExamples":{}},"pageType":"$undefined","panelMdxSource":"$undefined","panelMdxSourceWithNoJs":"$undefined","contextualStarterQuestions":"$undefined","relatedPages":"$undefined"},"children":["$","$L52",null,{"pageMetadata":"$4d:props:pageMetadata","mdxExtracts":"$4d:props:children:props:children:props:value:mdxExtracts","openApiReferenceData":"$undefined","children":["$","$L53",null,{"children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$54"}}],"$L55","$L56","$L57","$L58","$L59"]}]}]}]}]}] 5a:I[228341,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"PageModeUpdater"] 5b:I[575126,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"Background"] 5e:I[36098,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"CustomJsFiles"] 61:I[530359,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"MDXContentController"] 62:I[448287,["/docs/_next/static/chunks/19ae1768f166fab9.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/b664fc8bb1e7ab0d.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/def24e6874a300d2.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/a5edc6734daa1561.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e6618840d436c198.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cde9521bba917b79.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d6d7166742f5da5f.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/26b694a75f002411.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d3ad54300bf025f1.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/8e7a2fc458226493.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/98ebb013ca577d16.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/abde604cf15fb5ae.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cebf1bfff441d745.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/228d3087ffe96806.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/cf030a2b40cf1543.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/30467642ae66af20.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0eb894a8519f24ea.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/0534993a51af00f5.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/d9ca228e7af9807a.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/22d826416dc96a01.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/dcce5fe7df2536fa.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/5abf88c0878eccce.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/326af201526ce6ac.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1","/docs/_next/static/chunks/e63d34c4ce76a918.js?dpl=dpl_7BWorjKLBRBvv6EB9tb1x97YRNq1"],"default"] 55:[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"document.documentElement.setAttribute('data-page-mode', \"none\");"}}],["$","$L5a",null,{"pageMetadata":"$4d:props:pageMetadata"}]] 56:["$","$L5b",null,{"pageMetadata":"$4d:props:pageMetadata"}] 5c:T1108, /* These styles mirror the internal design system's button component, converted to plain CSS. */ /* Base button styles */ .btn { position: relative; display: inline-flex; gap: 0.5rem; align-items: center; justify-content: center; flex-shrink: 0; min-width: 5rem; height: 2.25rem; padding: 0.5rem 1rem; white-space: nowrap; font-family: Styrene; font-weight: 600; border-radius: 0.5rem; &:active { transform: scale(0.985); } /* Size variants */ &.size-xs { height: 1.75rem; min-width: 3.5rem; padding: 0 0.5rem; border-radius: 0.25rem; font-size: 0.75rem; gap: 0.25rem; } &.size-sm { height: 2rem; min-width: 4rem; padding: 0 0.75rem; border-radius: 0.375rem; font-size: 0.75rem; } &.size-lg { height: 2.75rem; min-width: 6rem; padding: 0 1.25rem; border-radius: 0.6rem; } &:disabled { pointer-events: none; opacity: 0.5; box-shadow: none; } &:focus-visible { outline: none; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow); } /* Primary variant */ &.primary { font-weight: 600; color: hsl(var(--oncolor-100)); background-color: hsl(var(--accent-main-100)); background-image: linear-gradient( to right, hsl(var(--accent-main-100)) 0%, hsl(var(--accent-main-200) / 0.5) 50%, hsl(var(--accent-main-200)) 100% ); background-size: 200% 100%; background-position: 0% 0%; border: 0.5px solid hsl(var(--border-300) / 0.25); box-shadow: inset 0 0.5px 0px rgba(255, 255, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 2px rgb(0 0 0 / 10%); transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); &:hover { background-position: 100% 0%; background-image: linear-gradient( to right, hsl(var(--accent-main-200)) 0%, hsl(var(--accent-main-200)) 100% ); } &:active { background-color: hsl(var(--accent-main-000)); box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2); transform: scale(0.985); } } /* Flat variant */ &.flat { font-weight: 500; color: hsl(var(--oncolor-100)); background-color: hsl(var(--accent-main-100)); transition: background-color 150ms; &:hover { background-color: hsl(var(--accent-main-200)); } } /* Secondary variant */ &.secondary { font-weight: 600; color: hsl(var(--text-100) / 0.9); background-image: radial-gradient( ellipse at center, hsl(var(--bg-500) / 0.1) 50%, hsl(var(--bg-500) / 0.3) 100% ); border: 0.5px solid hsl(var(--border-400)); transition: color 150ms, background-color 150ms; &:hover { color: hsl(var(--text-000)); background-color: hsl(var(--bg-500) / 0.6); } &:active { background-color: hsl(var(--bg-500) / 0.5); } } /* Outline variant */ &.outline { font-weight: 600; color: hsl(var(--text-200)); background-color: transparent; border: 1.5px solid currentColor; transition: color 150ms, background-color 150ms; &:hover { color: hsl(var(--text-100)); background-color: hsl(var(--bg-400)); border-color: hsl(var(--bg-400)); } } /* Ghost variant */ &.ghost { color: hsl(var(--text-200)); border-color: transparent; transition: color 150ms, background-color 150ms; &:hover { color: hsl(var(--text-100)); background-color: hsl(var(--bg-500) / 0.4); } &:active { background-color: hsl(var(--bg-400)); } } /* Underline variant */ &.underline { opacity: 0.8; text-decoration-line: none; text-underline-offset: 3px; transition: all 150ms; &:hover { opacity: 1; text-decoration-line: underline; } &:active { transform: scale(0.985); } } /* Danger variant */ &.danger { font-weight: 600; color: hsl(var(--oncolor-100)); background-color: hsl(var(--danger-100)); transition: background-color 150ms; &:hover { background-color: hsl(var(--danger-200)); } } } 57:[["$","style","0",{"data-custom-css-index":0,"data-custom-css-path":"button.css","dangerouslySetInnerHTML":{"__html":"$5c"}}],"$L5d"] 5f:Tce9,/** * First-party analytics for code.claude.com/docs. * * Loads the SDK bundle (window.antalytics) from the CDN and initialises it. * The bundle is rebuilt and republished automatically whenever the SDK * source changes upstream, so this file rarely needs to change. * * Consent: events are gated on the anthropic-consent-preferences cookie * written by the shared banner (consent-loader.js). Fail-closed when the * cookie is absent or unparseable, so visitors who have not opted in via * the banner are not tracked. */ ;(function () { if (typeof window === 'undefined' || typeof document === 'undefined') return function hasAnalyticsConsent() { try { if (navigator.globalPrivacyControl) return false var m = document.cookie.match(/(?:^|;\s*)anthropic-consent-preferences=([^;]+)/) if (!m) return false return JSON.parse(decodeURIComponent(m[1])).analytics === true } catch (_) { return false } } function start() { if (!window.antalytics) return window.antalytics.init({ // Matches the x-service-name used by snippets/experiment.jsx so // page-view events and GrowthBook exposure events join on the same // service_name in BigQuery. serviceName: 'claude_code_docs', allowedOrigins: ['https://code.claude.com'], plugins: [ { name: 'consentGate', type: 'before', fn: function (event) { return hasAnalyticsConsent() ? event : null }, }, ], onError: function (error, ctx) { // eslint-disable-next-line no-console console.warn('[antalytics:' + ctx.method + ']', error) }, }) window.antalytics.page() var lastPath = location.pathname function onRouteChange() { if (location.pathname === lastPath) return lastPath = location.pathname window.antalytics.page() } var origPushState = history.pushState history.pushState = function () { origPushState.apply(this, arguments) onRouteChange() } window.addEventListener('popstate', onRouteChange) } var loaded = false function loadSdk() { if (loaded) return loaded = true var s = document.createElement('script') s.src = 'https://assets.claude.ai/sdk/antalytics/latest.umd.js' s.async = true // No cookies or page URL sent with the cross-origin fetch. s.crossOrigin = 'anonymous' s.referrerPolicy = 'no-referrer' s.onload = start s.onerror = function () { // eslint-disable-next-line no-console console.warn('[antalytics] failed to load SDK bundle from CDN') } document.head.appendChild(s) } // Only fetch the SDK once analytics consent is granted, so visitors who // have not opted in never trigger a request to the CDN at all. Re-check // when the consent cookie changes (banner accept/reject). if (hasAnalyticsConsent()) { loadSdk() } if (typeof window.cookieStore !== 'undefined' && window.cookieStore.addEventListener) { window.cookieStore.addEventListener('change', function (e) { for (var i = 0; i < e.changed.length; i++) { if (e.changed[i].name === 'anthropic-consent-preferences' && hasAnalyticsConsent()) { loadSdk() return } } }) } })() 60:T1694,/** * Collapse toggle for the right "On this page" table of contents. * * Adds a floating button that hides the ToC column and lets the content * area use the freed space (see the matching rules in style.css). The * choice persists per browser via localStorage. * * The button is appended to document.body, outside the Next.js app root, * so it survives client-side navigation. Visibility on pages without a * ToC and the chevron direction are both handled in style.css, so this * script only creates the button and manages state. */ ;(function () { if (typeof window === 'undefined' || typeof document === 'undefined') return // The layout rules in style.css depend on :has(). Without support the // ToC would hide but the content column would never widen, so leave // the button out entirely. if (!(window.CSS && CSS.supports('selector(:has(*))'))) return var STORAGE_KEY = 'docs-toc-collapsed' var COLLAPSED_CLASS = 'toc-collapsed' // [hide, show] labels per locale directory. Keyed by URL path segment // because the rendered page's lang attribute carries nonstandard // values (e.g. "jp" on /ja/ pages). var LABELS = { en: ['Hide table of contents', 'Show table of contents'], de: ['Inhaltsverzeichnis ausblenden', 'Inhaltsverzeichnis anzeigen'], es: ['Ocultar tabla de contenido', 'Mostrar tabla de contenido'], fr: ['Masquer la table des matières', 'Afficher la table des matières'], id: ['Sembunyikan daftar isi', 'Tampilkan daftar isi'], it: ['Nascondi indice', 'Mostra indice'], ja: ['目次を隠す', '目次を表示'], ko: ['목차 숨기기', '목차 보기'], pt: ['Ocultar sumário', 'Mostrar sumário'], ru: ['Скрыть оглавление', 'Показать оглавление'], 'zh-CN': ['隐藏目录', '显示目录'], 'zh-TW': ['隱藏目錄', '顯示目錄'], } function localeLabels() { // Scan rather than index: production serves under the /docs base // path while mint dev and previews serve root-relative, so the // locale isn't always the first segment. The locale directory comes // before any page slug, so the first matching segment wins. var segments = window.location.pathname.split('/') for (var i = 1; i < segments.length; i++) { if (Object.prototype.hasOwnProperty.call(LABELS, segments[i])) { return LABELS[segments[i]] } } return LABELS.en } function isCollapsed() { return document.documentElement.classList.contains(COLLAPSED_CLASS) } function setCollapsed(collapsed) { document.documentElement.classList.toggle(COLLAPSED_CLASS, collapsed) try { if (collapsed) { localStorage.setItem(STORAGE_KEY, '1') } else { localStorage.removeItem(STORAGE_KEY) } } catch (_) {} } // Apply the saved state as early as possible to minimize layout flash. try { if (localStorage.getItem(STORAGE_KEY) === '1') setCollapsed(true) } catch (_) {} function render(btn) { var collapsed = isCollapsed() var label = localeLabels()[collapsed ? 1 : 0] btn.setAttribute('aria-expanded', String(!collapsed)) btn.setAttribute('aria-label', label) btn.title = label } function start() { if (document.getElementById('toc-collapse-toggle')) return var btn = document.createElement('button') btn.id = 'toc-collapse-toggle' btn.type = 'button' btn.setAttribute('aria-controls', 'table-of-contents-layout') var SVG_NS = 'http://www.w3.org/2000/svg' function makeIcon(className, d) { var svg = document.createElementNS(SVG_NS, 'svg') svg.setAttribute('viewBox', '0 0 24 24') svg.setAttribute('aria-hidden', 'true') svg.setAttribute('class', className) var path = document.createElementNS(SVG_NS, 'path') path.setAttribute('d', d) svg.appendChild(path) return svg } btn.appendChild(makeIcon('toc-chevron', 'M9 18l6-6-6-6')) // List glyph, shown only while collapsed (see style.css). btn.appendChild(makeIcon('toc-glyph', 'M4 6h16M4 12h10M4 18h16')) btn.addEventListener('click', function () { setCollapsed(!isCollapsed()) render(btn) }) // Re-read the saved state when another tab changes it (storage) and // when this page returns from the back/forward cache, where storage // events fired while cached were never delivered (pageshow). function syncFromStorage() { var stored = false try { stored = localStorage.getItem(STORAGE_KEY) === '1' } catch (_) {} setCollapsed(stored) render(btn) } window.addEventListener('storage', function (e) { if (e.storageArea !== localStorage) return // key is null when localStorage.clear() ran; re-read either way. if (e.key === null || e.key === STORAGE_KEY) syncFromStorage() }) window.addEventListener('pageshow', syncFromStorage) // Client-side navigation can cross locale directories, so re-render // the label whenever the route changes. function onNavigate() { setTimeout(function () { render(btn) }, 0) } var origPushState = history.pushState history.pushState = function () { var result = origPushState.apply(this, arguments) onNavigate() return result } window.addEventListener('popstate', onNavigate) render(btn) // Prepend rather than append: the button still lives outside the // app root and survives client-side navigation, but lands at the // start of the tab order instead of after the entire page. document.body.prepend(btn) } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', start, { once: true }) } else { start() } })() 58:["$","$L5e",null,{"customJsDisabled":false,"jsFiles":[{"_id":"69bdb9fd7ba705a281409ac4","filePath":"consent-loader.js","subdomain":"claude-code","__v":0,"content":"/**\n * Consent banner loader for code.claude.com/docs.\n *\n * Mintlify auto-includes any .js file in the content root on every page.\n * This loader injects the shared consent banner hosted on claude.com.\n */\n;(function () {\n var s = document.createElement('script')\n s.src = 'https://claude.com/shared/consent-banner.js'\n s.async = true\n document.head.appendChild(s)\n})()\n"},{"_id":"69fe40dc388017ee55c19b7a","subdomain":"claude-code","filePath":"antalytics-loader.js","__v":0,"content":"$5f"},{"_id":"6a567ad87ec0f756509df168","filePath":"toc-collapse.js","subdomain":"claude-code","__v":0,"content":"$60"}]}] 63:T9496,"use strict";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,hr:`hr`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,..._provideComponents(),...props.components},{Card,CardGroup,CodeBlock,Heading,OptimizedImage,Table}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Table)_missingMdxReference(`Table`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Claude Code is an agentic assistant that runs in your terminal. While it excels at coding, it can help with anything you can do from the command line: writing docs, running builds, searching files, researching topics, and more.`}),` `,_jsxs(_components.p,{children:[`This guide covers the core architecture, built-in capabilities, and `,_jsx(_components.a,{href:`#work-effectively-with-claude-code`,children:`tips for working effectively`}),`. For step-by-step walkthroughs, see `,_jsx(_components.a,{href:`/en/common-workflows`,children:`Common workflows`}),`. For extensibility features like skills, MCP, and hooks, see `,_jsx(_components.a,{href:`/en/features-overview`,children:`Extend Claude Code`}),`.`]}),` `,_jsx(Heading,{level:`2`,id:`the-agentic-loop`,children:`The agentic loop`}),` `,_jsxs(_components.p,{children:[`When you give Claude a task, it works through three phases: `,_jsx(_components.strong,{children:`gather context`}),`, `,_jsx(_components.strong,{children:`take action`}),`, and `,_jsx(_components.strong,{children:`verify results`}),`. These phases blend together. Claude uses tools throughout, whether searching files to understand your code, editing to make changes, or running tests to check its work.`]}),` `,_jsx(OptimizedImage,{src:`https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/agentic-loop.svg?fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=4a30fb7ce2815012a9f27c955e2c6bb0`,className:`dark:hidden`,alt:`Diagram of the agentic loop: Your prompt leads to Claude gathering context, taking action, verifying results, and repeating until task complete. You can interrupt at any point.`,"data-og-width":`720`,width:`720`,"data-og-height":`280`,height:`280`,"data-path":`images/agentic-loop.svg`,"data-optimize":`true`,"data-opv":`3`,srcset:`https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/agentic-loop.svg?w=280&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=8a52edf568581a7a49370e237f2dc0ba 280w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/agentic-loop.svg?w=560&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=e41fc0a59c8b3d5e2be0785103d604a3 560w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/agentic-loop.svg?w=840&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=b3fe983ec737ae1c4dc8e56738f104d7 840w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/agentic-loop.svg?w=1100&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=c3642973483b336a56e47e4dfed5a0f7 1100w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/agentic-loop.svg?w=1650&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=4132aea119257756bc1da1d117465c17 1650w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/agentic-loop.svg?w=2500&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=abf3a2b2fdd632fefc51ab56cd07c56a 2500w`}),` `,_jsx(OptimizedImage,{src:`https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/agentic-loop-dark.svg?fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=75e1d55ed76857a952f9a2dffbab02df`,className:`hidden dark:block`,alt:`Diagram of the agentic loop: Your prompt leads to Claude gathering context, taking action, verifying results, and repeating until task complete. You can interrupt at any point.`,"data-og-width":`720`,width:`720`,"data-og-height":`280`,height:`280`,"data-path":`images/agentic-loop-dark.svg`,"data-optimize":`true`,"data-opv":`3`,srcset:`https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/agentic-loop-dark.svg?w=280&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=03797dd208d9bfc613379dc17d9780c1 280w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/agentic-loop-dark.svg?w=560&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=5571ccc0076b4d7af20136a557ad5cea 560w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/agentic-loop-dark.svg?w=840&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=b134bdcffe17f71a95d5b9d687befb0a 840w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/agentic-loop-dark.svg?w=1100&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=78efef3a71315a5ba54b6f0b5f516265 1100w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/agentic-loop-dark.svg?w=1650&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=146b5d96c651b62f9640ee818ac252ec 1650w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/agentic-loop-dark.svg?w=2500&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=53d1a239bf2382a9f5690d7a5019e82c 2500w`}),` `,_jsx(_components.p,{children:`The loop adapts to what you ask. A question about your codebase might only need context gathering. A bug fix cycles through all three phases repeatedly. A refactor might involve extensive verification. Claude decides what each step requires based on what it learned from the previous step, chaining dozens of actions together and course-correcting along the way.`}),` `,_jsx(_components.p,{children:`You’re part of this loop too. You can interrupt at any point to steer Claude in a different direction, provide additional context, or ask it to try a different approach. Claude works autonomously but stays responsive to your input.`}),` `,_jsxs(_components.p,{children:[`The agentic loop is powered by two components: `,_jsx(_components.a,{href:`#models`,children:`models`}),` that reason and `,_jsx(_components.a,{href:`#tools`,children:`tools`}),` that act. Claude Code serves as the `,_jsx(_components.strong,{children:`agentic harness`}),` around Claude: it provides the tools, context management, and execution environment that turn a language model into a capable coding agent.`]}),` `,_jsx(Heading,{level:`3`,id:`models`,children:`Models`}),` `,_jsx(_components.p,{children:`Claude Code uses Claude models to understand your code and reason about tasks. Claude can read code in any language, understand how components connect, and figure out what needs to change to accomplish your goal. For complex tasks, it breaks work into steps, executes them, and adjusts based on what it learns.`}),` `,_jsxs(_components.p,{children:[_jsx(_components.a,{href:`/en/model-config`,children:`Multiple models`}),` are available with different tradeoffs. Sonnet handles most coding tasks well. Opus provides stronger reasoning for complex architectural decisions. Switch with `,_jsx(_components.code,{children:`/model`}),` during a session or start with `,_jsx(_components.code,{children:`claude --model `}),`.`]}),` `,_jsx(_components.p,{children:`When this guide says “Claude chooses” or “Claude decides,” it’s the model doing the reasoning.`}),` `,_jsx(Heading,{level:`3`,id:`tools`,children:`Tools`}),` `,_jsx(_components.p,{children:`Tools are what make Claude Code agentic. Without tools, Claude can only respond with text. With tools, Claude can act: read your code, edit files, run commands, search the web, and interact with external services. Each tool use returns information that feeds back into the loop, informing Claude’s next decision.`}),` `,_jsx(_components.p,{children:`The built-in tools generally fall into five categories, each representing a different kind of agency.`}),` `,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Category`}),_jsx(_components.th,{children:`What Claude can do`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`File operations`})}),_jsx(_components.td,{children:`Read files, edit code, create new files, rename and reorganize`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Search`})}),_jsx(_components.td,{children:`Find files by pattern, search content with regex, explore codebases`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Execution`})}),_jsx(_components.td,{children:`Run shell commands, start servers, run tests, use git`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Web`})}),_jsx(_components.td,{children:`Search the web, fetch documentation, look up error messages`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Code intelligence`})}),_jsxs(_components.td,{children:[`See type errors and warnings after edits, jump to definitions, find references (requires `,_jsx(_components.a,{href:`/en/discover-plugins#code-intelligence`,children:`code intelligence plugins`}),`)`]})]})]})]}),` `,_jsxs(_components.p,{children:[`These are the primary capabilities. Claude also has tools for spawning subagents, asking you questions, and other orchestration tasks. See `,_jsx(_components.a,{href:`/en/tools-reference`,children:`Tools available to Claude`}),` for the complete list.`]}),` `,_jsx(_components.p,{children:`Claude chooses which tools to use based on your prompt and what it learns along the way. When you say “fix the failing tests,” Claude might:`}),` `,_jsxs(_components.ol,{children:[` `,_jsx(_components.li,{children:`Run the test suite to see what’s failing`}),` `,_jsx(_components.li,{children:`Read the error output`}),` `,_jsx(_components.li,{children:`Search for the relevant source files`}),` `,_jsx(_components.li,{children:`Read those files to understand the code`}),` `,_jsx(_components.li,{children:`Edit the files to fix the issue`}),` `,_jsx(_components.li,{children:`Run the tests again to verify`}),` `]}),` `,_jsx(_components.p,{children:`Each tool use gives Claude new information that informs the next step. This is the agentic loop in action.`}),` `,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Extending the base capabilities:`}),` The built-in tools are the foundation. You can extend what Claude knows with `,_jsx(_components.a,{href:`/en/skills`,children:`skills`}),`, connect to external services with `,_jsx(_components.a,{href:`/en/mcp`,children:`MCP`}),`, automate workflows with `,_jsx(_components.a,{href:`/en/hooks`,children:`hooks`}),`, and offload tasks to `,_jsx(_components.a,{href:`/en/sub-agents`,children:`subagents`}),`. These extensions form a layer on top of the core agentic loop. See `,_jsx(_components.a,{href:`/en/features-overview`,children:`Extend Claude Code`}),` for guidance on choosing the right extension for your needs.`]}),` `,_jsx(Heading,{level:`2`,id:`what-claude-can-access`,children:`What Claude can access`}),` `,_jsxs(_components.p,{children:[`When you run `,_jsx(_components.code,{children:`claude`}),` in a directory, Claude Code gains access to:`]}),` `,_jsxs(_components.ul,{children:[` `,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Your project.`}),` Files in your directory and subdirectories, plus files elsewhere with your permission.`]}),` `,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Your terminal.`}),` Any command you could run: build tools, git, package managers, system utilities, scripts. If you can do it from the command line, Claude can too.`]}),` `,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Your git state.`}),` Current branch, uncommitted changes, and recent commit history.`]}),` `,_jsxs(_components.li,{children:[_jsxs(_components.strong,{children:[`Your `,_jsx(_components.a,{href:`/en/memory`,children:`CLAUDE.md`}),`.`]}),` A markdown file where you store project-specific instructions, conventions, and context that Claude should know every session.`]}),` `,_jsxs(_components.li,{children:[_jsxs(_components.strong,{children:[_jsx(_components.a,{href:`/en/memory#auto-memory`,children:`Auto memory`}),`.`]}),` Learnings Claude saves automatically as you work, like project patterns and your preferences. The first 200 lines or 25KB of MEMORY.md, whichever comes first, load at the start of each session.`]}),` `,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Extensions you configure.`}),` `,_jsx(_components.a,{href:`/en/mcp`,children:`MCP servers`}),` for external services, `,_jsx(_components.a,{href:`/en/skills`,children:`skills`}),` for workflows, `,_jsx(_components.a,{href:`/en/sub-agents`,children:`subagents`}),` for delegated work, and `,_jsx(_components.a,{href:`/en/chrome`,children:`Claude in Chrome`}),` for browser interaction.`]}),` `]}),` `,_jsx(_components.p,{children:`Because Claude sees your whole project, it can work across it. When you ask Claude to “fix the authentication bug,” it searches for relevant files, reads multiple files to understand context, makes coordinated edits across them, runs tests to verify the fix, and commits the changes if you ask. This is different from inline code assistants that only see the current file.`}),` `,_jsx(Heading,{level:`2`,id:`environments-and-interfaces`,children:`Environments and interfaces`}),` `,_jsx(_components.p,{children:`The agentic loop, tools, and capabilities described above are the same everywhere you use Claude Code. What changes is where the code executes and how you interact with it.`}),` `,_jsx(Heading,{level:`3`,id:`execution-environments`,children:`Execution environments`}),` `,_jsx(_components.p,{children:`Claude Code runs in three environments, each with different tradeoffs for where your code executes.`}),` `,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Environment`}),_jsx(_components.th,{children:`Where code runs`}),_jsx(_components.th,{children:`Use case`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Local`})}),_jsx(_components.td,{children:`Your machine`}),_jsx(_components.td,{children:`Default. Full access to your files, tools, and environment`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Cloud`})}),_jsxs(_components.td,{children:[`Anthropic-managed VMs, or `,_jsx(_components.a,{href:`/en/self-hosted-environments`,children:`self-hosted environments`}),` your organization operates`]}),_jsx(_components.td,{children:`Offload tasks, work on repos you don’t have locally`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Remote Control`})}),_jsx(_components.td,{children:`Your machine, controlled from a browser`}),_jsx(_components.td,{children:`Use the web UI while execution and your files stay local`})]})]})]}),` `,_jsx(Heading,{level:`3`,id:`interfaces`,children:`Interfaces`}),` `,_jsxs(_components.p,{children:[`You can access Claude Code through the terminal, the `,_jsx(_components.a,{href:`/en/desktop`,children:`desktop app`}),`, `,_jsx(_components.a,{href:`/en/vs-code`,children:`IDE extensions`}),`, `,_jsx(_components.a,{href:`https://claude.ai/code`,children:`claude.ai/code`}),`, `,_jsx(_components.a,{href:`/en/remote-control`,children:`Remote Control`}),`, `,_jsx(_components.a,{href:`/en/slack`,children:`Slack`}),`, and `,_jsx(_components.a,{href:`/en/github-actions`,children:`CI/CD pipelines`}),`. The interface determines how you see and interact with Claude, but the underlying agentic loop is identical. See `,_jsx(_components.a,{href:`/en/overview#use-claude-code-everywhere`,children:`Use Claude Code everywhere`}),` for the full list.`]}),` `,_jsx(Heading,{level:`2`,id:`work-with-sessions`,children:`Work with sessions`}),` `,_jsxs(_components.p,{children:[`Claude Code saves your conversation locally as you work. Each message, tool use, and result is written to a plaintext JSONL file under `,_jsx(_components.code,{children:`~/.claude/projects/`}),`, which enables `,_jsx(_components.a,{href:`#undo-changes-with-checkpoints`,children:`rewinding`}),`, `,_jsx(_components.a,{href:`#resume-or-fork-sessions`,children:`resuming, and forking`}),` sessions. Before Claude makes code changes, it also snapshots the affected files so you can revert if needed. For paths, retention, and how to clear this data, see `,_jsxs(_components.a,{href:`/en/claude-directory#application-data`,children:[`application data in `,_jsx(_components.code,{children:`~/.claude`})]}),`.`]}),` `,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Sessions are independent.`}),` Each new session starts with a fresh context window, without the conversation history from previous sessions. Claude can persist learnings across sessions using `,_jsx(_components.a,{href:`/en/memory#auto-memory`,children:`auto memory`}),`, and you can add your own persistent instructions in `,_jsx(_components.a,{href:`/en/memory`,children:`CLAUDE.md`}),`.`]}),` `,_jsx(Heading,{level:`3`,id:`work-across-branches`,children:`Work across branches`}),` `,_jsxs(_components.p,{children:[`Each Claude Code conversation is a session tied to your current directory. The `,_jsx(_components.code,{children:`/resume`}),` picker shows sessions from the current worktree by default, with keyboard shortcuts to widen the list to other worktrees or projects. See `,_jsx(_components.a,{href:`/en/sessions#use-the-session-picker`,children:`Manage sessions`}),` for the full list of picker shortcuts and how name resolution works.`]}),` `,_jsx(_components.p,{children:`Claude sees your current branch’s files. When you switch branches, Claude sees the new branch’s files, but your conversation history stays the same. Claude remembers what you discussed even after switching.`}),` `,_jsxs(_components.p,{children:[`Since sessions are tied to directories, you can run parallel Claude sessions by using `,_jsx(_components.a,{href:`/en/worktrees`,children:`git worktrees`}),`, which create separate directories for individual branches.`]}),` `,_jsx(Heading,{level:`3`,id:`resume-or-fork-sessions`,children:`Resume or fork sessions`}),` `,_jsxs(_components.p,{children:[`Resuming a session with `,_jsx(_components.code,{children:`claude --continue`}),` or `,_jsx(_components.code,{children:`claude --resume`}),` reopens it under the same session ID and appends new messages to the existing conversation. Forking with `,_jsx(_components.code,{children:`--fork-session`}),` or `,_jsx(_components.code,{children:`/branch`}),` copies the history into a new session ID, leaving the original unchanged.`]}),` `,_jsx(OptimizedImage,{src:`https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/session-continuity.svg?fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=04ed0984a58e4127e05b3640265241a3`,className:`dark:hidden`,alt:`Diagram of session continuity: resume continues the same session, fork creates a new branch with a new ID.`,"data-og-width":`560`,width:`560`,"data-og-height":`280`,height:`280`,"data-path":`images/session-continuity.svg`,"data-optimize":`true`,"data-opv":`3`,srcset:`https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/session-continuity.svg?w=280&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=b37936d59e4bb6ebd113cae8edbabcd5 280w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/session-continuity.svg?w=560&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=6d29f5bf178e56dd26cf8f4753fa2eb6 560w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/session-continuity.svg?w=840&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=bb6077e84ed3e173eea66963acecc5a5 840w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/session-continuity.svg?w=1100&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=0508424bab49bccc4681e1cc96abf65a 1100w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/session-continuity.svg?w=1650&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=078c2744e7413bc0cb189b080fc0ac92 1650w, https://mintcdn.com/claude-code/ikqp3_70mqIahteV/images/session-continuity.svg?w=2500&fit=max&auto=format&n=ikqp3_70mqIahteV&q=85&s=a03659bf4db7d86a66df458f0f4db5cf 2500w`}),` `,_jsx(OptimizedImage,{src:`https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/session-continuity-dark.svg?fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=886a384bce8298594e43f124617ea665`,className:`hidden dark:block`,alt:`Diagram of session continuity: resume continues the same session, fork creates a new branch with a new ID.`,"data-og-width":`560`,width:`560`,"data-og-height":`280`,height:`280`,"data-path":`images/session-continuity-dark.svg`,"data-optimize":`true`,"data-opv":`3`,srcset:`https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/session-continuity-dark.svg?w=280&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=3e57cdc30b3b4ef11a0e6a2424bcb76d 280w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/session-continuity-dark.svg?w=560&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=a11c0b491f6322ee13d58dff08e21a27 560w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/session-continuity-dark.svg?w=840&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=6f3e71440b2b7d9a695bda961b8f3886 840w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/session-continuity-dark.svg?w=1100&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=009be2ca70d191bf6b958a0139c186d4 1100w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/session-continuity-dark.svg?w=1650&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=5d290d387a9c327cbad575950177d882 1650w, https://mintcdn.com/claude-code/_xqph1dUOslCOwsj/images/session-continuity-dark.svg?w=2500&fit=max&auto=format&n=_xqph1dUOslCOwsj&q=85&s=7f0377274dc8aadda3f34c6ba03551be 2500w`}),` `,_jsxs(_components.p,{children:[`For the resume flags, the `,_jsx(_components.code,{children:`/resume`}),` picker, naming, and what happens when the same session is open in two terminals, see `,_jsx(_components.a,{href:`/en/sessions`,children:`Manage sessions`}),`.`]}),` `,_jsx(Heading,{level:`3`,id:`the-context-window`,children:`The context window`}),` `,_jsxs(_components.p,{children:[`Claude’s context window holds your conversation history, file contents, command outputs, `,_jsx(_components.a,{href:`/en/memory`,children:`CLAUDE.md`}),`, `,_jsx(_components.a,{href:`/en/memory#auto-memory`,children:`auto memory`}),`, loaded skills, and system instructions. As you work, context fills up. Claude compacts automatically, but instructions from early in the conversation can get lost. Put persistent rules in CLAUDE.md, and run `,_jsx(_components.code,{children:`/context`}),` to see what’s using space.`]}),` `,_jsxs(_components.p,{children:[`For an interactive walkthrough of what loads and when, see `,_jsx(_components.a,{href:`/en/context-window`,children:`Explore the context window`}),`.`]}),` `,_jsx(Heading,{level:`4`,id:`when-context-fills-up`,children:`When context fills up`}),` `,_jsx(_components.p,{children:`Claude Code manages context automatically as you approach the limit. It clears older tool outputs first, then summarizes the conversation if needed. Your requests and key code snippets are preserved; detailed instructions from early in the conversation may be lost. Put persistent rules in CLAUDE.md rather than relying on conversation history.`}),` `,_jsxs(_components.p,{children:[`To control what’s preserved during compaction, add a “Compact Instructions” section to CLAUDE.md or run `,_jsx(_components.code,{children:`/compact`}),` with a focus (like `,_jsx(_components.code,{children:`/compact focus on the API changes`}),`).`]}),` `,_jsxs(_components.p,{children:[`If a single file or tool output is so large that context refills immediately after each summary, Claude Code stops auto-compacting after a few attempts and shows an error instead of looping. See `,_jsx(_components.a,{href:`/en/troubleshooting#auto-compaction-stops-with-a-thrashing-error`,children:`Auto-compaction stops with a thrashing error`}),` for recovery steps.`]}),` `,_jsxs(_components.p,{children:[`Run `,_jsx(_components.code,{children:`/context`}),` to see what’s using space. MCP tool definitions are deferred by default and loaded on demand via `,_jsx(_components.a,{href:`/en/mcp#scale-with-mcp-tool-search`,children:`tool search`}),`, so only tool names consume context until Claude uses a specific tool. Run `,_jsx(_components.code,{children:`/mcp`}),` to check per-server costs.`]}),` `,_jsx(Heading,{level:`4`,id:`manage-context-with-skills-and-subagents`,children:`Manage context with skills and subagents`}),` `,_jsx(_components.p,{children:`Beyond compaction, you can use other features to control what loads into context.`}),` `,_jsxs(_components.p,{children:[_jsx(_components.a,{href:`/en/skills`,children:`Skills`}),` load on demand. Claude sees skill descriptions at session start, but the full content only loads when a skill is used. For skills you invoke manually, set `,_jsx(_components.code,{children:`disable-model-invocation: true`}),` to keep descriptions out of context until you need them. For skills you didn’t write, use `,_jsx(_components.a,{href:`/en/skills#override-skill-visibility-from-settings`,children:_jsx(_components.code,{children:`skillOverrides`})}),` to do the same from settings.`]}),` `,_jsxs(_components.p,{children:[_jsx(_components.a,{href:`/en/sub-agents`,children:`Subagents`}),` get their own fresh context, completely separate from your main conversation. Their work doesn’t bloat your context. When done, they return a summary. This isolation is why subagents help with long sessions.`]}),` `,_jsxs(_components.p,{children:[`See `,_jsx(_components.a,{href:`/en/features-overview#understand-context-costs`,children:`context costs`}),` for what each feature costs, and `,_jsx(_components.a,{href:`/en/costs#reduce-token-usage`,children:`reduce token usage`}),` for tips on managing context.`]}),` `,_jsx(Heading,{level:`2`,id:`stay-safe-with-checkpoints-and-permissions`,children:`Stay safe with checkpoints and permissions`}),` `,_jsx(_components.p,{children:`Claude has two safety mechanisms: checkpoints let you undo file changes, and permissions control what Claude can do without asking.`}),` `,_jsx(Heading,{level:`3`,id:`undo-changes-with-checkpoints`,children:`Undo changes with checkpoints`}),` `,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`File edits are reversible.`}),` Before Claude edits a file, it snapshots the current contents. If something goes wrong, press `,_jsx(_components.code,{children:`Esc`}),` twice to rewind to a previous state, or ask Claude to undo.`]}),` `,_jsxs(_components.p,{children:[`Checkpoints are separate from git and remain available when you resume a conversation. They only cover file changes, and a restore `,_jsx(_components.a,{href:`/en/checkpointing#symlinked-and-hard-linked-paths-not-restored`,children:`skips symlinked and hard-linked files`}),`. Actions that affect remote systems (databases, APIs, deployments) can’t be checkpointed, which is why Claude asks before running commands with external side effects.`]}),` `,_jsx(Heading,{level:`3`,id:`control-what-claude-can-do`,children:`Control what Claude can do`}),` `,_jsxs(_components.p,{children:[`Press `,_jsx(_components.code,{children:`Shift+Tab`}),` to cycle through permission modes:`]}),` `,_jsxs(_components.ul,{children:[` `,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Manual`}),`: Claude asks before file edits and shell commands`]}),` `,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Accept edits`}),`: Claude edits files and runs common filesystem commands like `,_jsx(_components.code,{children:`mkdir`}),` and `,_jsx(_components.code,{children:`mv`}),` without asking, still asks for other commands`]}),` `,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Plan`}),`: Claude explores and proposes a plan without editing your source files`]}),` `,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Auto`}),`: Claude evaluates all actions with background safety checks`]}),` `]}),` `,_jsxs(_components.p,{children:[`You can also allow specific commands in `,_jsx(_components.code,{children:`.claude/settings.json`}),` so Claude doesn’t ask each time. This is useful for trusted commands like `,_jsx(_components.code,{children:`npm test`}),` or `,_jsx(_components.code,{children:`git status`}),`. Settings can be scoped from organization-wide policies down to personal preferences. See `,_jsx(_components.a,{href:`/en/permissions`,children:`Permissions`}),` for details.`]}),` `,_jsx(_components.hr,{}),` `,_jsx(Heading,{level:`2`,id:`work-effectively-with-claude-code`,children:`Work effectively with Claude Code`}),` `,_jsx(_components.p,{children:`These tips help you get better results from Claude Code.`}),` `,_jsx(Heading,{level:`3`,id:`ask-claude-code-for-help`,children:`Ask Claude Code for help`}),` `,_jsx(_components.p,{children:`Claude Code can teach you how to use it. Ask questions like “how do I set up hooks?” or “what’s the best way to structure my CLAUDE.md?” and Claude will explain.`}),` `,_jsx(_components.p,{children:`Built-in commands also guide you through setup:`}),` `,_jsxs(_components.ul,{children:[` `,_jsxs(_components.li,{children:[_jsx(_components.code,{children:`/init`}),` walks you through creating a CLAUDE.md for your project`]}),` `,_jsxs(_components.li,{children:[_jsx(_components.code,{children:`/doctor`}),` runs a setup checkup that diagnoses installation and configuration issues and can fix them`]}),` `]}),` `,_jsx(Heading,{level:`3`,id:`it’s-a-conversation`,children:`It’s a conversation`}),` `,_jsx(_components.p,{children:`Claude Code is conversational. You don’t need perfect prompts. Start with what you want, then refine:`}),` `,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,"--shiki-dark-bg":`#0B0C0E`,color:`#1f2328`,"--shiki-dark":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Fix the login bug`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),` `,_jsx(_components.p,{children:`[Claude investigates, tries something]`}),` `,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,"--shiki-dark-bg":`#0B0C0E`,color:`#1f2328`,"--shiki-dark":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`That's not quite right. The issue is in the session handling.`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),` `,_jsx(_components.p,{children:`[Claude adjusts approach]`}),` `,_jsx(_components.p,{children:`When the first attempt isn’t right, you don’t start over. You iterate.`}),` `,_jsx(Heading,{level:`4`,id:`interrupt-and-steer`,children:`Interrupt and steer`}),` `,_jsx(_components.p,{children:`You can redirect Claude at any point without waiting for the turn to finish or starting over:`}),` `,_jsxs(_components.ul,{children:[` `,_jsxs(_components.li,{children:[_jsxs(_components.strong,{children:[`Press `,_jsx(_components.code,{children:`Esc`})]}),` to stop Claude immediately. The running tool call is canceled and Claude waits for your next instruction.`]}),` `,_jsxs(_components.li,{children:[_jsxs(_components.strong,{children:[`Type a correction and press `,_jsx(_components.code,{children:`Enter`})]}),` to send it without stopping the running tool. Claude reads it as soon as the current action completes and adjusts before deciding its next step.`]}),` `]}),` `,_jsx(Heading,{level:`3`,id:`be-specific-upfront`,children:`Be specific upfront`}),` `,_jsx(_components.p,{children:`The more precise your initial prompt, the fewer corrections you’ll need. Reference specific files, mention constraints, and point to example patterns.`}),` `,_jsx(CodeBlock,{filename:``,numberOfLines:`4`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,"--shiki-dark-bg":`#0B0C0E`,color:`#1f2328`,"--shiki-dark":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`4`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`The checkout flow is broken for users with expired cards.`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Check src/payments/ for the issue, especially token refresh.`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Write a failing test first, then fix it.`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),` `,_jsx(_components.p,{children:`Vague prompts work, but you’ll spend more time steering. Specific prompts like the one above often succeed on the first attempt.`}),` `,_jsx(Heading,{level:`3`,id:`give-claude-something-to-verify-against`,children:`Give Claude something to verify against`}),` `,_jsx(_components.p,{children:`Claude performs better when it can check its own work. Include test cases, paste screenshots of expected UI, or define the output you want.`}),` `,_jsx(CodeBlock,{filename:``,numberOfLines:`3`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,"--shiki-dark-bg":`#0B0C0E`,color:`#1f2328`,"--shiki-dark":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`3`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Implement validateEmail. Test cases: 'user@example.com' → true,`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`'invalid' → false, 'user@.com' → false. Run the tests after.`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),` `,_jsx(_components.p,{children:`For visual work, paste a screenshot of the design and ask Claude to compare its implementation against it.`}),` `,_jsx(Heading,{level:`3`,id:`explore-before-implementing`,children:`Explore before implementing`}),` `,_jsxs(_components.p,{children:[`For complex problems, separate research from coding. Use plan mode (`,_jsx(_components.code,{children:`Shift+Tab`}),` twice) to analyze the codebase first:`]}),` `,_jsx(CodeBlock,{filename:``,numberOfLines:`3`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,"--shiki-dark-bg":`#0B0C0E`,color:`#1f2328`,"--shiki-dark":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`3`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Read src/auth/ and understand how we handle sessions.`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Then create a plan for adding OAuth support.`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),` `,_jsx(_components.p,{children:`Review the plan, refine it through conversation, then let Claude implement. This two-phase approach produces better results than jumping straight to code.`}),` `,_jsx(Heading,{level:`3`,id:`delegate-don’t-dictate`,children:`Delegate, don’t dictate`}),` `,_jsx(_components.p,{children:`Think of delegating to a capable colleague. Give context and direction, then trust Claude to figure out the details:`}),` `,_jsx(CodeBlock,{filename:``,numberOfLines:`3`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,"--shiki-dark-bg":`#0B0C0E`,color:`#1f2328`,"--shiki-dark":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`3`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`The checkout flow is broken for users with expired cards.`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`The relevant code is in src/payments/. Can you investigate and fix it?`})}),` `,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),` `,_jsx(_components.p,{children:`You don’t need to specify which files to read or what commands to run. Claude figures that out.`}),` `,_jsx(Heading,{level:`2`,id:`what’s-next`,children:`What’s next`}),` `,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Extend with features`,icon:`puzzle-piece`,href:`/en/features-overview`,children:_jsx(_components.p,{children:`Add Skills, MCP connections, and custom commands`})}),_jsx(Card,{title:`Common workflows`,icon:`graduation-cap`,href:`/en/common-workflows`,children:_jsx(_components.p,{children:`Step-by-step guides for typical tasks`})})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+" `"+id+"` to be defined: you likely forgot to import, pass, or provide it.")}59:["$","$L61",null,{"slug":"en/how-claude-code-works","pageMetadata":"$4d:props:pageMetadata","theme":"mint","children":["$","$L62",null,{"mdxSource":{"compiledSource":"$63","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"How Claude Code works","description":"Understand the agentic loop, built-in tools, and how Claude Code interacts with your project.","href":"/en/how-claude-code-works"}}},"mdxSourceWithNoJs":"$undefined","displayDomain":"code.claude.com/docs"}]}] 64:T6e48,/* Anthropic Sans - Static fonts from assets.claude.ai */ @font-face { font-family: "Anthropic Sans"; src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-Regular-Static.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Sans"; src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-RegularItalic-Static.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Anthropic Sans"; src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-Medium-Static.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Sans"; src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-MediumItalic-Static.otf") format("opentype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Anthropic Sans"; src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-Semibold-Static.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Sans"; src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-SemiboldItalic-Static.otf") format("opentype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Anthropic Sans"; src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-Bold-Static.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Sans"; src: url("https://assets.claude.ai/Fonts/AnthropicSans-Text-BoldItalic-Static.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: swap; } /* Anthropic Serif Display - for headlines */ @font-face { font-family: "Anthropic Serif Display"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-Regular-Static.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Serif Display"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-RegularItalic-Static.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Anthropic Serif Display"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-Medium-Static.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Serif Display"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-Semibold-Static.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Serif Display"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Display-Bold-Static.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } /* Anthropic Serif - Static fonts from assets.claude.ai */ @font-face { font-family: "Anthropic Serif"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-Regular-Static.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Serif"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-RegularItalic-Static.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Anthropic Serif"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-Medium-Static.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Serif"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-MediumItalic-Static.otf") format("opentype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Anthropic Serif"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-Semibold-Static.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Serif"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-SemiboldItalic-Static.otf") format("opentype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Anthropic Serif"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-Bold-Static.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Anthropic Serif"; src: url("https://assets.claude.ai/Fonts/AnthropicSerif-Text-BoldItalic-Static.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: swap; } /* Color variables mirror the internal design system's generated theme palette. */ :root { --always-white: 0 0% 100%; --always-black: 0 0% 0%; --constant-book-cloth: 15 55% 80%; --constant-clay: 15 60% 85%; --constant-kraft: 25 40% 83%; --constant-manilla: 40 20% 92%; --constant-slate-000: 0 0% 100%; --constant-slate-050: 48 33.3% 97.1%; --constant-slate-100: 53 28.6% 94.5%; --constant-slate-150: 48 25% 92.2%; --constant-slate-200: 50 20.7% 88.6%; --constant-slate-250: 51 16.5% 84.5%; --constant-slate-300: 50 11.5% 79.6%; --constant-slate-350: 50 9% 73.7%; --constant-slate-400: 49 6.5% 66.9%; --constant-slate-450: 48 4.8% 59.2%; --constant-slate-500: 53 3.2% 51.4%; --constant-slate-550: 51 3.1% 43.7%; --constant-slate-600: 48 2.7% 35.9%; --constant-slate-650: 48 3.4% 29.2%; --constant-slate-700: 60 2.5% 23.3%; --constant-slate-750: 60 2.1% 18.4%; --constant-slate-800: 60 2.7% 14.5%; --constant-slate-850: 30 3.3% 11.8%; --constant-slate-900: 30 4% 9.8%; --constant-slate-950: 60 2.6% 7.6%; --constant-slate-1000: 60 3.4% 5.7%; } :root:not(.dark) { --accent-brand: 15 63.1% 59.6%; --accent-main-000: 15 55.6% 52.4%; --accent-main-100: 15 55.6% 52.4%; --accent-main-200: 15 63.1% 59.6%; --accent-main-900: 0 0% 0%; --accent-pro-000: 251 34.2% 33.3%; --accent-pro-100: 251 40% 45.1%; --accent-pro-200: 251 61% 72.2%; --accent-pro-900: 253 33.3% 91.8%; --accent-secondary-000: 210 73.7% 40.2%; --accent-secondary-100: 210 70.9% 51.6%; --accent-secondary-200: 210 70.9% 51.6%; --accent-secondary-900: 211 72% 90%; --bg-000: 0 0% 100%; --bg-100: 48 33.3% 97.1%; --bg-200: 53 28.6% 94.5%; --bg-300: 48 25% 92.2%; --bg-400: 50 20.7% 88.6%; --bg-500: 50 20.7% 88.6%; --border-100: 30 3.3% 11.8%; --border-200: 30 3.3% 11.8%; --border-300: 30 3.3% 11.8%; --border-400: 30 3.3% 11.8%; --danger-000: 0 61.4% 22.4%; --danger-100: 0 58.6% 34.1%; --danger-200: 0 58.6% 34.1%; --danger-900: 0 50% 95%; --oncolor-100: 0 0% 100%; --oncolor-200: 60 6.7% 97.1%; --oncolor-300: 60 6.7% 97.1%; --text-000: 60 2.6% 7.6%; --text-100: 60 2.6% 7.6%; --text-200: 60 2.5% 23.3%; --text-300: 60 2.5% 23.3%; --text-400: 51 3.1% 43.7%; --text-500: 51 3.1% 43.7%; } :root.dark { --accent-brand: 15 63.1% 59.6%; --accent-main-000: 15 55.6% 52.4%; --accent-main-100: 15 63.1% 59.6%; --accent-main-200: 15 63.1% 59.6%; --accent-main-900: 0 0% 0%; --accent-pro-000: 251 84.6% 74.5%; --accent-pro-100: 251 40.2% 54.1%; --accent-pro-200: 251 40% 45.1%; --accent-pro-900: 250 25.3% 19.4%; --accent-secondary-000: 210 71.1% 62%; --accent-secondary-100: 210 70.9% 51.6%; --accent-secondary-200: 210 70.9% 51.6%; --accent-secondary-900: 210 55.9% 24.6%; --bg-000: 60 2.1% 18.4%; --bg-100: 60 2.7% 14.5%; --bg-200: 30 3.3% 11.8%; --bg-300: 60 2.6% 7.6%; --bg-400: 60 3.4% 5.7%; --bg-500: 60 3.4% 5.7%; --border-100: 51 16.5% 84.5%; --border-200: 51 16.5% 84.5%; --border-300: 51 16.5% 84.5%; --border-400: 51 16.5% 84.5%; --danger-000: 0 73.1% 66.5%; --danger-100: 0 58.6% 34.1%; --danger-200: 0 58.6% 34.1%; --danger-900: 0 23% 15.6%; --oncolor-100: 0 0% 100%; --oncolor-200: 60 6.7% 97.1%; --oncolor-300: 60 6.7% 97.1%; --text-000: 48 33.3% 97.1%; --text-100: 48 33.3% 97.1%; --text-200: 50 9% 73.7%; --text-300: 50 9% 73.7%; --text-400: 48 4.8% 59.2%; --text-500: 48 4.8% 59.2%; } #home-header { font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 400 !important; font-size: 50px; line-height: 1.2; margin-bottom: 1rem; color: --text-000; display: flex; align-items: baseline; justify-content: center; flex-wrap: nowrap; } #localization-select-trigger > :has(img[src*="flags"]) { display: none; } div[id^="localization-select-item"] > :has(img[src*="flags"]) { display: none; } /* Keep home header centered on all screen sizes */ @media (min-width: 768px) { #home-header { justify-content: center; } } .build-with { font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; letter-spacing: -0.02em; } .claude-wordmark-wrapper { display: inline-flex; align-items: baseline; margin-left: 10px; /* Space between "Build with" and the wordmark */ } .claude-wordmark { height: 40px; /* Adjust this value to match your desired size */ width: auto; position: relative; } .dark #home-header { color: white; } .description-text { color: black; } .dark .description-text { color: white; } .dark .claude-wordmark { filter: invert(1); } :root { --bg-color: #f0efea; } .dark { --bg-color: #2b2b2b; } body, input, #category-select, .dropdown-item, #table-of-contents { font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .eyebrow { font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.02rem; } #content-container { font-family: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } #content-container h1, #content-container h2, #content-container h3, #content-container h4, #content-container h5, #content-container h6 { font-family: "Anthropic Serif Display", Georgia, "Times New Roman", Times, serif; font-weight: 400; /* Mintlify applies tracking-tight (-0.025em) to #page-title, which collapses word gaps in Serif Display's already-narrow space glyph. Reset tracking to the font's natural metrics and widen word gaps slightly. */ letter-spacing: 0; word-spacing: 0.1em; } #content-container p { font-size: 1rem; line-height: 1.65rem; } .font-extrabold { font-weight: 600 !important; } .wide-table { width: 100%; overflow-x: auto; } .wide-table table { width: 175%; margin-bottom: 0; } /* Prompt Library */ #prompt-library-container { margin: 4rem auto; max-width: 48rem; padding-left: 1.25rem; padding-right: 1.25rem; } .prompt-library-title { font-size: 24px; text-align: center; font-weight: 700; color: #1f2937; } .dark .prompt-library-title { color: #e5e7eb; } .prompt-library-description { margin-top: 1rem; text-align: center; } .main-content { margin-bottom: 10rem; max-width: 64rem; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; } .prompt-controllers { display: flex; gap: 0.5rem; } .prompt-search-container { position: relative; flex: 1 1 0%; } .prompt-search-icon-container { display: flex; position: absolute; top: 0; bottom: 0; left: 0; align-items: center; padding-left: 0.75rem; } .prompt-search-icon { margin-left: 0.25rem; margin-right: 0.75rem; flex: none; width: 1rem; height: 1rem; background-color: #6b7280; mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg); mask-repeat: no-repeat; mask-position: center center; } input.prompt-search-bar { display: block; height: 2.5rem; padding-left: 2.5rem; border-radius: 0.75rem; border-width: 1px; background-color: #ffffff; width: 100%; color: #111827; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .dark input.prompt-search-bar { color: #ffffff; background-color: rgb(var(--background-dark)); border-color: #d1d5db1a; } input.prompt-search-bar:focus { outline-color: rgb(var(--primary)); } .dark input.prompt-search-bar:focus { outline-color: rgb(var(--primary-light)); } .dark .prompt-search-icon { background-color: #ffffff80; } #category-select { padding-left: 1rem; padding-right: 2.5rem; height: 2.5rem; display: flex; align-items: center; border-radius: 0.75rem; border-width: 1px; color: #111827; background-color: #ffffff; cursor: pointer; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); white-space: nowrap; } .dark #category-select { background-color: rgb(var(--background-dark)); border-color: #d1d5db1a; color: #ffffff; } #category-select:hover { background-color: #f9fafb; } .dark #category-select:hover { background-color: #ffffff0d; } #category-select:focus { outline-color: rgb(var(--primary)); } .dark #category-select:focus { outline-color: rgb(var(--primary-light)); } #categories-dropdown { top: calc(100% + 4px); padding: 0.5rem 0.5rem; display: none; position: absolute; z-index: 10; border-radius: 0.75rem; border-width: 1px; width: 100%; color: #111827; background-color: #ffffff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .dark #categories-dropdown { background-color: rgb(var(--background-dark)); border-color: #d1d5db1a; color: #ffffff; } #categories-dropdown-clickout { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .dropdown-icon-container { display: flex; position: absolute; top: 0; bottom: 0; right: 0; align-items: center; padding-right: 0.25rem; } .dropdown-icon { margin-left: 0.25rem; margin-right: 0.75rem; flex: none; width: 0.75rem; height: 0.75rem; background-color: #6b7280; mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/caret-down.svg); mask-repeat: no-repeat; mask-position: center center; } .dark .dropdown-icon { background-color: #ffffff80; } #prompts-container { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; } .dropdown-item { padding: 0.25rem 0.5rem; border-radius: 0.375rem; display: flex; align-items: center; cursor: pointer; } .dropdown-item:hover { background-color: #f9fafb; } .dark .dropdown-item:hover { background-color: #ffffff0d; } .check-icon { mask-image: url(https://mintlify.b-cdn.net/v6.5.1/solid/check.svg); height: 0.875rem; width: 1rem; background-color: rgb(var(--primary-light)); mask-repeat: no-repeat; mask-position: center center; } .prompt-card { margin: -0.75rem; padding: 0.75rem; display: flex; border-radius: 1rem; } .prompt-card:hover { background-color: #03071208; } .dark .prompt-card:hover { background-color: #ffffff08; } .prompt-icon-container { display: flex; flex: none; align-items: center; justify-content: center; margin-right: 1.5rem; border-radius: 0.75rem; height: 4rem; width: 4rem; background-color: #cb785c1a; } .prompt-icon { height: 1.5rem; width: 1.5rem; background-color: rgb(var(--primary-light)); mask-repeat: no-repeat; mask-position: center center; } .prompt-title { color: rgb(31 41 55); font-weight: 600; } .dark .prompt-title { color: rgb(229 231 235); } .prompt-description { margin-top: 0.25rem; } #prompts-container { display: grid; margin-top: 2.5rem; } @media (min-width: 640px) { #category-select { width: 16rem; } } @media (min-width: 1024px) { #prompts-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Home page card styling */ .home-cards-custom { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); gap: 1.5rem; } .home-cards-custom .card { background: transparent; border: 0.5px solid hsl(var(--border-300)); border-radius: 12px; padding: 0.25rem; } /* Responsive: change to 2 columns on tablet, single column on mobile */ @media (max-width: 1024px) { .home-cards-custom { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); } } @media (max-width: 768px) { .home-cards-custom { grid-template-columns: 1fr; grid-template-rows: repeat(6, auto); } } /* Utility classes */ .relative { position: relative; } .flex-1 { flex: 1 1 0%; } /* Mermaid diagram styling with graph paper background using Anthropic brand colors */ .mermaid { position: relative; background-color: #FDFDFB; /* Very light version of neutral #F0F0EB */ background-image: linear-gradient(rgba(235, 219, 188, .25) 1px, transparent 1px), /* Secondary color #EBDBBC with low opacity */ linear-gradient(90deg, rgba(235, 219, 188, .25) 1px, transparent 1px), linear-gradient(rgba(235, 219, 188, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(235, 219, 188, .1) 1px, transparent 1px); background-size: 20px 20px, 20px 20px, 4px 4px, 4px 4px; background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px; padding: 20px; border-radius: 8px; border: 1px solid rgba(235, 219, 188, .4); /* Secondary color border */ box-shadow: 0 2px 4px rgba(64, 64, 62, 0.08); /* Subtle shadow using #40403E */ } .dark .mermaid { background-color: #1a1918; /* Dark version maintaining brand tone */ background-image: linear-gradient(rgba(212, 162, 127, .15) 1px, transparent 1px), /* Tertiary color #D4A27F with low opacity */ linear-gradient(90deg, rgba(212, 162, 127, .15) 1px, transparent 1px), linear-gradient(rgba(212, 162, 127, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(212, 162, 127, .08) 1px, transparent 1px); border: 1px solid rgba(102, 102, 99, .5); /* Using #666663 from brand */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } /* ============================================================ What's New digest — feature block component ============================================================ */ .digest-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem 1rem; padding: 0.75rem 1rem; margin: 1.5rem 0 2.5rem; border: 1px solid hsl(var(--border-300) / 0.15); background: hsl(var(--bg-200)); font-variant-numeric: tabular-nums; font-size: 0.875rem; color: hsl(var(--text-400)); } #content-container .digest-meta a { color: hsl(var(--accent-main-100)); font-weight: 500; text-decoration: none; border-bottom: none; } #content-container .digest-meta a:hover { text-decoration: underline; } .digest-feature { position: relative; margin: 2.5rem 0; padding: 1.875rem 1.875rem 1.625rem; background: radial-gradient(circle, hsl(var(--text-000) / 0.025) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(180deg, hsl(var(--constant-manilla) / 0.55), hsl(var(--constant-manilla) / 0.38)); border: 1px solid hsl(var(--border-300) / 0.12); box-shadow: inset 0 1px 0 hsl(var(--text-000) / 0.04), 0 1px 2px hsl(var(--always-black) / 0.04); } .digest-feature::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: hsl(var(--accent-brand)); } .dark .digest-feature { background: radial-gradient(circle, hsl(var(--text-000) / 0.02) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(180deg, hsl(var(--bg-000) / 0.75), hsl(var(--bg-000) / 0.5)); border-color: hsl(var(--border-300) / 0.1); box-shadow: inset 0 1px 0 hsl(var(--text-000) / 0.03), 0 1px 2px hsl(var(--always-black) / 0.25); } .digest-feature > :first-child { margin-top: 0; } .digest-feature > :last-child { margin-bottom: 0; } .digest-feature-header { display: flex; align-items: center; flex-wrap: wrap; gap: 0.625rem; margin: 0 0 0.75rem; } #content-container .digest-feature-title { font-family: "Anthropic Serif Display", Georgia, serif; font-size: 1.75rem; line-height: 1.15; font-weight: 500; letter-spacing: -0.015em; color: hsl(var(--text-000)); margin: 0; } #content-container .digest-feature-pill { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 0.75rem; line-height: 1; letter-spacing: 0.01em; padding: 0.3rem 0.6rem; border-radius: 999px; background: hsl(var(--accent-brand) / 0.12); color: hsl(var(--accent-main-000)); border: 1px solid hsl(var(--accent-brand) / 0.25); white-space: nowrap; transform: translateY(1px); } #content-container .digest-feature-lede { font-size: 1.0625rem; line-height: 1.65; color: hsl(var(--text-100)); margin: 0 0 1.25rem; max-width: none; } #content-container .digest-feature-lede code { font-size: 0.875em; padding: 0.1em 0.35em; } #content-container .digest-feature-try { font-size: 0.875rem; color: hsl(var(--text-400)); margin: 1.25rem 0 0.5rem; } #content-container .digest-feature .frame { margin: 1rem 0; border-radius: 0; padding: 0; } #content-container .digest-feature .frame > * { border-radius: 0; } #content-container .digest-feature pre, #content-container .digest-feature [class*="CodeBlock"] { border-radius: 0; } #content-container .digest-feature-link { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.875rem; font-weight: 500; color: hsl(var(--accent-main-100)); text-decoration: none; border-bottom: none; margin-top: 0.75rem; } #content-container .digest-feature-link::after { content: "→"; transition: transform 120ms ease-out; } #content-container .digest-feature-link:hover::after { transform: translateX(3px); } /* Other wins — compact companion block */ .digest-wins { margin: 2.5rem 0; padding: 1.5rem 1.75rem 1.25rem; background: hsl(var(--bg-200)); border: 1px solid hsl(var(--border-300) / 0.1); } .dark .digest-wins { background: hsl(var(--bg-200) / 0.6); } #content-container .digest-wins-title { font-family: "Anthropic Serif Display", Georgia, serif; font-size: 1.25rem; font-weight: 500; color: hsl(var(--text-000)); margin: 0 0 0.75rem; } .digest-wins-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); column-gap: 2rem; } #content-container .digest-wins-grid > div { position: relative; font-size: 0.875rem; line-height: 1.5; color: hsl(var(--text-300)); padding: 0.5rem 0 0.5rem 1.125rem; border-top: 1px solid hsl(var(--border-300) / 0.06); margin: 0; } #content-container .digest-wins-grid > div::before { content: "+"; position: absolute; left: 0; top: 0.5rem; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 0.8125rem; font-weight: 600; color: hsl(var(--accent-brand)); } #content-container .digest-wins-grid > div:first-child, #content-container .digest-wins-grid > div:nth-child(2) { border-top: none; padding-top: 0; } #content-container .digest-wins-grid > div:first-child::before, #content-container .digest-wins-grid > div:nth-child(2)::before { top: 0; } #content-container .digest-wins-grid code { font-size: 0.8125rem; padding: 0.1em 0.3em; } /* ============================================================ Collapsible right table of contents (toggled by toc-collapse.js) ============================================================ */ /* Dimensions mirrored from Mintlify's compiled mint-theme layout. If a Mintlify update moves the button or the collapsed reading column, re-measure these on a rendered page. */ :root { --toc-wrapper-max: 92rem; /* centered layout wrapper max-width */ --toc-wrapper-pad: 2rem; /* wrapper right padding */ --toc-col: 19rem; /* ToC column width, incl. its 2.5rem left padding */ --toc-side: 28rem; /* side column space #content-area reserves */ --toc-btn-size: 1.75rem; /* ours, not mirrored: the toggle's diameter */ } /* Hidden by default: below the xl breakpoint Mintlify hides the ToC anyway, and pages that render no ToC (wide-mode pages) get no toggle. */ #toc-collapse-toggle { display: none; align-items: center; justify-content: center; position: fixed; top: 10rem; /* Sits just left of the ToC column, inside its 2.5rem left-padding strip: at the column's left edge, minus the button's own width and a small gap. 100% rather than 100vw so a classic scrollbar doesn't shift the math (percentages on fixed elements resolve against the layout viewport). */ right: calc( max((100% - var(--toc-wrapper-max)) / 2, 0px) + var(--toc-wrapper-pad) + var(--toc-col) - var(--toc-btn-size) - 0.35rem ); transition: right 200ms ease-out; z-index: 30; width: var(--toc-btn-size); height: var(--toc-btn-size); border-radius: 9999px; border: 1px solid hsl(var(--border-300) / 0.15); background: hsl(var(--bg-100)); color: hsl(var(--text-400)); cursor: pointer; } #toc-collapse-toggle:hover { background: hsl(var(--bg-300)); color: hsl(var(--text-100)); } #toc-collapse-toggle svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } /* The list glyph only appears while the button is parked at the right edge, so the collapsed control still reads as the table of contents. */ #toc-collapse-toggle .toc-glyph { display: none; stroke-width: 2; } /* A fixed-position button would repeat on every printed page. */ @media print { #toc-collapse-toggle { display: none !important; } } @media (prefers-reduced-motion: reduce) { #toc-collapse-toggle { transition: none; } } @media (min-width: 1280px) { html:has(#table-of-contents-layout) #toc-collapse-toggle { display: flex; } html.toc-collapsed #toc-collapse-toggle .toc-chevron { transform: rotate(180deg); } /* The column is gone while collapsed, so the button moves to the right edge where the restored ToC will reappear, widening into a pill that pairs the chevron with the list glyph. */ html.toc-collapsed #toc-collapse-toggle { right: 0.5rem; width: auto; padding: 0 0.5rem; gap: 0.25rem; } html.toc-collapsed #toc-collapse-toggle .toc-glyph { display: block; } html.toc-collapsed #table-of-contents-layout { display: none !important; } /* Also hide the side column's wrapper: left in flow at zero width, it keeps its 3rem flex gap as dead space at the right edge. Scoped with :has() so the wrapper is untouched when it holds other content, such as the open assistant panel. */ html.toc-collapsed #content-side-layout:has(#table-of-contents-layout) { display: none !important; } /* Mintlify sizes the content column assuming the side column is present (xl:w-[calc(100%-28rem)]); reclaim that space when collapsed. Scoped with :has() so pages that render no ToC, such as wide-mode pages, keep their own layout. Written out twice rather than nested: CSS nesting shipped later than :has(), so nesting here would break the cap in browsers that pass the :has() support guard. */ html.toc-collapsed #content-container:has(#table-of-contents-layout) #content-area { width: 100% !important; } /* Safety bound on the widened reading column. The centered wrapper already caps overall width, so today this only bites at the wrapper's max, where it equals the natural content width; it exists so line length can't run away if the wrapper cap ever changes. */ html.toc-collapsed #content-container:has(#table-of-contents-layout) #content-area > * { max-width: calc(var(--toc-wrapper-max) - var(--toc-side)); } } @media (max-width: 640px) { .digest-feature { padding: 1.25rem 1rem 1rem; margin: 1.5rem 0; } #content-container .digest-feature-title { font-size: 1.375rem; } .digest-wins { padding: 1.25rem 1rem 1rem; } .digest-wins-grid { grid-template-columns: 1fr; } #content-container .digest-wins-grid > div:nth-child(2) { border-top: 1px solid hsl(var(--border-300) / 0.06); padding-top: 0.5rem; } #content-container .digest-wins-grid > div:nth-child(2)::before { top: 0.5rem; } } 5d:["$","style","1",{"data-custom-css-index":1,"data-custom-css-path":"style.css","dangerouslySetInnerHTML":{"__html":"$64"}}]