🧹 chore: minor fixes and documentation updates (#175)

* fix: sparkles overflow, remove for now

* docs: mark plugins feature as deprecated in favor of Agents

* feat: add Code Interpreter API section to documentation and footer menu

components/FooterMenu.tsx

@@ -31,6 +31,10 @@ const menuItems: {
   {
     heading: 'Resources',
     items: [
+      {
+        name: 'Code Interpreter API',
+        href: 'https://code.librechat.ai/pricing',
+      },
       {
         name: 'Changelog',
         href: '/changelog',

components/home/Hero.tsx

@@ -4,7 +4,6 @@ import { ContainerScroll } from '@/components/ui/container-scroll-animation'
 import { CardBody, CardContainer, CardItem } from '../ui/3d-card'
 import { HoverBorderGradient } from '../ui/hover-border-gradient'
 import RepoOfTheDay from '@/components/svg/RepoOfTheDay'
-import { SparklesCore } from '@/components/ui/sparkles'
 import { HomeSection } from './components/HomeSection'
 import RossIndex from '@/components/svg/RossIndex'
 import DemoImage from './img/demo.png'
@@ -49,25 +48,12 @@ const HeroDescription = React.memo(() => (
     </span>
     {HERO_DESCRIPTION}
     <div className="flex justify-center mt-4">
-      <div className="w-[40rem] h-40 relative">
+      <div className="w-[40rem] h-20 relative">
         {/* Gradients */}
         <div className="absolute inset-x-20 top-0 bg-gradient-to-r from-transparent via-indigo-500 to-transparent h-[2px] w-3/4 blur-sm" />
         <div className="absolute inset-x-20 top-0 bg-gradient-to-r from-transparent via-indigo-500 to-transparent h-px w-3/4" />
         <div className="absolute inset-x-60 top-0 bg-gradient-to-r from-transparent via-sky-500 to-transparent h-[5px] w-1/4 blur-sm" />
         <div className="absolute inset-x-60 top-0 bg-gradient-to-r from-transparent via-sky-500 to-transparent h-px w-1/4" />
-
-        {/* Core component */}
-        <SparklesCore
-          background="transparent"
-          minSize={0.4}
-          maxSize={1}
-          particleDensity={1200}
-          className="w-full h-full"
-          particleColor="#FFFFFF"
-        />
-
-        {/* Radial Gradient to prevent sharp edges */}
-        <div className="absolute inset-0 w-full h-full dark:bg-black bg-white [mask-image:radial-gradient(350px_200px_at_top,transparent_20%,white)]"></div>
       </div>
     </div>
   </span>

components/ui/container-scroll-animation.tsx

@@ -20,7 +20,7 @@ export const ContainerScroll = ({ children }: { children: React.ReactNode }) =>
       ref={containerRef}
     >
       <div
-        className="py-10 md:py-32 h-auto w-auto relative"
+        className="py-10 md:py-52 h-auto w-auto relative"
         style={{
           perspective: '800px',
         }}

pages/docs/features/index.mdx

@@ -16,6 +16,20 @@ import Image from 'next/image'
 
 # ✨ Features
 
+### 🔧 [Code Interpreter API](/docs/features/code_interpreter)
+
+- **Secure, Sandboxed Execution**: Run code in Python, Node.js (JS/TS), Go, C/C++, Java, PHP, Rust, and Fortran without local setup.
+- **Seamless File Handling**: Upload and process files directly, download outputs, and manage file sessions effortlessly.
+- **No Privacy Concerns**: The Code Interpreter is fully isolated, ensuring secure and private execution of your code.
+- **[Learn More →](/docs/features/code_interpreter)**
+
+### 🤝 [Agents](/docs/features/agents)
+
+- **No-Code Custom Assistants**: Build specialized, AI-driven helpers that work with any supported model—no coding required.
+- **Flexible & Extensible**: Attach tools like DALL-E-3, semantic search, and calculators, or integrate file management and code execution seamlessly.
+- **Paradigm Shift for LibreChat**: Agents define a new era of customizable workflows and context-aware interactions, enabling you to shape LibreChat into the tool you need.
+- **[Learn More →](/docs/features/agents)**
+
 ### 🪄 **[Artifacts](/docs/features/artifacts)**
 
 - **Generative UI:** React, HTML, Mermaid diagrams
@@ -84,15 +98,13 @@ import Image from 'next/image'
 
 - 🗃️ **Custom Endpoints, OpenAI, Azure, Anthropic, Google**: Chat with files using various powerful endpoints.
 
-#### **Advanced Agents**
+#### **OpenAI Assistants API**
 
 - **Capabilities**:
   - File handling
   - Code interpretation
   - Tool integration
   - API actions 🔦
-  - Available through OpenAI Assistants API 🌤️
-  - Non-OpenAI Agents: Ongoing development 🚧
 
 ### 🌎 **Multilingual UI**
 

pages/docs/features/plugins.mdx

@@ -4,6 +4,8 @@ description: This doc introduces the plugins endpoint, which enables you to use
 ---
 # Plugins (Deprecated)
 
+**Note: This feature is deprecated in favor of [Agents](/docs/features/agents) and will be removed in the future.**
+
 ![intro-1](https://github.com/danny-avila/LibreChat/assets/32828263/7db788a5-2173-4115-b34b-43ea132dae69)