@@ -9,7 +9,7 @@ import { TabbedImages } from './tabbed-images';
99import { LightboxImage } from './lightbox-image' ;
1010import { ThemeCarousel } from './theme-carousel' ;
1111import { Card , CardHeader , CardTitle , CardContent } from '@/components/ui/card' ;
12- import { Star , Sparkles , Zap , Code2 , Image as ImageIcon , Music , Calculator , Puzzle , Search , GalleryHorizontal , Sigma , Plug , Wand2 , Mic , Monitor , Palette , ShieldCheck } from 'lucide-react' ;
12+ import { Star , Sparkles , Zap , Code2 , Image as ImageIcon , Music , Calculator , Puzzle , Search , GalleryHorizontal , Sigma , Plug , Wand2 , Mic , Monitor , Palette , ShieldCheck , Bot , FolderOpen } from 'lucide-react' ;
1313import { YouTube } from '@/components/youtube' ;
1414
1515export default function HomePage ( ) {
@@ -64,10 +64,10 @@ export default function HomePage() {
6464 </ a >
6565 </ div >
6666 < p className = "text-sm text-muted-foreground" >
67- < span className = "text-slate-400 dark:text-slate-500" > May 9 , 2026</ span >
67+ < span className = "text-slate-400 dark:text-slate-500" > June 20 , 2026</ span >
6868 { ' - ' }
6969 < Link href = "/docs/latest" className = "text-blue-600 dark:text-blue-400 hover:underline" >
70- New Recraft and GPT Image 2 image generation models →
70+ New support for Agent Profiles and Projects →
7171 </ Link >
7272 </ p >
7373
@@ -191,6 +191,38 @@ export default function HomePage() {
191191 </ Card >
192192 </ Link >
193193
194+ < Link href = "/docs/features/agents" className = "block" >
195+ < Card className = "bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full" >
196+ < CardHeader >
197+ < CardTitle className = "flex items-center gap-2 text-slate-900 dark:text-slate-100" >
198+ < Bot className = "w-5 h-5 text-violet-500" />
199+ Agent Profiles
200+ </ CardTitle >
201+ </ CardHeader >
202+ < CardContent >
203+ < p className = "text-slate-700 dark:text-slate-300" >
204+ Specialized AI agents with custom prompts, tools, themes, and Planner→Coder workflows
205+ </ p >
206+ </ CardContent >
207+ </ Card >
208+ </ Link >
209+
210+ < Link href = "/docs/features/projects" className = "block" >
211+ < Card className = "bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full" >
212+ < CardHeader >
213+ < CardTitle className = "flex items-center gap-2 text-slate-900 dark:text-slate-100" >
214+ < FolderOpen className = "w-5 h-5 text-amber-500" />
215+ Projects
216+ </ CardTitle >
217+ </ CardHeader >
218+ < CardContent >
219+ < p className = "text-slate-700 dark:text-slate-300" >
220+ Secure workspace isolation that restricts AI agent filesystem access to designated project folders
221+ </ p >
222+ </ CardContent >
223+ </ Card >
224+ </ Link >
225+
194226 < Link href = "/docs/extensions/tools" className = "block" >
195227 < Card className = "bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 hover:border-blue-400 dark:hover:border-blue-500 transition-colors cursor-pointer h-full" >
196228 < CardHeader >
@@ -469,6 +501,107 @@ export default function HomePage() {
469501 </ div >
470502 </ div >
471503
504+ { /* Agents & Projects Section */ }
505+ < div id = "agents-projects" className = "w-full my-16 px-4 bg-gradient-to-b from-transparent via-violet-50/50 to-transparent dark:via-violet-950/20 py-16" >
506+ < div className = "max-w-6xl mx-auto" >
507+ < div className = "text-center mb-10" >
508+ < h2 className = "text-3xl font-bold text-slate-900 dark:text-slate-100 mb-4" >
509+ Agent Profiles & Projects
510+ </ h2 >
511+ < p className = "text-lg text-slate-600 dark:text-slate-400 max-w-2xl mx-auto" >
512+ Configure specialized AI agents with custom prompts, tools, and themes — and scope their filesystem access to secure project workspaces
513+ </ p >
514+ < div className = "flex items-center justify-center gap-4 mt-2" >
515+ < Link href = "/docs/features/agents" className = "inline-flex items-center gap-1 text-blue-600 dark:text-blue-400 hover:underline" >
516+ Agent Profiles →
517+ </ Link >
518+ < Link href = "/docs/features/projects" className = "inline-flex items-center gap-1 text-blue-600 dark:text-blue-400 hover:underline" >
519+ Projects →
520+ </ Link >
521+ </ div >
522+ </ div >
523+
524+ < div className = "grid md:grid-cols-2 gap-6 mb-6" >
525+ < div className = "rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700 dark:bg-white" >
526+ < LightboxImage
527+ src = "/img/profiles/profiles-ubi.webp"
528+ alt = "Ubi Personal Assistant Agent Profile"
529+ width = { 600 }
530+ height = { 400 }
531+ className = "w-full h-auto"
532+ />
533+ </ div >
534+ < div className = "rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700 dark:bg-white" >
535+ < LightboxImage
536+ src = "/img/projects/projects-editor.webp"
537+ alt = "Projects Editor"
538+ width = { 600 }
539+ height = { 400 }
540+ className = "w-full h-auto"
541+ />
542+ </ div >
543+ </ div >
544+ < div className = "grid md:grid-cols-3 gap-6 mb-6" >
545+ < div className = "rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700 dark:bg-white" >
546+ < LightboxImage
547+ src = "/img/profiles/profiles-menu.webp"
548+ alt = "Agent Profile Selector"
549+ width = { 400 }
550+ height = { 300 }
551+ className = "w-full h-auto"
552+ />
553+ </ div >
554+ < div className = "rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700 dark:bg-white" >
555+ < LightboxImage
556+ src = "/img/profiles/profiles-planner.webp"
557+ alt = "Planner Agent Profile"
558+ width = { 400 }
559+ height = { 300 }
560+ className = "w-full h-auto"
561+ />
562+ </ div >
563+ < div className = "rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700 dark:bg-white" >
564+ < LightboxImage
565+ src = "/img/profiles/profiles-coder.webp"
566+ alt = "Coder Agent Profile"
567+ width = { 400 }
568+ height = { 300 }
569+ className = "w-full h-auto"
570+ />
571+ </ div >
572+ </ div >
573+ < div className = "grid md:grid-cols-3 gap-6" >
574+ < div className = "rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700 dark:bg-white" >
575+ < LightboxImage
576+ src = "/img/projects/projects-menu.webp"
577+ alt = "Projects Menu"
578+ width = { 400 }
579+ height = { 300 }
580+ className = "w-full h-auto"
581+ />
582+ </ div >
583+ < div className = "rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700 dark:bg-white" >
584+ < LightboxImage
585+ src = "/img/profiles/galaga-menu.webp"
586+ alt = "Sci-Fi Space Game — Main Menu built by Coder agent"
587+ width = { 400 }
588+ height = { 300 }
589+ className = "w-full h-auto"
590+ />
591+ </ div >
592+ < div className = "rounded-xl overflow-hidden shadow-xl border border-slate-200 dark:border-slate-700 dark:bg-white" >
593+ < LightboxImage
594+ src = "/img/profiles/galaga-game.webp"
595+ alt = "Sci-Fi Space Game — Gameplay built by Coder agent"
596+ width = { 400 }
597+ height = { 300 }
598+ className = "w-full h-auto"
599+ />
600+ </ div >
601+ </ div >
602+ </ div >
603+ </ div >
604+
472605 { /* Gemini File Search Section */ }
473606 < div id = "rag" className = "w-full my-16 px-4 bg-gradient-to-b from-transparent via-cyan-50/50 to-transparent dark:via-cyan-950/20 py-16" >
474607 < div className = "max-w-6xl mx-auto" >
0 commit comments