1<!DOCTYPE html><!--wrOKTru05OfamVKJb8pv1--><html lang="en" class="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/01d67e7cc17e7674-s.p.5b396bc1.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/0c8c4ded07fff55c-s.p.5c4452a7.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/real.webp" as="image" type="image/webp" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/chunks/bf0e30babe5d0e65.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/c2ee7b15dc2d5679.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/32e639b74e52cfbb.js"/>
1<script src="/_next/static/chunks/90b4fc3e9a5c96a3.js" async=""></script>
1<script src="/_next/static/chunks/8c633ab8a13c384e.js" async=""></script>
1<script src="/_next/static/chunks/166b35518e65b4e4.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-8aad67fc3d60e38a.js" async=""></script>
1<script src="/_next/static/chunks/c9d9ccc0ea68290b.js" async=""></script>
1<script src="/_next/static/chunks/54e299a82707f8e7.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/d2be314c3ece3fbe.js" async=""></script>
1<script src="/_next/static/chunks/8e80b76c8febe835.js" async=""></script>
1<script src="/_next/static/chunks/fff6ff0aa07a5f6d.js" async=""></script>
1<script src="/_next/static/chunks/36ce68412e038a65.js" async=""></script>
1<link rel="preload" href="/real.webp" as="image" type="image/webp" fetchPriority="high"/><meta name="next-size-adjust" content=""/><title>Introduction | Trace Documentation</title><meta name="description" content="Trace is a Chrome extension paired with a local coding agent â build and debug real apps, live, on your own machine."/><meta name="author" content="Trace Team"/><meta name="keywords" content="coding agent,devtools,web development,browser agent,AI coding,productivity,debugging"/><meta property="og:title" content="Trace | Powerful coding agent right where you work"/><meta property="og:description" content="Code, Chat with DevTools to debug, use the terminal, edit files, and run subagents â all inside a single browser tab."/><meta property="og:url" content="https://gettrace.dev"/><meta property="og:site_name" content="Trace"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://gettrace.dev/tracelogo.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Trace - Powerful coding agent right where you work"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@trace"/><meta name="twitter:title" content="Trace | Powerful coding agent right where you work"/><meta name="twitter:description" content="Code, Chat with DevTools to debug, use the terminal, edit files, and run subagents â all inside a single browser tab."/><meta name="twitter:image" content="https://gettrace.dev/tracelogo.png"/><link rel="icon" href="/icon.png"/><link rel="apple-touch-icon" href="/icon.png"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Trace","operatingSystem":"Web, Windows, macOS, Linux","applicationCategory":"DeveloperApplication","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"description":"Code, Chat with DevTools to debug, use the terminal, edit files, and run subagents â all inside a single browser tab.","url":"https://gettrace.dev"}</script>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geist_deef94d5-module__Sms4YG__variable geist_mono_1bf8cbf6-module__FlyLvG__variable jetbrains_mono_84d6efd-module__5Hl15a__variable pixelify_sans_cf8cd2ee-module__4cI9Wa__variable vt323_79adec8c-module__bXofTa__variable antialiased bg-white dark:bg-[#050505] text-zinc-900 dark:text-white selection:bg-zinc-500/30"><div hidden=""><!--$--><!--/$--></div><div style="visibility:hidden"><div class="min-h-screen bg-[#fbfbfb] dark:bg-[#070709] text-zinc-900 dark:text-zinc-100 flex flex-col font-sans selection:bg-zinc-500/20 pt-16"><nav class="fixed top-0 left-0 right-0 z-50 bg-[#040406]/80 backdrop-blur-xl border-b border-white/[0.05] transition-all duration-300 font-mono"><div class="max-w-7xl mx-auto px-6 h-14 flex items-center justify-between"><div class="flex items-center gap-6 sm:gap-8"><a class="flex items-center gap-2.5 group transition-opacity hover:opacity-90" href="/"><div class="w-7 h-7 rounded-md overflow-hidden bg-white/[0.04] border border-white/[0.12] group-hover:border-white/30 flex items-center justify-center transition-all p-1"><img alt="Trace" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="w-full h-full object-contain" style="color:transparent" srcSet="/_next/image?url=%2Ftracelogo-white.png&w=32&q=75 1x, /_next/image?url=%2Ftracelogo-white.png&w=48&q=75 2x" src="/_next/image?url=%2Ftracelogo-white.png&w=48&q=75"/></div><span class="text-[15px] font-medium tracking-tight text-white/95">trace</span></a><div class="hidden md:flex items-center gap-6 text-[13px] text-zinc-400 font-sans"><a class="flex items-center gap-1.5 hover:text-white transition-colors duration-150" href="/desktop"><span>Desktop</span><span class="px-1.5 py-0.5 text-[10px] font-mono leading-none rounded-full bg-emerald-500/10 text-emerald-400 border border-emerald-500/25">new</span></a><a class="hover:text-white transition-colors duration-150" href="/docs">Docs</a><a class="hover:text-white transition-colors duration-150" href="/pricing">Pricing</a></div></div><div class="hidden md:flex items-center gap-4 text-xs font-mono"><a href="https://discord.gg/FmWuHSnWX" target="_blank" rel="noopener noreferrer" class="p-1.5 text-zinc-400 hover:text-white transition-colors" aria-label="Discord Community"><svg class="w-4 h-4 fill-current" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994.021-.041.001-.09-.041-.106a13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.929 1.793 8.18 1.793 12.061 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.894.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.028zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"></path></svg></a><div class="w-px h-3.5 bg-white/[0.1] mx-0.5"></div><a class="inline-flex items-center px-3.5 py-1.5 rounded-md bg-white text-black font-medium text-xs hover:bg-zinc-200 transition-colors shadow-xs" href="/login">Login</a></div><button class="md:hidden p-2 rounded-md border border-white/10 bg-white/[0.04] text-zinc-300 hover:text-white transition-colors" aria-label="Open mobile menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-4 h-4" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></nav><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><header class="sticky top-16 z-30 w-full border-b border-zinc-200/80 dark:border-zinc-800/80 bg-[#fbfbfb]/90 dark:bg-[#070709]/90 backdrop-blur-md"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-12 flex items-center justify-between gap-3"><nav class="flex items-center gap-1 sm:gap-1.5 overflow-x-auto no-scrollbar py-1"><a class="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-mono whitespace-nowrap transition-all bg-white dark:bg-zinc-800 text-zinc-950 dark:text-white font-semibold shadow-xs border border-zinc-200/90 dark:border-zinc-700/60" href="/docs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid w-3.5 h-3.5 shrink-0 text-zinc-950 dark:text-white" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg><span>Overview</span></a><a class="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-mono whitespace-nowrap transition-all text-zinc-600 hover:text-zinc-950 dark:text-zinc-400 dark:hover:text-white hover:bg-white/60 dark:hover:bg-zinc-900/50" href="/docs/quickstart"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-3.5 h-3.5 shrink-0 text-zinc-400 dark:text-zinc-500" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span>Installation</span></a><a class="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-mono whitespace-nowrap transition-all text-zinc-600 hover:text-zinc-950 dark:text-zinc-400 dark:hover:text-white hover:bg-white/60 dark:hover:bg-zinc-900/50" href="/docs/features/swarm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-3.5 h-3.5 shrink-0 text-zinc-400 dark:text-zinc-500" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg><span>Features</span></a><a class="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-mono whitespace-nowrap transition-all text-zinc-600 hover:text-zinc-950 dark:text-zinc-400 dark:hover:text-white hover:bg-white/60 dark:hover:bg-zinc-900/50" href="/docs/concepts/workspaces"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-tree w-3.5 h-3.5 shrink-0 text-zinc-400 dark:text-zinc-500" aria-hidden="true"><path d="M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"></path><path d="M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"></path><path d="M3 5a2 2 0 0 0 2 2h3"></path><path d="M3 3v13a2 2 0 0 0 2 2h3"></path></svg><span>Core Concepts</span></a><a class="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-mono whitespace-nowrap transition-all text-zinc-600 hover:text-zinc-950 dark:text-zinc-400 dark:hover:text-white hover:bg-white/60 dark:hover:bg-zinc-900/50" href="/docs/troubleshooting"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-life-buoy w-3.5 h-3.5 shrink-0 text-zinc-400 dark:text-zinc-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m4.93 4.93 4.24 4.24"></path><path d="m14.83 9.17 4.24-4.24"></path><path d="m14.83 14.83 4.24 4.24"></path><path d="m9.17 14.83-4.24 4.24"></path><circle cx="12" cy="12" r="4"></circle></svg><span>Troubleshooting</span></a></nav><div class="flex items-center gap-2 shrink-0"><button class="flex items-center gap-2 px-3 py-1.5 rounded-lg border border-zinc-200/90 dark:border-zinc-800 bg-white dark:bg-zinc-900/80 hover:border-zinc-300 dark:hover:border-zinc-700 text-xs font-mono text-zinc-600 dark:text-zinc-400 hover:text-zinc-950 dark:hover:text-white transition-all shadow-xs cursor-pointer" aria-label="Search Documentation (âK)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-3.5 h-3.5 text-zinc-400 shrink-0" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><span class="hidden sm:inline">Search docs...</span><kbd class="hidden sm:inline-flex items-center px-1.5 py-0.5 text-[10px] font-mono bg-zinc-100 dark:bg-zinc-800 border border-zinc-200 dark:border-zinc-700 rounded text-zinc-600 dark:text-zinc-400 font-semibold">âK</kbd></button></div></div></header><div class="flex-1 flex w-full mx-auto relative max-w-6xl"><main class="flex-1 min-w-0 px-5 sm:px-8 lg:px-12 py-8 lg:py-12"><div class="max-w-5xl mx-auto"><div class="space-y-12"><div class="max-w-2xl"><div class="inline-flex items-center gap-2 px-2.5 py-1 rounded-full text-xs font-mono font-medium text-zinc-600 dark:text-zinc-400 bg-zinc-100 dark:bg-zinc-800/80 border border-zinc-200/80 dark:border-zinc-700/80 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3 h-3 text-zinc-700 dark:text-zinc-300" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594
11.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span>Documentation</span></div><h1 class="text-4xl sm:text-5xl lg:text-6xl font-black tracking-tight text-zinc-900 dark:text-white mb-4 leading-tight">Trace</h1><p class="text-base sm:text-lg text-zinc-600 dark:text-zinc-400 leading-relaxed font-sans mb-6">A Chrome extension paired with a local coding agent. Describe what you want built or fixed, and Trace reads and edits your actual project files, runs commands, and shows you the result â without leaving the browser.</p><div class="flex flex-wrap items-center gap-3"><a class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 text-sm font-semibold hover:opacity-90 transition-all shadow-sm" href="/docs/quickstart"><span>Quickstart</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="inline-flex items-center gap-2 px-4 py-2 rounded-lg border border-zinc-300 dark:border-zinc-700 text-zinc-700 dark:text-zinc-300 text-sm font-semibold hover:border-zinc-400 dark:hover:border-zinc-600 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-all" href="/docs/troubleshooting"><span>Troubleshooting</span></a><a href="https://discord.gg/FmWuHSnWX" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-zinc-500 dark:text-zinc-400 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg><span>Join Discord</span></a></div></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-5"><a class="group rounded-2xl border border-zinc-200/90 dark:border-zinc-800 overflow-hidden bg-white dark:bg-[#0c0c0e] hover:border-zinc-400 dark:hover:border-zinc-600 hover:shadow-lg transition-all duration-300 flex flex-col" href="/docs/quickstart"><div class="relative h-44 bg-gradient-to-br from-emerald-500 via-emerald-700 to-emerald-950 flex items-center justify-center overflow-hidden"><div class="absolute inset-0 bg-[url('/noise.png')] opacity-25 mix-blend-overlay"></div><div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-white/10"></div><div class="relative z-10 group-hover:scale-[1.03] transition-transform duration-300 flex items-center justify-center w-full h-full p-4"><div class="w-[88%] rounded-lg bg-black/50 border border-white/10 overflow-hidden shadow-2xl backdrop-blur-sm"><div class="flex items-center gap-1.5 px-3 py-2 border-b border-white/10 bg-black/30"><span class="w-2.5 h-2.5 rounded-full bg-red-400/80"></span><span class="w-2.5 h-2.5 rounded-full bg-yellow-400/80"></span><span class="w-2.5 h-2.5 rounded-full bg-green-400/80"></span></div><div class="px-3.5 py-3 font-mono text-[11px] leading-relaxed"><div class="text-emerald-300">$ curl -fsSL .../install.sh | bash</div><div class="text-emerald-200/60 mt-1">â Agent installed <span class="inline-block w-1.5 h-3 bg-emerald-300 align-middle ml-1 animate-pulse"></span></div></div></div></div></div><div class="p-5 flex items-start justify-between gap-3 flex-1"><div><h2 class="text-base font-bold text-zinc-900 dark:text-white mb-1 group-hover:text-zinc-700 dark:group-hover:text-zinc-200 transition-colors">Installation</h2><p class="text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed">Install the extension, connect the local agent, ship your first change</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-zinc-400 shrink-0 mt-1 group-hover:translate-x-1 group-hover:text-zinc-900 dark:group-hover:text-white transition-all" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group rounded-2xl border border-zinc-200/90 dark:border-zinc-800 overflow-hidden bg-white dark:bg-[#0c0c0e] hover:border-zinc-400 dark:hover:border-zinc-600 hover:shadow-lg transition-all duration-300 flex flex-col" href="/docs/features/swarm"><div class="relative h-44 bg-gradient-to-br from-violet-500 via-violet-700 to-violet-950 flex items-center justify-center overflow-hidden"><div class="absolute inset-0 bg-[url('/noise.png')] opacity-25 mix-blend-overlay"></div><div class="absolute inset-0 bg-gradient-to-t from-black/40 via-trans
1parent to-white/10"></div><div class="relative z-10 group-hover:scale-[1.03] transition-transform duration-300 flex items-center justify-center w-full h-full p-4"><div class="relative w-[75%] h-24 flex items-center justify-center"><div class="absolute inset-x-0 top-0 -rotate-6 opacity-60 h-12 rounded-xl bg-black/40 border border-white/15 backdrop-blur-sm flex items-center gap-2.5 px-3.5 shadow-lg"></div><div class="absolute inset-x-0 top-3 rotate-3 opacity-80 h-12 rounded-xl bg-black/40 border border-white/15 backdrop-blur-sm flex items-center gap-2.5 px-3.5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette w-3.5 h-3.5 text-white/60 shrink-0 ml-auto mr-1" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg></div><div class="absolute inset-x-0 top-6 rotate-0 opacity-100 h-12 rounded-xl bg-black/40 border border-white/15 backdrop-blur-sm flex items-center gap-2.5 px-3.5 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-3.5 h-3.5 text-white/80 shrink-0" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg><span class="text-[11px] font-mono text-white/90 font-medium">Swarm Fleet</span></div></div></div></div><div class="p-5 flex items-start justify-between gap-3 flex-1"><div><h2 class="text-base font-bold text-zinc-900 dark:text-white mb-1 group-hover:text-zinc-700 dark:group-hover:text-zinc-200 transition-colors">Features</h2><p class="text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed">Swarm Fleet, Canvas visual edit, and everything else Trace can do</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-zinc-400 shrink-0 mt-1 group-hover:translate-x-1 group-hover:text-zinc-900 dark:group-hover:text-white transition-all" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group rounded-2xl border border-zinc-200/90 dark:border-zinc-800 overflow-hidden bg-white dark:bg-[#0c0c0e] hover:border-zinc-400 dark:hover:border-zinc-600 hover:shadow-lg transition-all duration-300 flex flex-col" href="/docs/concepts/workspaces"><div class="relative h-44 bg-gradient-to-br from-blue-500 via-blue-700 to-blue-950 flex items-center justify-center overflow-hidden"><div class="absolute inset-0 bg-[url('/noise.png')] opacity-25 mix-blend-overlay"></div><div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-white/10"></div><div class="relative z-10 group-hover:scale-[1.03] transition-transform duration-300 flex items-center justify-center w-full h-full p-4"><div class="w-[82%] rounded-lg bg-black/45 border border-white/10 backdrop-blur-sm px-3.5 py-2.5 space-y-1.5 shadow-xl"><div class="flex items-center gap-1.5 text-[11px] font-mono text-white/80" style="padding-left:0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder w-3.5 h-3.5 text-white/60 shrink-0" aria-hidden="true"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"></path></svg><span class="truncate">greenfield</span></div><div class="flex items-center gap-1.5 text-[11px] font-mono text-white/80" style="padding-left:14px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3 text-white/40 shrink-0 -ml-1" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder w-3.5 h-3.5 text-white/60 shrink-0" aria-hidden="true"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"></path></svg><span class="truncate">landing-page</span></div><div class="flex items-center gap-1.5 text-[11px] font-mono text-white/80" style="padding-left:28px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3 text-white/40 shrink-0 -ml-1" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder w-3.5 h-3.5 text-white/60 shrink-0" aria-hidden="true"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"></path></svg><span class="truncate">src</span></div></div></div></div><div class="p-5 flex items-start justify-between gap-3 flex-1"><div><h2 class="text-base font-bold text-zinc-900 dark:text-white mb-1 group-hover:text-zinc-700 dark:group-hover:text-zinc-200 transition-colors">Core Concepts</h2><p class="text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed">Workspaces, projects, models, and reasoning effort</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-zinc-400 shrink-0 mt-1 group-hover:translate-x-1 group-hover:text-zinc-900 dark:group-hover:text-white transition-all" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group rounded-2xl border border-zinc-200/90 dark:border-zinc-800 overflow-hidden bg-white dark:bg-[#0c0c0e] hover:border-zinc-400 dark:hover:border-zinc-600 hover:shadow-lg transition-all duration-300 flex flex-col" href="/docs/troubleshooting"><div class="relative h-44 bg-gradient-to-br from-amber-500 via-amber-700 to-amber-950 flex items-center justify-center overflow-hidden"><div class="absolute inset-0 bg-[url('/noise.png')] opacity-25 mix-blend-overlay"></div><div class="absolute inset-0 bg-gradient-to-t from-black/40 via-trans
1parent to-white/10"></div><div class="relative z-10 group-hover:scale-[1.03] transition-transform duration-300 flex items-center justify-center w-full h-full p-4"><div class="w-[80%] space-y-2"><div class="flex items-center gap-2.5 rounded-lg bg-black/45 border border-white/10 backdrop-blur-sm px-3.5 py-2 shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert w-3.5 h-3.5 text-amber-300 shrink-0" aria-hidden="true"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><span class="text-[11px] font-mono text-white/80">High demand â retryingâ¦</span></div><div class="flex items-center gap-2.5 rounded-lg bg-black/45 border border-white/10 backdrop-blur-sm px-3.5 py-2 shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3.5 h-3.5 text-emerald-400 shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-[11px] font-mono text-emerald-200 font-medium">Connected</span></div></div></div></div><div class="p-5 flex items-start justify-between gap-3 flex-1"><div><h2 class="text-base font-bold text-zinc-900 dark:text-white mb-1 group-hover:text-zinc-700 dark:group-hover:text-zinc-200 transition-colors">Troubleshooting</h2><p class="text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed">Connection errors, security warnings, and full resets</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-zinc-400 shrink-0 mt-1 group-hover:translate-x-1 group-hover:text-zinc-900 dark:group-hover:text-white transition-all" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div class="pt-8 border-t border-zinc-200/80 dark:border-zinc-800/80 space-y-4"><h2 class="text-lg font-bold text-zinc-950 dark:text-white tracking-tight font-mono">How it fits together</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="p-4 sm:p-5 rounded-xl border border-zinc-200/90 dark:border-zinc-800/80 bg-white dark:bg-zinc-900/30 shadow-2xs"><div class="flex items-center gap-2 mb-2"><span class="px-2 py-0.5 rounded text-[11px] font-mono font-bold bg-zinc-100 dark:bg-zinc-800 text-zinc-800 dark:text-zinc-200 border border-zinc-200 dark:border-zinc-700/60">01</span><span class="text-sm font-bold text-zinc-950 dark:text-white font-mono">The Chrome extension</span></div><p class="text-[13.5px] text-zinc-700 dark:text-zinc-300 leading-relaxed">The side panel you chat with. It displays your conversation, model picker, file browser, and terminal directly docked beside whatever web app you are developing.</p></div><div class="p-4 sm:p-5 rounded-xl border border-zinc-200/90 dark:border-zinc-800/80 bg-white dark:bg-zinc-900/30 shadow-2xs"><div class="flex items-center gap-2 mb-2"><span class="px-2 py-0.5 rounded text-[11px] font-mono font-bold bg-zinc-100 dark:bg-zinc-800 text-zinc-800 dark:text-zinc-200 border border-zinc-200 dark:border-zinc-700/60">02</span><span class="text-sm font-bold text-zinc-950 dark:text-white font-mono">The local agent</span></div><p class="text-[13.5px] text-zinc-700 dark:text-zinc-300 leading-relaxed">A small background program installed once on your computer. It reads your actual project files, executes terminal commands, and talks to AI models on the extension'
1s behalf.</p></div></div></div></div><!--$--><!--/$--></div></main></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div></div>
1<script src="/_next/static/chunks/32e639b74e52cfbb.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[51884,[\"/_next/static/chunks/c9d9ccc0ea68290b.js\",\"/_next/static/chunks/54e299a82707f8e7.js\"],\"AuthProvider\"]\n3:I[28977,[\"/_next/static/chunks/c9d9ccc0ea68290b.js\",\"/_next/static/chunks/54e299a82707f8e7.js\"],\"AnalyticsProvider\"]\n4:I[14311,[\"/_next/static/chunks/c9d9ccc0ea68290b.js\",\"/_next/static/chunks/54e299a82707f8e7.js\"],\"ModalProvider\"]\n5:I[80492,[\"/_next/static/chunks/c9d9ccc0ea68290b.js\",\"/_next/static/chunks/54e299a82707f8e7.js\"],\"ThemeProvider\"]\n6:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n7:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n8:I[43880,[\"/_next/static/chunks/c9d9ccc0ea68290b.js\",\"/_next/static/chunks/54e299a82707f8e7.js\"],\"Analytics\"]\n9:I[92825,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ClientSegmentRoot\"]\na:I[72469,[\"/_next/static/chunks/c9d9ccc0ea68290b.js\",\"/_next/static/chunks/54e299a82707f8e7.js\",\"/_next/static/chunks/8e80b76c8febe835.js\",\"/_next/static/chunks/fff6ff0aa07a5f6d.js\",\"/_next/static/chunks/36ce68412e038a65.js\"],\"default\"]\n18:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n:HL[\"/_next/static/chunks/bf0e30babe5d0e65.css\",\"style\"]\n:HL[\"/_next/static/chunks/c2ee7b15dc2d5679.css\",\"style\"]\n:HL[\"/_next/static/media/01d67e7cc17e7674-s.p.5b396bc1.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/0c8c4ded07fff55c-s.p.5c4452a7.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/real.webp\",\"image\",{\"type\":\"image/webp\",\"fetchPriority\":\"high\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"wrOKTru05OfamVKJb8pv1\",\"c\":[\"\",\"docs\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"docs\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/bf0e30babe5d0e65.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/c2ee7b15dc2d5679.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/c9d9ccc0ea68290b.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/54e299a82707f8e7.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"dark\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/real.webp\",\"as\":\"image\",\"type\":\"image/webp\",\"fetchPriority\":\"high\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"Trace\\\",\\\"operatingSystem\\\":\\\"Web, Windows, macOS, Linux\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\"},\\\"description\\\":\\\"Code, Chat with DevTools to debug, use the terminal, edit files, and run subagents â all inside a single browser tab.\\\",\\\"url\\\":\\\"https://gettrace.dev\\\"}\"}}]]}],[\"$\",\"body\",null,{\"className\":\"geist_deef94d5-module__Sms4YG__variable geist_mono_1bf8cbf6-module__FlyLvG__variable jetbrains_mono_84d6efd-module__5Hl15a__variable pixelify_sans_cf8cd2ee-module__4cI9Wa__variable vt323_79adec8c-module__bXofTa__variable antialiased bg-white dark:bg-[#050505] text-zinc-900 dark:text-white selection:bg-zinc-500/30\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"children\":[[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L8\",null,{}]]}]}]}]}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/8e80b76c8febe835.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/fff6ff0aa07a5f6d.js\",\"async\":true,\"nonce\":\"$undefined\"}
1],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/36ce68412e038a65.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"Component\":\"$a\",\"slots\":{\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]},\"serverProvidedParams\":{\"params\":{},\"promises\":[\"$@b\"]}}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-2xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 px-2.5 py-1 rounded-full text-xs font-mono font-medium text-zinc-600 dark:text-zinc-400 bg-zinc-100 dark:bg-zinc-800/80 border border-zinc-200/80 dark:border-zinc-700/80 mb-4\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles w-3 h-3 text-zinc-700 dark:text-zinc-300\",\"aria-hidden\":\"true\",\"children\":[\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$undefined\"]}],\"$L10\"]}],\"$L11\",\"$L12\",\"$L13\"]}],\"$L14\",\"$L15\"]}],null,\"$L16\"]}],{},null,false,false]},null,false,false]},null,false,false],\"$L17\",false]],\"m\":\"$undefined\",\"G\":[\"$18\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"19:I[22016,[\"/_next/static/chunks/c9d9ccc0ea68290b.js\",\"/_next/static/chunks/54e299a82707f8e7.js\",\"/_next/static/chunks/8e80b76c8febe835.js\",\"/_next/static/chunks/fff6ff0aa07a5f6d.js\",\"/_next/static/chunks/36ce68412e038a65.js\"],\"\"]\n1f:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"OutletBoundary\"]\n20:\"$Sreact.suspense\"\n22:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ViewportBoundary\"]\n24:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"MetadataBoundary\"]\nc:[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}]\nd:[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}]\ne:[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}]\nf:[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}]\n10:[\"$\",\"span\",null,{\"children\":\"Documentation\"}]\n11:[\"$\",\"h1\",null,{\"className\":\"text-4xl sm:text-5xl lg:text-6xl font-black tracking-tight text-zinc-900 dark:text-white mb-4 leading-tight\",\"children\":\"Trace\"}]\n12:[\"$\",\"p\",null,{\"className\":\"text-base sm:text-lg text-zinc-600 dark:text-zinc-400 leading-relaxed font-sans mb-6\",\"children\":\"A Chrome extension paired with a local coding agent. Describe what you want built or fixed, and Trace reads and edits your actual project files, runs commands, and shows you the result â without leaving the browser.\"}]\n"])</script>
1<script>self.__next_f.push([1,"13:[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3\",\"children\":[[\"$\",\"$L19\",null,{\"href\":\"/docs/quickstart\",\"prefetch\":true,\"className\":\"inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-zinc-900 dark:bg-white text-white dark:text-zinc-900 text-sm font-semibold hover:opacity-90 transition-all shadow-sm\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Quickstart\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}],[\"$\",\"$L19\",null,{\"href\":\"/docs/troubleshooting\",\"prefetch\":true,\"className\":\"inline-flex items-center gap-2 px-4 py-2 rounded-lg border border-zinc-300 dark:border-zinc-700 text-zinc-700 dark:text-zinc-300 text-sm font-semibold hover:border-zinc-400 dark:hover:border-zinc-600 hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-all\",\"children\":[\"$\",\"span\",null,{\"children\":\"Troubleshooting\"}]}],[\"$\",\"a\",null,{\"href\":\"https://discord.gg/FmWuHSnWX\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-zinc-500 dark:text-zinc-400 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-message-circle w-4 h-4\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1sd12s\",{\"d\":\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"children\":\"Join Discord\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"14:[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 gap-5\",\"children\":[[\"$\",\"$L19\",\"/docs/quickstart\",{\"href\":\"/docs/quickstart\",\"prefetch\":true,\"className\":\"group rounded-2xl border border-zinc-200/90 dark:border-zinc-800 overflow-hidden bg-white dark:bg-[#0c0c0e] hover:border-zinc-400 dark:hover:border-zinc-600 hover:shadow-lg transition-all duration-300 flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-44 bg-gradient-to-br from-emerald-500 via-emerald-700 to-emerald-950 flex items-center justify-center overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[url('/noise.png')] opacity-25 mix-blend-overlay\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-white/10\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 group-hover:scale-[1.03] transition-transform duration-300 flex items-center justify-center w-full h-full p-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-[88%] rounded-lg bg-black/50 border border-white/10 overflow-hidden shadow-2xl backdrop-blur-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5 px-3 py-2 border-b border-white/10 bg-black/30\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2.5 h-2.5 rounded-full bg-red-400/80\"}],[\"$\",\"span\",null,{\"className\":\"w-2.5 h-2.5 rounded-full bg-yellow-400/80\"}],[\"$\",\"span\",null,{\"className\":\"w-2.5 h-2.5 rounded-full bg-green-400/80\"}]]}],[\"$\",\"div\",null,{\"className\":\"px-3.5 py-3 font-mono text-[11px] leading-relaxed\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-emerald-300\",\"children\":\"$$ curl -fsSL .../install.sh | bash\"}],[\"$\",\"div\",null,{\"className\":\"text-emerald-200/60 mt-1\",\"children\":[\"â Agent installed \",[\"$\",\"span\",null,{\"className\":\"inline-block w-1.5 h-3 bg-emerald-300 align-middle ml-1 animate-pulse\"}]]}]]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"p-5 flex items-start justify-between gap-3 flex-1\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-zinc-900 dark:text-white mb-1 group-hover:text-zinc-700 dark:group-hover:text-zinc-200 transition-colors\",\"children\":\"Installation\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed\",\"children\":\"Install the extension, connect the local agent, ship your first change\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 text-zinc-400 shrink-0 mt-1 group-hover:translate-x-1 group-hover:text-zinc-900 dark:group-hover:text-white transition-all\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}],[\"$\",\"$L19\",\"/docs/features/swarm\",{\"href\":\"/docs/features/swarm\",\"prefetch\":true,\"className\":\"group rounded-2xl border border-zinc-200/90 dark:border-zinc-800 overflow-hidden bg-white dark:bg-[#0c0c0e] hover:border-zinc-400 dark:hover:border-zinc-600 hover:shadow-lg transition-all duration-300 flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-44 bg-gradient-to-br from-violet-500 via-violet-700 to-violet-950 flex items-center justify-center overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[url('/noise.png')] opacity-25 mix-blend-overlay\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-white/10\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 group-hover:scale-[1.03] transition-transform duration-300 flex items-center justify-center w-full h-full p-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative w-[75%] h-24 flex items-center justify-center\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"absolute inset-x-0 top-0 -rotate-6 opacity-60 h-12 rounded-xl bg-black/40 border border-white/15 backdrop-blur-sm flex items-center gap-2.5 px-3.5 shadow-lg\",\"children\":[false,false,false]}],\"$L1a\",\"$L1b\"]}]}]]}],\"$L1c\"]}],\"$L1d\",\"$L1e\"]}]\n"])</script>
1<script>self.__next_f.push([1,"15:[\"$\",\"div\",null,{\"className\":\"pt-8 border-t border-zinc-200/80 dark:border-zinc-800/80 space-y-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-lg font-bold text-zinc-950 dark:text-white tracking-tight font-mono\",\"children\":\"How it fits together\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 gap-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-4 sm:p-5 rounded-xl border border-zinc-200/90 dark:border-zinc-800/80 bg-white dark:bg-zinc-900/30 shadow-2xs\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"px-2 py-0.5 rounded text-[11px] font-mono font-bold bg-zinc-100 dark:bg-zinc-800 text-zinc-800 dark:text-zinc-200 border border-zinc-200 dark:border-zinc-700/60\",\"children\":\"01\"}],[\"$\",\"span\",null,{\"className\":\"text-sm font-bold text-zinc-950 dark:text-white font-mono\",\"children\":\"The Chrome extension\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-[13.5px] text-zinc-700 dark:text-zinc-300 leading-relaxed\",\"children\":\"The side panel you chat with. It displays your conversation, model picker, file browser, and terminal directly docked beside whatever web app you are developing.\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-4 sm:p-5 rounded-xl border border-zinc-200/90 dark:border-zinc-800/80 bg-white dark:bg-zinc-900/30 shadow-2xs\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 mb-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"px-2 py-0.5 rounded text-[11px] font-mono font-bold bg-zinc-100 dark:bg-zinc-800 text-zinc-800 dark:text-zinc-200 border border-zinc-200 dark:border-zinc-700/60\",\"children\":\"02\"}],[\"$\",\"span\",null,{\"className\":\"text-sm font-bold text-zinc-950 dark:text-white font-mono\",\"children\":\"The local agent\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-[13.5px] text-zinc-700 dark:text-zinc-300 leading-relaxed\",\"children\":\"A small background program installed once on your computer. It reads your actual project files, executes terminal commands, and talks to AI models on the extension's behalf.\"}]]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"16:[\"$\",\"$L1f\",null,{\"children\":[\"$\",\"$20\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@21\"}]}]\n17:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L22\",null,{\"children\":\"$L23\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L24\",null,{\"children\":[\"$\",\"$20\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L25\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nb:\"$0:f:0:1:1:children:0:props:children:1:props:serverProvidedParams:params\"\n"])</script>
1<script>self.__next_f.push([1,"1a:[\"$\",\"div\",\"1\",{\"className\":\"absolute inset-x-0 top-3 rotate-3 opacity-80 h-12 rounded-xl bg-black/40 border border-white/15 backdrop-blur-sm flex items-center gap-2.5 px-3.5 shadow-lg\",\"children\":[false,false,[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-palette w-3.5 h-3.5 text-white/60 shrink-0 ml-auto mr-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"e79jfc\",{\"d\":\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"}],[\"$\",\"circle\",\"1okk4w\",{\"cx\":\"13.5\",\"cy\":\"6.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"f64h9f\",{\"cx\":\"17.5\",\"cy\":\"10.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"qy21gx\",{\"cx\":\"6.5\",\"cy\":\"12.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"fotxhn\",{\"cx\":\"8.5\",\"cy\":\"7.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],\"$undefined\"]}]]}]\n1b:[\"$\",\"div\",\"2\",{\"className\":\"absolute inset-x-0 top-6 rotate-0 opacity-100 h-12 rounded-xl bg-black/40 border border-white/15 backdrop-blur-sm flex items-center gap-2.5 px-3.5 shadow-lg\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-layers w-3.5 h-3.5 text-white/80 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"zw3jo\",{\"d\":\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"}],[\"$\",\"path\",\"1wduqc\",{\"d\":\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"}],[\"$\",\"path\",\"kqbvx6\",{\"d\":\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-[11px] font-mono text-white/90 font-medium\",\"children\":\"Swarm Fleet\"}],false]}]\n1c:[\"$\",\"div\",null,{\"className\":\"p-5 flex items-start justify-between gap-3 flex-1\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-zinc-900 dark:text-white mb-1 group-hover:text-zinc-700 dark:group-hover:text-zinc-200 transition-colors\",\"children\":\"Features\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed\",\"children\":\"Swarm Fleet, Canvas visual edit, and everything else Trace can do\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 text-zinc-400 shrink-0 mt-1 group-hover:translate-x-1 group-hover:text-zinc-900 dark:group-hover:text-white transition-all\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1d:[\"$\",\"$L19\",\"/docs/concepts/workspaces\",{\"href\":\"/docs/concepts/workspaces\",\"prefetch\":true,\"className\":\"group rounded-2xl border border-zinc-200/90 dark:border-zinc-800 overflow-hidden bg-white dark:bg-[#0c0c0e] hover:border-zinc-400 dark:hover:border-zinc-600 hover:shadow-lg transition-all duration-300 flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-44 bg-gradient-to-br from-blue-500 via-blue-700 to-blue-950 flex items-center justify-center overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[url('/noise.png')] opacity-25 mix-blend-overlay\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-white/10\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 group-hover:scale-[1.03] transition-transform duration-300 flex items-center justify-center w-full h-full p-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-[82%] rounded-lg bg-black/45 border border-white/10 backdrop-blur-sm px-3.5 py-2.5 space-y-1.5 shadow-xl\",\"children\":[[\"$\",\"div\",\"greenfield\",{\"className\":\"flex items-center gap-1.5 text-[11px] font-mono text-white/80\",\"style\":{\"paddingLeft\":0},\"children\":[false,[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-folder w-3.5 h-3.5 text-white/60 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1kt360\",{\"d\":\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"greenfield\"}]]}],[\"$\",\"div\",\"landing-page\",{\"className\":\"flex items-center gap-1.5 text-[11px] font-mono text-white/80\",\"style\":{\"paddingLeft\":14},\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3 h-3 text-white/40 shrink-0 -ml-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-folder w-3.5 h-3.5 text-white/60 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1kt360\",{\"d\":\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"landing-page\"}]]}],[\"$\",\"div\",\"src\",{\"className\":\"flex items-center gap-1.5 text-[11px] font-mono text-white/80\",\"style\":{\"paddingLeft\":28},\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-right w-3 h-3 text-white/40 shrink-0 -ml-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"mthhwq\",{\"d\":\"m9 18 6-6-6-6\"}],\"$undefined\"]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-folder w-3.5 h-3.5 text-white/60 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1kt360\",{\"d\":\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"src\"}]]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"p-5 flex items-start justify-between gap-3 flex-1\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-zinc-900 dark:text-white mb-1 group-hover:text-zinc-700 dark:group-hover:text-zinc-200 transition-colors\",\"children\":\"Core Concepts\"}],\"$L26\"]}],\"$L27\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1e:[\"$\",\"$L19\",\"/docs/troubleshooting\",{\"href\":\"/docs/troubleshooting\",\"prefetch\":true,\"className\":\"group rounded-2xl border border-zinc-200/90 dark:border-zinc-800 overflow-hidden bg-white dark:bg-[#0c0c0e] hover:border-zinc-400 dark:hover:border-zinc-600 hover:shadow-lg transition-all duration-300 flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-44 bg-gradient-to-br from-amber-500 via-amber-700 to-amber-950 flex items-center justify-center overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[url('/noise.png')] opacity-25 mix-blend-overlay\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-white/10\"}],[\"$\",\"div\",null,{\"className\":\"relative z-10 group-hover:scale-[1.03] transition-transform duration-300 flex items-center justify-center w-full h-full p-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-[80%] space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2.5 rounded-lg bg-black/45 border border-white/10 backdrop-blur-sm px-3.5 py-2 shadow-md\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-triangle-alert w-3.5 h-3.5 text-amber-300 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"wmoenq\",{\"d\":\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"}],[\"$\",\"path\",\"juzpu7\",{\"d\":\"M12 9v4\"}],[\"$\",\"path\",\"p32p05\",{\"d\":\"M12 17h.01\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-[11px] font-mono text-white/80\",\"children\":\"High demand â retryingâ¦\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2.5 rounded-lg bg-black/45 border border-white/10 backdrop-blur-sm px-3.5 py-2 shadow-md\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check w-3.5 h-3.5 text-emerald-400 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"text-[11px] font-mono text-emerald-200 font-medium\",\"children\":\"Connected\"}]]}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"p-5 flex items-start justify-between gap-3 flex-1\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-base font-bold text-zinc-900 dark:text-white mb-1 group-hover:text-zinc-700 dark:group-hover:text-zinc-200 transition-colors\",\"children\":\"Troubleshooting\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed\",\"children\":\"Connection errors, security warnings, and full resets\"}]]}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 text-zinc-400 shrink-0 mt-1 group-hover:translate-x-1 group-hover:text-zinc-900 dark:group-hover:text-white transition-all\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"26:[\"$\",\"p\",null,{\"className\":\"text-xs text-zinc-500 dark:text-zinc-400 leading-relaxed\",\"children\":\"Workspaces, projects, models, and reasoning effort\"}]\n27:[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right w-4 h-4 text-zinc-400 shrink-0 mt-1 group-hover:translate-x-1 group-hover:text-zinc-900 dark:group-hover:text-white transition-all\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]\n"])</script>
1<script>self.__next_f.push([1,"23:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"28:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"IconMark\"]\n21:null\n"])</script>
1<script>self.__next_f.push([1,"25:[[\"$\",\"title\",\"0\",{\"children\":\"Introduction | Trace Documentation\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Trace is a Chrome extension paired with a local coding agent â build and debug real apps, live, on your own machine.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Trace Team\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"coding agent,devtools,web development,browser agent,AI coding,productivity,debugging\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Trace | Powerful coding agent right where you work\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Code, Chat with DevTools to debug, use the terminal, edit files, and run subagents â all inside a single browser tab.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://gettrace.dev\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"Trace\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://gettrace.dev/tracelogo.png\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"Trace - Powerful coding agent right where you work\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:creator\",\"content\":\"@trace\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:title\",\"content\":\"Trace | Powerful coding agent right where you work\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:description\",\"content\":\"Code, Chat with DevTools to debug, use the terminal, edit files, and run subagents â all inside a single browser tab.\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image\",\"content\":\"https://gettrace.dev/tracelogo.png\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/icon.png\"}],[\"$\",\"link\",\"20\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon.png\"}],[\"$\",\"$L28\",\"21\",{}]]\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.