Merge pull request #55 from LibreChat-AI/features

feat: features page
This commit is contained in:
Danny Avila
2024-06-21 09:23:09 -04:00
committed by GitHub
23 changed files with 360 additions and 51 deletions

View File

@@ -5,8 +5,7 @@ import { SocialIcon } from 'react-social-icons'
import BlogCard from '../blog/BlogCard'
import Image from 'next/image'
import { Cards } from 'nextra/components'
import { Blog } from '@/components/CardIcons/Blog'
import { OurAuthors } from '@/components/CardIcons/OurAuthors'
import { OurAuthors, Blog } from '@/components/CardIcons'
//TODO: Fix Mobile view to better handle more than 4 socials;
//TODO: Better fallback social icon (the default one is the "share" icon)

View File

@@ -1,6 +1,6 @@
import Image from 'next/image'
export function Logo() {
export default function Logo() {
return (
<>
<div className="flex gap-2 items-center">

View File

@@ -1,6 +1,6 @@
import Image from 'next/image'
export function Blog() {
export default function Blog() {
return (
<>
<div className="flex gap-2 items-center">

View File

@@ -1,6 +1,6 @@
import Image from 'next/image'
export function Changelog() {
export default function Changelog() {
return (
<>
<div className="flex gap-2 items-center">

View File

@@ -1,6 +1,6 @@
// import Image from 'next/image'
export function CustomEndpoints() {
export default function CustomEndpoints() {
return (
<>
<div className="flex gap-2 items-center">

View File

@@ -0,0 +1,34 @@
import Image from 'next/image'
export default function Features() {
return (
<>
<div className="flex gap-2 items-center">
{/* Image */}
<Image src="/images/cards/sparkles.svg" alt="Features Logo" width={30} height={30} />
{/* Text */}
<span className="ml-2 text-lg font-bold text-gray-600 dark:text-gray-300">Features</span>
{/* CSS for hover effect */}
<style jsx>{`
div {
padding: 0.5rem 0.5rem 0.5rem 0;
mask-image: linear-gradient(
60deg,
#bba0ff 25%,
rgba(187, 160, 255, 0.2) 50%,
#bba0ff 75%
);
mask-size: 400%;
mask-position: 0%;
}
div:hover {
mask-position: 100%;
transition:
mask-position 1s ease,
-webkit-mask-position 1s ease;
}
`}</style>
</div>
</>
)
}

View File

@@ -1,6 +1,6 @@
import Image from 'next/image'
export function OurAuthors() {
export default function OurAuthors() {
return (
<>
<div className="flex gap-2 items-center">

View File

@@ -1,6 +1,6 @@
// import Image from 'next/image'
export function QuickStartLocal() {
export default function QuickStartLocal() {
return (
<>
<div className="flex gap-2 items-center">

View File

@@ -1,6 +1,6 @@
import Image from 'next/image'
export function Roadmap() {
export default function Roadmap() {
return (
<>
<div className="flex gap-2 items-center">

View File

@@ -1,6 +1,6 @@
import Image from 'next/image'
export function ToolKit() {
export default function ToolKit() {
return (
<>
<div className="flex gap-2 items-center">

View File

@@ -0,0 +1,9 @@
export { default as OurAuthors } from './OurAuthors'
export { default as QuickStartLocal } from './QuickStartLocal'
export { default as Roadmap } from './Roadmap'
export { default as ToolKit } from './ToolKit'
export { default as Logo } from './AboutLogo'
export { default as Blog } from './Blog'
export { default as Changelog } from './Changelog'
export { default as CustomEndpoints } from './CustomEndpoints'
export { default as Features } from './Features'

View File

@@ -13,6 +13,10 @@ const menuItems: {
href: '/about',
},
{ name: 'Contact Us', href: '/about#contact-us' },
{
name: 'Features',
href: '/docs/features',
},
],
},
{

View File

@@ -0,0 +1,23 @@
## What's Changed
Release candidate version for v0.7.4-rc1
### ⚙️ Other Changes
* 📝 docs: update README's video by [@berry-13](https://github.com/berry-13) in [#3093](https://github.com/danny-avila/LibreChat/pull/3093)
### 🔧 Fixes
* 🕑 fix: Add Suspense to Connection Error Messages by [@danny-avila](https://github.com/danny-avila) in [#3074](https://github.com/danny-avila/LibreChat/pull/3074)
* ✉️ fix: email address encoding in verification link by [@berry-13](https://github.com/berry-13) in [#3085](https://github.com/danny-avila/LibreChat/pull/3085)
* ✨ v0.7.4-rc1 by [@danny-avila](https://github.com/danny-avila) in [#3099](https://github.com/danny-avila/LibreChat/pull/3099)
* Also fixes critical issue with OpenID not allowing new user signups
### 👀 What's Next
**[Track remaining v0.7.4 changes](https://github.com/danny-avila/LibreChat/milestone/6)**
---
**Full Changelog**: https://github.com/danny-avila/LibreChat/compare/v0.7.3...v0.7.4-rc1

View File

@@ -74,6 +74,14 @@ export default {
timestamp: false,
},
},
features: {
title: 'Features',
type: 'page',
display: 'hidden',
theme: {
timestamp: false,
},
},
subscribe: {
title: 'Subscribe',
type: 'page',

View File

@@ -136,21 +136,6 @@ LibreChat adheres to the following key design principles:
4. **Privacy and Security**: LibreChat prioritizes privacy and security by offering secure authentication, moderation tools, and the ability to self-host the application.
## Key Features
- 🖥️ UI matching ChatGPT, including Dark mode, Streaming, and latest updates
- 💬 Multimodal Chat: Upload and analyze images, chat with files, and leverage advanced agents with tools and API actions
- 🌎 Multilingual UI: Support for multiple languages
- 🤖 AI model selection: OpenAI, Azure, Anthropic, Google, and more
- 💾 Create, save, and share custom presets
- 🔄 Edit, resubmit, and continue messages with conversation branching
- 📤 Export conversations in various formats (screenshots, markdown, text, JSON)
- 🔍 Search all messages and conversations
- 🔌 Plugin support for extended functionality (web access, image generation, etc.)
- 👥 Multi-user support with secure authentication and moderation tools
- ⚙️ Flexible deployment options (proxy, reverse proxy, Docker, and more)
- 📖 Completely open-source and community-driven development
## License
Released under the MIT License.

View File

@@ -7,7 +7,7 @@ import AuthorPage from '@/components/Author/AuthorPage'
<AuthorPage />
import { Blog } from '@/components/CardIcons/Blog'
import { Blog } from '@/components/CardIcons'
<Cards num={3}>
<Cards.Card icon="📰&nbsp;&ensp;" title="Blog" href="/blog" />

View File

@@ -0,0 +1,14 @@
---
date: 2024/06/17
title: 🚀 LibreChat v0.7.4-rc1
description: The v0.7.4-rc1 release of LibreChat
---
import { ChangelogHeader } from '@/components/changelog/ChangelogHeader'
import Content from '@/components/changelog/content/v0.7.4-rc1.mdx'
<ChangelogHeader />
---
<Content />

View File

@@ -1,9 +1,10 @@
---
title: Password Reset
description: This guide explains how to configure the secure email password reset. You can configure it to work with various email services, including Gmail and custom mail servers.
title: Email setup
description: This guide explains how to configure the secure email verification/password reset. You can configure it to work with various email services, including Gmail and custom mail servers.
---
# Email and Password Reset
# Email verification and Password Reset
For a quick overview, refer to the user guide provided here: [Password Reset](/docs/user_guides/password_reset)
## General setup

View File

@@ -816,9 +816,9 @@ For more information: **[LDAP/AD Authentication](/docs/configuration/authenticat
]}
/>
### Email Password Reset
### Password Reset
Email is used for password reset. See: **[Email Password Reset](/docs/configuration/authentication/password_reset)**
Email is used for account verification and password reset. See: **[Email setup](/docs/configuration/authentication/email)**
**Important Note**: All of the service or host, username, and password, and the From address must be set for email to work.

200
pages/docs/features.mdx Normal file
View File

@@ -0,0 +1,200 @@
---
title: Features
description: 'lol'
---
import LCLogo from '@/components/lcLogo'
import Carousel from '@/components/carousel/Carousel'
import Github from '@/components/icons/github'
import Discord from '@/components/icons/discord'
import { Mail } from 'lucide-react'
import Image from 'next/image'
<div style={{ marginBottom: '30px', marginTop: '10px' }}>
<LCLogo />
</div>
# ✨ Features
### 🖥️ **Intuitive UI**
- **Seamless User Experience**: Our platform mirrors the intuitive interface of ChatGPT, ensuring that users feel comfortable and familiar while navigating.
- **Dark Mode**: Reduce eye strain with our elegant dark mode, perfect for prolonged usage.
- **Streaming Capabilities**: Enjoy real-time streaming of AI responses for an interactive experience.
- **Latest Updates**: Stay ahead with the most recent features and improvements released regularly.
### 🤖 **AI Model Selection**
#### **Diverse Model Options**
- **[OpenAI](/docs/configuration/pre_configured_ai/openai)**: Utilize the robust and renowned GPT models from OpenAI for a wide range of applications.
- **[Azure OpenAI](/docs/configuration/azure)**: Integrate with Microsoft's Azure for powerful cloud-based services.
- **BingAI**: Leverage Bing's AI capabilities for enhanced search and data retrieval.
- **[Google](/docs/configuration/pre_configured_ai/google)**: Use Google's premier machine learning offerings.
- **[Anthropic (Claude)](/docs/configuration/pre_configured_ai/anthropic)**: Experience cutting-edge AI technology from Anthropic.
- **[Plugins](/docs/configuration/tools)**: Extend functionalities with a variety of plugins.
- **[Assistants API](/docs/configuration/pre_configured_ai/assistants)**: Seamlessly connect with APIs, including Azure Assistants, for expanded functionalities.
### ✅ **Compatibility Across AI Services**
#### **Remote & Local Integration**
- **Groq**: Fast, efficient AI inference with custom processors
- **Ollama**: Generative AI models for interactive applications and chatbots.
- **Cohere**: Natural language processing APIs for business applications.
- **Mistral AI**: Open-source high-performance generative AI.
- **Apple MLX**: Apple's framework for machine learning and AI integration.
- **koboldcpp**: AI-assisted storytelling and content generation tools.
- **OpenRouter**: API gateway for routing AI model requests.
- **together.ai**: Collaborative platform for AI model development and deployment.
- **Perplexity**: AI-driven search engine for contextual answers.
- **ShuttleAI**: Automated machine learning platform for rapid deployment.
- **[Learn how to configure Custom endpoints like the ones above](/docs/quick_start/custom_endpoints)**
### 💾 **[Create, Save, & Share Custom Presets](/docs/user_guides/presets)**
- **Personalization**: Save your favorite AI and configuration settings as presets.
- **Easy Sharing**: Share presets with colleagues or teams.
### 🔀 **Switch Between AI Endpoints and Presets, Mid-Chat**
- **Dynamic Configuration**: Change AI models/providers and settings on-the-fly without disrupting the chat flow.
### 🔄 **Edit, Resubmit, and Continue Messages with Conversation Branching**
- **Message Flexibility**: Edit previous messages and resubmit for better responses.
- **Conversation Control**: Branch conversations to explore different discussion paths without losing context.
### 🌿 **[Fork Messages & Conversations for Advanced Context Control](docs/user_guides/fork)**
- **Advanced Context Management**: Split messages to create multiple conversation threads, enhancing contextual accuracy.
### 💬 **Multimodal Chat**
#### **Image Analysis**
- 📸 **Claude 3, GPT-4, Gemini Vision, Llava and Assistants**: Upload and analyze images seamlessly with these advanced models.
#### **[File Interaction](docs/user_guides/rag_api)**
- 🗃️ **Custom Endpoints, OpenAI, Azure, Anthropic, Google**: Chat with files using various powerful endpoints.
#### **Advanced Agents**
- **Capabilities**:
- File handling
- Code interpretation
- Tool integration
- API actions 🔦
- Available through OpenAI Assistants API 🌤️
- Non-OpenAI Agents: Ongoing development 🚧
### 🌎 **Multilingual UI**
- **Broad Language Support**: Switch between multiple languages including:
- **English**
- **中文**
- **Deutsch**
- **Español**
- **Français**
- **Italiano**
- **Polski**
- **Português Brasileiro**
- **Русский**
- **日本語**
- **Svenska**
- **한국어**
- **Tiếng Việt**
- **繁體中文**
- **العربية**
- **Türkçe**
- **Nederlands**
- **עברית**
- **and more...**
### 🎨 **Customizable Dropdown & Interface**
- **User Adaptability**: Interface designed to cater both to power users and newcomers, ensuring a tailored user experience.
### 📧 **[Secure Email Verification](docs/configuration/authentication/email)**
- **Access Security**: Verify your email to secure your account and ensure dependable access.
### 🗣️ **[Hands-Free Chat with Speech-to-Text and Text-to-Speech](docs/configuration/stt_tts)**
- **[Voice Interaction](docs/configuration/stt_tts#stt)**: Utilize voice commands and responses to interact with the AI.
- **[Audio Support](docs/configuration/stt_tts#tts)**: Automatically send and receive audio messages.
- **Vendor Support**:
- **OpenAI**
- **Azure OpenAI**
- **Elevenlabs**
- **Local AI**
### 📥 **[Conversation Import](docs/user_guides/import_convos)**
- **Compatibility**: Import existing conversations from platforms like:
- **LibreChat**
- **[ChatGPT](docs/user_guides/import_convos#how-to-import-conversations-from-chat-gpt)**
- **Chatbot UI**
### 📤 **Conversation Export**
- **Multi-format Saving**: Export chats as:
- **Screenshots**
- **Markdown**
- **Text**
- **JSON**
### 🔍 **[Search Functionality](docs/configuration/meilisearch)**
- **Efficient Navigation**: Quickly find specific messages or entire conversations with advanced search features using **Meilisearch**.
### 🔌 **Plugins and Extensions**
- **Enhanced Functionality**:
- Web access
- Image generation with **DALL-E-3**, **DALL-E-2**, and **Stable Diffusion**
- And more
### 🔌 **[Plugins and Extensions](docs/configuration/tools)**
- **Enhanced Functionality**:
- Web access
- Image generation with **DALL-E-3**
- And more
### 👥 **[Multi-User Secure Authentication](docs/configuration/authentication)**
- **User Management**: Secure and manage multiple users with authentication controls and token spend tools.
### ⚙️ **Comprehensive Configuration Options**
#### 🚀 **Deployment Flexibility**
- **[Local Deployment](docs/local)**: Run your AI services entirely offline.
- **[Cloud Deployment](docs/remote)**: Utilize the cloud for broader access and scalability.
- **[Proxy & Reverse Proxy Configuration](docs/remote/nginx)**: Optimize routing and security.
- **[Docker Support](docs/local/docker)**: Quick and consistent deployment with Docker.
- **[Firebase CDN](docs/configuration/firebase)**: Fast and reliable content delivery via Firebase CDN.
- **[Logging System](/docs/configuration/logging)**: Integrated logging to monitor system performance and activity.
### 🔒 **Authentication and Security**
#### 🔑 **Flexible Authentication Options**
- **[Token Usage](docs/configuration/token_usage)**: Efficiently manage and allocate usage tokens.
- **[LDAP/AD Authentication](docs/configuration/authentication/ldap)**: Secure integration with LDAP/Active Directory for enterprise-level authentication.
- **[OAuth2-OIDC Authentication](docs/configuration/authentication/OAuth2-OIDC)**: Compatibility with OAuth2 and OIDC for modern authentication protocols.
- **[Email verification & Password Reset](docs/configuration/authentication/email)**: Easy email verification and password reset functionality to ensure account security.
### 📖 **Open-Source Development**
- **Transparency and Collaboration**: Enjoy the benefits of an open-source platform, built with public contributions.
### 🧑‍🤝‍🧑 **Community-Driven Development**
- **Support & Feedback**: Engage with a vibrant community for development support and continuous improvement based on user feedback.
### **Customization**
- **A Lot of Customization Options**: Tailor the platform to your specific needs with extensive customization capabilities, ensuring a personalized user experience.

View File

@@ -2,23 +2,32 @@
title: Get Started
---
import { QuickStartLocal } from '@/components/CardIcons/QuickStartLocal'
import { CustomEndpoints } from '@/components/CardIcons/CustomEndpoints'
import { Logo } from '@/components/CardIcons/AboutLogo'
import { ToolKit } from '@/components/CardIcons/ToolKit'
import { Changelog } from '@/components/CardIcons/Changelog'
import { Roadmap } from '@/components/CardIcons/Roadmap'
import { Blog } from '@/components/CardIcons/Blog'
import { OurAuthors } from '@/components/CardIcons/OurAuthors'
import {
QuickStartLocal,
CustomEndpoints,
Logo,
ToolKit,
Changelog,
Roadmap,
Features,
OurAuthors,
} from '@/components/CardIcons'
# Get Started
### ✨ [Features](/docs/features)
### Quick Start Guides
<div>
<Cards num={2}>
<Cards.Card title="" href="/docs/quick_start/local_setup" icon={<QuickStartLocal />} image />
<Cards.Card title="" href="/docs/quick_start/custom_endpoints" icon={<CustomEndpoints />} image />
<Cards.Card
title=""
href="/docs/quick_start/custom_endpoints"
icon={<CustomEndpoints />}
image
/>
</Cards>
</div>
@@ -51,9 +60,9 @@ import { OurAuthors } from '@/components/CardIcons/OurAuthors'
<Cards num={3}>
<Cards.Card title="" href="/about" icon={<Logo />} image />
<Cards.Card title="" href="/changelog" icon={<Changelog />} image />
<Cards.Card title="" href="/blog/2024-02-19_2024_roadmap" icon={<Roadmap />} image />
<Cards.Card title="" href="/features" icon={<Features />} image />
<Cards.Card title="" href="/toolkit" icon={<ToolKit />} image />
<Cards.Card title="" href="/blog" icon={<Blog />} image />
<Cards.Card title="" href="/blog/2024-02-19_2024_roadmap" icon={<Roadmap />} image />
<Cards.Card title="" href="/authors" icon={<OurAuthors />} image />
</Cards>
</div>

View File

@@ -3,10 +3,22 @@ title: Password Reset
description: This feature enables email-based password reset functionality for your LibreChat server.
---
# Email and Password Reset
# Password Reset
<div style={{padding: "20px", display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column"}}>
<img src="https://github.com/danny-avila/LibreChat/assets/32828263/498c588c-6e50-4aed-9815-5e06a5409966" alt="password reset" style={{borderRadius: "10px"}} />
<div
style={{
padding: '20px',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'column',
}}
>
<img
src="https://github.com/danny-avila/LibreChat/assets/32828263/498c588c-6e50-4aed-9815-5e06a5409966"
alt="password reset"
style={{ borderRadius: '10px' }}
/>
</div>
## Overview
@@ -15,13 +27,13 @@ This feature enables email-based password reset functionality for your LibreChat
## Key Features
* Supports multiple email services, including Gmail and custom mail servers
* Allows for basic and advanced configuration options
* Enables email-based password reset functionality for your LibreChat server
- Supports multiple email services, including Gmail and custom mail servers
- Allows for basic and advanced configuration options
- Enables email-based password reset functionality for your LibreChat server
## Setup Options
* Basic Configuration: Use predefined services with minimal configuration
* Advanced Configuration: Configure generic SMTP services or customize settings for predefined providers
- Basic Configuration: Use predefined services with minimal configuration
- Advanced Configuration: Configure generic SMTP services or customize settings for predefined providers
**For further details, refer to the configuration guides provided here: [Password Reset](/docs/configuration/authentication/password_reset)**
**For further details, refer to the configuration guides provided here: [Password Reset](/docs/configuration/authentication/email)**

View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet">
<path fill="#FFAC33"
d="M34.347 16.893l-8.899-3.294l-3.323-10.891a1 1 0 0 0-1.912 0l-3.322 10.891l-8.9 3.294a1 1 0 0 0 0 1.876l8.895 3.293l3.324 11.223a1 1 0 0 0 1.918-.001l3.324-11.223l8.896-3.293a.998.998 0 0 0-.001-1.875z"></path>
<path fill="#FFCC4D"
d="M14.347 27.894l-2.314-.856l-.9-3.3a.998.998 0 0 0-1.929-.001l-.9 3.3l-2.313.856a1 1 0 0 0 0 1.876l2.301.853l.907 3.622a1 1 0 0 0 1.94-.001l.907-3.622l2.301-.853a.997.997 0 0 0 0-1.874zM10.009 6.231l-2.364-.875l-.876-2.365a.999.999 0 0 0-1.876 0l-.875 2.365l-2.365.875a1 1 0 0 0 0 1.876l2.365.875l.875 2.365a1 1 0 0 0 1.876 0l.875-2.365l2.365-.875a1 1 0 0 0 0-1.876z"></path>
</svg>

After

Width:  |  Height:  |  Size: 944 B