Page Settings

The chat page offers rich customization options to personalize your workspace and enhance your experience.

Sidebar Toggle

Collapse or expand the left sidebar to maximize your workspace.

Sidebar Features

• Navigation: Access different sections and pages
• Chat History: Browse previous conversations
• Workspace Switcher: Toggle between personal and team spaces
• Quick Actions: Create new chats and documents

Chat Background Effects

Customize your chat background with various visual effects to create a more engaging environment.

Setting Background Effects

For example, set a rainy day background:

Available Effects

• Rain: Gentle rain animation
• Snow: Falling snowflakes
• Particles: Floating particles
• Gradient: Animated color gradients
• None: Clean, distraction-free interface

Background Colors

Customize the background color to match your preference:

• Preset Colors: Choose from curated color palettes
• Custom Colors: Set your own color using color picker
• Opacity: Adjust transparency for subtle effects
• Dark/Light Variants: Optimized for different themes

Interface Customization

Home Dock Visibility

Toggle the right-side Home Dock on or off:

• Show: Quick access to shortcuts and tools
• Hide: Maximize chat area for focused work

Layout Options

• Compact Mode: Reduce spacing for more content
• Comfortable Mode: Balanced spacing (default)
• Spacious Mode: Extra padding for relaxed reading

Font Settings

Customize text appearance:

• Font Size: Adjust for readability
• Font Family: Choose your preferred typeface
• Line Height: Optimize for reading comfort

Accessibility

Visual Accessibility

• High Contrast: Enhanced contrast for better visibility
• Reduced Motion: Minimize animations
• Focus Indicators: Clear keyboard navigation

Screen Reader Support

Echo Seller is optimized for screen readers with:

• Semantic HTML structure
• ARIA labels and descriptions
• Keyboard navigation support

Performance Settings

Animation Settings

• Full Animations: All visual effects enabled
• Reduced Animations: Minimal animations for better performance
• No Animations: Disable all animations

Data Loading

• Auto-load Images: Automatically display images in chat
• Lazy Loading: Load images on demand
• Compress Images: Reduce bandwidth usage

Personalization Tips

Workspace Presets

Save and switch between different workspace configurations:

Preset Examples

• Analysis Mode: Full screen, minimal distractions
• Collaboration Mode: All panels visible for team work
• Research Mode: Sidebar expanded with quick search access
• Presentation Mode: Clean interface for sharing screens

Next Steps