Add landing page home view

[hetaoBackend]

Overview

Adds a new Home landing page as the default view when opening AgentForge. This provides a welcoming entry point that introduces users to the app's capabilities before they dive into the task board.

Changes

New Home View

• Added "Home" tab to the main navigation (first tab, before Tasks/Heartbeats/Skills)
• Set as the default view on app startup (activeView defaults to "home")
• Conditionally hides search box and action buttons when on the home view

Landing Page Content

Hero Section:

• Eye-catching title: "Stop babysitting terminals"
• Concise description of AgentForge's value proposition
• Two prominent CTAs: "View Task Board" and "Create Task"

Feature Grid (6 cards):

1. Visual Task Pipeline - Kanban board with queue/running/done columns
2. Flexible Scheduling - Immediate, delayed, scheduled, and cron tasks
3. Live Agent Output - Structured streaming from Claude Code/Codex CLI
4. Background Watchers - Recurring heartbeats for condition checking
5. Skill Library - Pattern detection and skill installation
6. Multi-Agent Pipelines - Task dependencies and orchestration

Activity Stats:

• Shows total tasks, completed tasks, heartbeats, and skills
• Only displayed when user has existing data
• Provides quick visual overview of workspace activity

Getting Started:

• Shown to first-time users with no tasks
• Explains how to create their first task
• Direct CTA button to task creation modal

Design Details

• Full theme support (inherits dark/light mode from existing themes)
• Consistent with existing design language (SF Pro fonts, color palette, spacing)
• Smooth animations using existing deckIn keyframes
• Hover effects on feature cards and buttons
• Responsive grid layout adapts to different window sizes

Technical Implementation

• Updated activeSummary object to include home view metrics
• Extended filter/search logic to handle home view (returns empty/null)
• Modified button rendering logic to hide New Task/Heartbeat buttons on home
• Imported Home icon from lucide-react

Testing

All quality gates pass:

• ✅ bun run typecheck - No TypeScript errors
• ✅ bun run lint - ESLint clean
• ✅ bun run format:check - Prettier formatted
• ✅ bun run test - All 28 tests pass
• ✅ bun run build:check - Electrobun build succeeds
• ✅ make check - Backend checks pass (no backend changes)

Screenshots

The landing page features:

• Hero section with gradient heading and dual CTAs
• 6 feature cards in responsive grid with icons and descriptions
• Activity stats showing task/heartbeat/skill counts
• Getting started section for new users

Notes

• This is a frontend-only change; no backend modifications required
• The landing page is informational and doesn't require API calls
• Users can navigate away via tabs or action buttons at any time
• Existing functionality remains unchanged

  

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
agentforge-landing	Ready	Preview, Comment	Jul 12, 2026 2:49pm