Skip to content

Make home page agent-first with integrated query interface#182

Merged
asim merged 5 commits intomainfrom
claude/mu-killer-feature-yxRo5
Mar 4, 2026
Merged

Make home page agent-first with integrated query interface#182
asim merged 5 commits intomainfrom
claude/mu-killer-feature-yxRo5

Conversation

@asim
Copy link
Member

@asim asim commented Mar 4, 2026

Summary

Redesigned the home page to position the AI agent as the primary interface, with an integrated prompt input, starter query suggestions, and real-time progress feedback. The agent is now the focal point rather than a secondary feature, with individual services reorganized below as supporting tools.

Key Changes

Home Page Redesign

  • Replaced static landing copy with agent-focused messaging ("One conversation. Every tool you need")
  • Added prominent agent query input with model selection (Standard/Premium) directly on the home page
  • Implemented starter query chips for common tasks (news, markets, weather, video, web search, reminders)
  • Added real-time agent progress display showing thinking steps and tool execution status
  • Reorganized service cards: moved agent to primary position, reordered services to highlight news, video, markets, and places first

Agent Integration

  • Embedded full agent SSE (Server-Sent Events) interaction logic into home page JavaScript
  • Agent queries now work directly from home page without navigation
  • Added visual feedback for agent steps (thinking, tool execution, completion)
  • Supports both Standard (3 credits) and Premium (15 credits) model selection

Pricing & Credits Updates

  • Increased free daily quota from 10 to 20 credits
  • Reduced standard agent query cost from 5 to 3 credits
  • Updated pricing page to clarify agent as primary interface with individual services as alternatives
  • Reorganized pricing table to show agent queries first, then individual services

Navigation & UI

  • Changed home nav icon from house to robot (agent icon)
  • Removed separate /agent link from navigation
  • Added nav divider to separate primary agent interface from service links
  • Hidden page title on home page to emphasize agent prompt as primary element

Model Configuration

  • Added support for environment variable ANTHROPIC_PREMIUM_MODEL to override premium model
  • Default premium model set to Claude Sonnet 4.5
  • Model selection now passed through to AI provider layer

Code Structure

  • Added StarterQueries data structure with suggested prompts
  • Implemented htmlEsc() utility for safe HTML escaping in JavaScript context
  • Refactored home page handler to build agent interface first, then append feed cards
  • Added inline styles for starter chips and agent step indicators

Notable Implementation Details

  • Agent interaction uses same SSE streaming pattern as dedicated /agent endpoint
  • Starter queries are clickable chips that populate the prompt field and submit
  • Progress display updates in real-time as agent thinks and executes tools
  • Graceful fallback for unauthenticated users with login redirect
  • Mobile-responsive design with adjusted chip sizing on smaller screens

https://claude.ai/code/session_01QJaTh5F1pfgRaGzsQSZDcQ

claude added 5 commits March 4, 2026 11:53
… queries

The agent is the killer feature — one conversation to access all services.
This transforms the home page from a dashboard of cards to an agent-first
interface with prompt input, starter query chips, and the feed cards below
as secondary content. The landing page now leads with the agent concept
and positions individual apps as "Services" powering it.

- /home: Agent prompt at top with starter queries, feed cards below
- Sidebar: Home uses agent icon, nav divider separates agent from services
- Landing page: Hero text and input focused on conversational agent
- Services section replaces "Featured Apps", reordered by utility
- FAQ and mission updated to reflect agent-first positioning

https://claude.ai/code/session_01QJaTh5F1pfgRaGzsQSZDcQ
- Hide h1 page title on home page via body.page-home CSS class so the
  agent prompt is the first visual element
- Remove redundant Agent nav link (Home IS the agent now)
- Restructure Plans page: agent pricing table first, individual services
  second, with clear description that agent queries include all tool calls
- Free tier now explicitly states "2 agent queries per day"
- Add mobile-friendly starter chip sizing
- Add RenderHTMLWithLangAndBody helper for page-specific body classes

https://claude.ai/code/session_01QJaTh5F1pfgRaGzsQSZDcQ
Agent-first pricing: standard agent queries now cost 3 credits (down
from 5), giving free tier users ~6 agent queries per day instead of 2.
Free daily quota raised from 10 to 20 credits to support the agent as
the primary experience. All plans page references updated.

https://claude.ai/code/session_01QJaTh5F1pfgRaGzsQSZDcQ
Standard agent continues using Haiku for fast, cheap queries.
Premium now uses claude-sonnet-4-5 for significantly better quality,
justifying the 15-credit premium price point.

https://claude.ai/code/session_01QJaTh5F1pfgRaGzsQSZDcQ
Rename all search-related quota naming to use consistent "quota"
terminology now that Mu is agent-first, not search-focused:
- FreeDailySearches → FreeDailyQuota
- HasFreeSearches() → HasFreeQuota()
- GetFreeSearchesRemaining() → GetFreeQuotaRemaining()
- UseFreeSearch() → UseFreeQuota()
- usage.Searches → usage.Used
- FREE_DAILY_SEARCHES env → FREE_DAILY_QUOTA

https://claude.ai/code/session_01QJaTh5F1pfgRaGzsQSZDcQ
@asim asim merged commit 400c786 into main Mar 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants