{lines.map((l, li) => { const clean = l.replace(/^#{1,6}\s+/, ""); const heading = clean !== l; const content = renderInline(clean, pi + "-" + li + "-"); return ( {li > 0 &&
} {heading ? {content} : content} ); })}

ayush · agent

grounded on Ayush’s work · live

{msgs.map((m, i) => (

{render(m.text)}

))} {typing &&

thinking…

}

{suggested.map((s, i) => )}

setInput(e.target.value)} placeholder="ask anything…" onKeyDown={e => { if (e.key === "Enter") send(); }} />

); } // ---------- DeepRacer 3D track ---------- function DeepRacer({ onClose }) { const wrap = useRef(null); useEffect(() => { if (!window.THREE) return; const el = wrap.current; const canvas = document.createElement("canvas"); canvas.style.cssText = "position:absolute;inset:0;width:100%;height:100%"; el.appendChild(canvas); const renderer = new THREE.WebGLRenderer({ canvas, antialias: true }); renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)); renderer.setSize(window.innerWidth, window.innerHeight, false); renderer.setClearColor(0x06080d, 1); const scene = new THREE.Scene(); scene.fog = new THREE.Fog(0x06080d, 30, 220); const camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 0.1, 800); // Track: a CatmullRom curve, drawn as a flat ribbon const pts = []; for (let i = 0; i < 20; i++) { const a = (i / 20) * Math.PI * 2; const r = 60 + Math.sin(a * 3) * 14; pts.push(new THREE.Vector3(Math.cos(a) * r, 0, Math.sin(a) * r)); } const curve = new THREE.CatmullRomCurve3(pts, true); // Ribbon geometry const segs = 600; const ribbonW = 10; const positions = []; const indices = []; for (let i = 0; i <= segs; i++) { const t = i / segs; const p = curve.getPointAt(t); const tan = curve.getTangentAt(t); const n = new THREE.Vector3(-tan.z, 0, tan.x).normalize(); const a = p.clone().add(n.clone().multiplyScalar(ribbonW)); const b = p.clone().add(n.clone().multiplyScalar(-ribbonW)); positions.push(a.x, 0.0, a.z, b.x, 0.0, b.z); if (i < segs) { const k = i * 2; indices.push(k, k + 1, k + 2, k + 2, k + 1, k + 3); } } const trackGeom = new THREE.BufferGeometry(); trackGeom.setAttribute("position", new THREE.BufferAttribute(new Float32Array(positions), 3)); trackGeom.setIndex(indices); trackGeom.computeVertexNormals(); const track = new THREE.Mesh(trackGeom, new THREE.MeshBasicMaterial({ color: 0x161b27 })); scene.add(track); // Centerline mint const linePts = []; for (let i = 0; i <= 200; i++) linePts.push(curve.getPointAt(i / 200)); const lineGeo = new THREE.BufferGeometry().setFromPoints(linePts); const line = new THREE.LineLoop(lineGeo, new THREE.LineBasicMaterial({ color: 0x5cf0d8 })); line.position.y = 0.01; scene.add(line); // Edges (white-ish) const edgeGeoL = new THREE.BufferGeometry().setFromPoints(linePts.map((p, i) => { const t = i / 200; const tan = curve.getTangentAt(t); const n = new THREE.Vector3(-tan.z, 0, tan.x).normalize(); return p.clone().add(n.multiplyScalar(ribbonW)); })); const edgeGeoR = new THREE.BufferGeometry().setFromPoints(linePts.map((p, i) => { const t = i / 200; const tan = curve.getTangentAt(t); const n = new THREE.Vector3(-tan.z, 0, tan.x).normalize(); return p.clone().add(n.multiplyScalar(-ribbonW)); })); scene.add(new THREE.LineLoop(edgeGeoL, new THREE.LineBasicMaterial({ color: 0xECEAE2, transparent: true, opacity: 0.4 }))); scene.add(new THREE.LineLoop(edgeGeoR, new THREE.LineBasicMaterial({ color: 0xECEAE2, transparent: true, opacity: 0.4 }))); // Car: a glowing chip const car = new THREE.Mesh(new THREE.BoxGeometry(2.6, 0.9, 1.4), new THREE.MeshBasicMaterial({ color: 0xf0b85c })); scene.add(car); const carHalo = new THREE.PointLight(0xf0b85c, 1.0, 12); scene.add(carHalo); // Ground starfield const N = 1200; const sp = new Float32Array(N * 3); for (let i = 0; i < N; i++) { sp[i*3] = (Math.random() - 0.5) * 600; sp[i*3+1] = -5 + Math.random() * 0.5; sp[i*3+2] = (Math.random() - 0.5) * 600; } const stars = new THREE.Points( new THREE.BufferGeometry().setAttribute("position", new THREE.BufferAttribute(sp, 3)), new THREE.PointsMaterial({ color: 0x5cf0d8, size: 0.3, transparent: true, opacity: 0.4 }) ); scene.add(stars); let t0 = performance.now(); let raf; function onResize() { renderer.setSize(window.innerWidth, window.innerHeight, false); camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); } window.addEventListener("resize", onResize); function loop() { const elapsed = (performance.now() - t0) / 1000; const u = (elapsed * 0.07) % 1; const p = curve.getPointAt(u); const tan = curve.getTangentAt(u); car.position.copy(p).add(new THREE.Vector3(0, 0.5, 0)); car.lookAt(p.clone().add(tan)); carHalo.position.copy(car.position); // chase cam const camTarget = p.clone().sub(tan.clone().multiplyScalar(10)).add(new THREE.Vector3(0, 4.5, 0)); camera.position.lerp(camTarget, 0.08); camera.lookAt(p); renderer.render(scene, camera); raf = requestAnimationFrame(loop); } loop(); function onKey(e) { if (e.key === "Escape") onClose && onClose(); } window.addEventListener("keydown", onKey); return () => { cancelAnimationFrame(raf); window.removeEventListener("resize", onResize); window.removeEventListener("keydown", onKey); renderer.dispose(); el.removeChild(canvas); }; }, []); return (