Pipeline
- Docsusage, props, keywords
- Demosrc/demo.tsx
- Buildshadcn add → vite
- Capturelight, dark, motion
- IndexBM25 + vectors
Public log. Prompts, raw model errors and costs stay on the admin side.
Log
Demo source
src/demo.tsx · from an earlier run
import { BlurFade } from "@/components/ui/blur-fade"export default function BlurFadeDemo() { return ( <div className="w-full max-w-sm space-y-3"> <BlurFade className="rounded-lg border bg-card p-4 shadow-sm" delay={0.1}> <div className="flex items-center gap-3"> <div className="flex size-10 items-center justify-center rounded-full bg-primary/10 text-sm font-medium text-primary"> AM </div> <div className="min-w-0"> <p className="font-medium">Ava Morgan</p> <p className="truncate text-sm text-muted-foreground">Shared a project update</p> </div> <span className="ml-auto text-xs text-muted-foreground">2m</span> </div> </BlurFade> <BlurFade className="rounded-lg border bg-card p-4 shadow-sm" delay={0.25}> <div className="flex items-center gap-3"> <div className="flex size-10 items-center justify-center rounded-full bg-emerald-500/10 text-sm font-medium text-emerald-600"> JL </div> <div className="min-w-0"> <p className="font-medium">Jordan Lee</p> <p className="truncate text-sm text-muted-foreground">Approved the design review</p> </div> <span className="ml-auto text-xs text-muted-foreground">8m</span> </div> </BlurFade> <BlurFade className="rounded-lg border bg-card p-4 shadow-sm" delay={0.4}> <div className="flex items-center gap-3"> <div className="flex size-10 items-center justify-center rounded-full bg-orange-500/10 text-sm font-medium text-orange-600"> RK </div> <div className="min-w-0"> <p className="font-medium">Riley Kim</p> <p className="truncate text-sm text-muted-foreground">Added a comment to your task</p> </div> <span className="ml-auto text-xs text-muted-foreground">14m</span> </div> </BlurFade> </div> )}