/simple-llama-ui

Simple Llama UI is a comprehensive chat application utilizing AI language models with streaming support.

Primary LanguageHTML

Simple Llama UI 🤖

Vercel Deployment Telegram Community GitHub Stars MIT License

🌟 Project Overview

Simple Llama UI is a comprehensive chat application utilizing AI language models with streaming support. It provides a simple yet powerful interface for integrating AI chat functionality.

🚀 Live Demo

🔗 Website: simple-llama-ui.vercel.app

💡 Features

  • AI Language Model API Integration
  • Streaming and Standard Chat Modes
  • Extensible Plugin Architecture
  • Cross-Platform Compatibility
  • Flexible Configuration Options

🛠 Project Structure

API Wrapper (js/chat_api.js)

// Initialize chat context
const ctx = initChat(apiKey, options);

// Send chat message (standard mode)
async function postChatText(text, ctx, options);

// Send chat message (streaming mode)
async function streamChatText(text, ctx, chunkHandler, options);

📦 Installation

Prerequisites

  • Web server
  • API Key (OpenAI/Llama/Custom)
  • Node.js
  • npm or yarn

Setup Steps

  1. Copy files to web server
  2. Copy js/config.templete.js to js/config.js
  3. Replace API_KEY with your preferred AI model API key
  4. Customize HEADER_ELEMENT (optional)

Access Methods

  • Browser: server_url/index.html (standard/stream modes)
  • Test URLs:
    • server_url/test/test_small.html (no communication test)
    • server_url/test/test_large.html (communication test)

🔧 Development Status

✅ Completed

  • UI Improvements
  • Streaming Support
  • Basic Error Handling
  • Context Management

🚧 Ongoing Tasks

  • Message Compaction Algorithm

    • Simple removal from start
    • Preserve system role
    • Retain system role and first exchange
    • Preserve high-information exchanges
    • Develop information density assessment
    • Summarize past interactions

  • Token Management

    • Display token count
    • Adjust token limits dynamically
    • Handle context length constraints

  • Error Handling

    • Standardized error messages
    • Separate error role
    • Improve user-friendly error communication

  • Refactoring

    • Add comments
    • Implement JSDoc standards
    • Configurable debug logging
    • Enhance configuration flexibility

💰 Support the Project

💸 Donation Wallet

Ethereum Address: 0x3A06322e9F1124F6B2de8F343D4FDce4D1009869

💳 Supported Cryptocurrencies

  • Ethereum (ETH)
  • USDT
  • USDC

🤝 Community

🔒 License

MIT License

🏆 Promoted Projects

🌍 Scripters.shop

Your One-Stop Shop for AI Tools & Plugins

  • 🤖 AI Models
  • 🧩 Plugins
  • 💻 Developer Tools

🤖 Contribution

  1. Fork the repository
  2. Create your feature branch
  3. Commit your changes
  4. Push to the branch
  5. Create a Pull Request

📞 Support

For questions, issues, or collaboration:

Made with ❤️ by Rekt Developers

Sponsor