/* AI Edge — structural parts. Requires React (global) + window.AE. */ const { useState, useEffect, useRef } = React; const AE = window.AE; /* ---------------- icons ---------------- */ const I = { glyph:(p={})=> , play:(p={})=> , copy:(p={})=> , check:(p={})=> , aDown:(p={})=> , aRight:(p={})=> , retrieval:(p={})=> , agent:(p={})=> , sql:(p={})=> , eval:(p={})=> , shield:(p={})=> , ban:(p={})=> , mail:(p={})=> , download:(p={})=> , ext:(p={})=> , warn:(p={})=> , user:(p={})=> , refresh:(p={})=> , spark:(p={})=> , }; const capIcon = { retrieval:I.retrieval, agent:I.agent, sql:I.sql, eval:I.eval }; const trustIcon = { npm:I.download, git:I.ext, chart:I.eval }; /* ---------------- hooks ---------------- */ function useInView(opts){ const ref = useRef(null); const [seen, setSeen] = useState(false); useEffect(()=>{ const el = ref.current; if(!el) return; const io = new IntersectionObserver((es)=>{ es.forEach(e=>{ if(e.isIntersecting){ setSeen(true); io.disconnect(); } }); }, opts || { threshold:0.2, rootMargin:"0px 0px -8% 0px" }); io.observe(el); return ()=>io.disconnect(); },[]); return [ref, seen]; } function Reveal({ children, as="div", delay=0, className="", ...rest }){ const [ref, seen] = useInView(); const Tag = as; return {children}; } function CountUp({ to, dec=0, suf="", dur=1300 }){ const [ref, seen] = useInView({ threshold:0.5 }); const [val, setVal] = useState(0); useEffect(()=>{ if(!seen) return; if(document.documentElement.dataset.motion==="off"){ setVal(to); return; } let raf, t0; const step=(t)=>{ if(!t0)t0=t; const p=Math.min(1,(t-t0)/dur); const e=1-Math.pow(1-p,3); setVal(to*e); if(p<1) raf=requestAnimationFrame(step); }; raf=requestAnimationFrame(step); return ()=>cancelAnimationFrame(raf); },[seen,to]); const shown = dec>0 ? val.toFixed(dec) : Math.round(val).toLocaleString(); return {shown}{suf}; } /* ---------------- Nav ---------------- */ function Nav(){ const [sc,setSc]=useState(false); useEffect(()=>{ const f=()=>setSc(window.scrollY>12); f(); window.addEventListener("scroll",f,{passive:true}); return ()=>window.removeEventListener("scroll",f); },[]); return ( ); } /* ---------------- Hero canvas ---------------- */ function HeroCanvas(){ const cv = useRef(null); useEffect(()=>{ const canvas = cv.current, ctx = canvas.getContext("2d"); let w,h,dpr,parts=[],raf,frame=0,accent="oklch(0.8 0.15 158)"; const root = document.documentElement; function readAccent(){ const c=getComputedStyle(root).getPropertyValue("--accent").trim(); if(c) accent=c; } function size(){ dpr=Math.min(2,window.devicePixelRatio||1); const r=canvas.parentElement.getBoundingClientRect(); w=r.width; h=r.height; canvas.width=w*dpr; canvas.height=h*dpr; ctx.setTransform(dpr,0,0,dpr,0,0); const gap=46, cols=Math.ceil(w/gap)+1, rows=Math.ceil(h/gap)+1; parts=[]; for(let y=0;yw)p.vx*=-1; if(p.y<0||p.y>h)p.vy*=-1; } } ctx.lineWidth=1; for(let i=0;i{ cancelAnimationFrame(raf); ro.disconnect(); }; },[]); return ; } /* ---------------- Hero ---------------- */ function Hero(){ const [copied,setCopied]=useState(false); const cmd="npm i "+AE.npm; const copy=()=>{ navigator.clipboard?.writeText(cmd); setCopied(true); setTimeout(()=>setCopied(false),1400); }; return (
{AE.hero.eyebrow}

AI Edge

{AE.hero.tag[0]}
{AE.hero.tag[1]}

看 3 分钟演示
${cmd}
Hit Rate@5 ≥ 90% MIT 开源 P95 ~412ms 中文优化
); } /* ---------------- Capabilities + Pipeline ---------------- */ function Capabilities(){ return (
能力 · Capabilities

四块能力,撑起一条中文 RAG + Agent 全链路

不是 demo 拼装,是从召回、编排、查询到评测都打通的工程实现。
{AE.caps.map((c,i)=>{ const Ico=capIcon[c.k]; return ( 0{i+1}

{c.t}

{c.d}

 );})}
); } function RagPipeline(){ const [ref,seen]=useInView({ threshold:0.4 }); const [step,setStep]=useState(-1); useEffect(()=>{ if(!seen) return; if(document.documentElement.dataset.motion==="off"){ setStep(99); return; } let i=0; setStep(0); const id=setInterval(()=>{ i++; setStep(i); if(i>AE.pipeline.length+1) i=0; }, 900); return ()=>clearInterval(id); },[seen]); const lit=(idx)=> step>=idx; return (
双路召回 + RRF 融合 + BGE 重排
{AE.pipeline.map((n,idx)=>(
{n.split ? (
{n.split.map((s,si)=>(
{s.t}{s.v}{s.s}
))}
) : (
{n.t}{n.v}{n.s}
)}
{idx
} ))}

中文问句进来 → BM25 与向量双路各召回 top-k → RRF 倒数排名融合去重 → BGE Reranker 精排截断 → 生成带页码引用的回答,低置信则兜底拒答。

 ); } /* ---------------- Metrics ---------------- */ function Metrics(){ return (
{AE.metrics.map((m,i)=>(
{m.k}
{m.d}
))}
); } /* ---------------- Trust ---------------- */ function Trust(){ return (
{AE.ui.trustEyebrow}

{AE.ui.trustTitle}

{AE.ui.trustLead}
{AE.trust.map((t,i)=>{ const Ico=trustIcon[t.icon]; const inner=(
{t.lbl}
{t.big}
{t.sub}{t.link && }
 ); return {inner}; })}
); } /* ---------------- About / Contact (terminal whoami) ---------------- */ function About(){ const lines=[ { cmd:"whoami" }, { out:<>{AE.name} · {AE.about.role} }, { cmd:"cat focus.md" }, { out:AE.about.blurb, comment:true }, { cmd:"ls ./proof" }, { proof:true }, { cmd:"./contact --resume --email" }, { contact:true }, ]; return (
guoqi@ai-edge — ~/about — zsh
郭
{lines.map((ln,i)=>(
{ln.cmd &&
${ln.cmd}
} {ln.out &&
{ln.comment?"# ":""}{ln.out}
} {ln.proof && (
npm{AE.npm} git{AE.github} evalHit Rate@5 ≥ 90%
)} {ln.contact && ( )}
))}
$
); } function Footer(){ return ( ); } Object.assign(window, { I, useInView, Reveal, CountUp, Nav, Hero, Capabilities, Metrics, Trust, About, Footer });