Skip to content

Feature Request: Add New Chat Landing Page with Suggestions Before Conversation Creation #60

@bucketshop69

Description

@bucketshop69

Feature Request: Add New Chat Landing Page with Suggestions Before Conversation Creation

Problem

Currently, the Mallory app automatically redirects users to the main chat screen and creates a conversation immediately upon login, even if they don't send any messages. This results in:

  • Automatic conversation creation without user intent
  • Potential clutter of empty/unused conversations in history
  • Users immediately entering chat without understanding the app's full capabilities
  • Missing opportunity to guide users with helpful suggestions

Solution

Implement a new landing page /new that:

  1. Displays app branding and value proposition in the main content area
  2. Shows actionable suggestion buttons above the chat input (e.g., "What's the news?", "Tell me $XYZ token price", "Analyze a wallet", etc.)
  3. Positions the chat input at the bottom 20-30% of the screen (like a traditional chat interface)
  4. Only creates a conversation when the user sends their first message
  5. Seamlessly navigates to the main chat screen after the first message

Benefits

  • Delayed Conversation Creation: Conversations only created when users are ready to engage
  • Improved UX: Users see helpful suggestions before typing, reducing friction
  • Cleaner History: Eliminates empty/unused conversations in chat history
  • Better Onboarding: Landing page can showcase key features and use cases upfront
  • Familiar Interface: Chat input at bottom maintains expected mobile UX patterns

Implementation Details

The landing page should include:

  • Header/Body Area: Space for app branding, feature highlights, and value proposition
  • Suggestion Buttons: Pre-formatted suggestions that users can tap to auto-fill the input field
  • Chat Input: Positioned at the bottom (20-30% from bottom) for familiar chat UX
  • Conversation Flow: Only create conversation and navigate to /chat when first message is sent

Files to Modify

  • Create new route: /apps/client/app/new.tsx
  • Update root redirect: /apps/client/app/index.tsx to redirect to /new instead of /chat
  • Potentially reuse existing chat input components with modified message handling

I'm interested in implementing this feature

I've already reviewed the existing codebase structure and I'm prepared to create a PR for this functionality.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions