From 27adfa9d08d7d583eae9abafae42ff797d9420b1 Mon Sep 17 00:00:00 2001 From: Muhammad Bin Khalid Date: Sun, 18 May 2025 21:45:43 +0500 Subject: [PATCH 1/2] Refactor code structure for improved readability and maintainability --- views/mainPages/chatbot.handlebars | 37 +- views/staticPage/index.handlebars | 1576 +++++++++++++++++++--------- 2 files changed, 1116 insertions(+), 497 deletions(-) diff --git a/views/mainPages/chatbot.handlebars b/views/mainPages/chatbot.handlebars index 4268b6f..59e5c25 100644 --- a/views/mainPages/chatbot.handlebars +++ b/views/mainPages/chatbot.handlebars @@ -1233,9 +1233,10 @@
{{#if isChatIdOfOtherUser}} -
- This Chat ID Belongs to {{chatIdUsername}} -
+
+ This Chat ID Belongs to {{chatIdUsername}} +
{{/if}}
@@ -1326,25 +1327,37 @@
- Upgrade Plan + Upgrade Plan Account Settings -
+ Save Settings Cancel diff --git a/views/staticPage/index.handlebars b/views/staticPage/index.handlebars index c1dbae8..fe98565 100644 --- a/views/staticPage/index.handlebars +++ b/views/staticPage/index.handlebars @@ -2,467 +2,916 @@ - AI Chat Application - Product Page + content="A private Portal for the MBK Tech Studio team, offering streamlined operations and powerful administration tools."> + + + + + ChatAPI | MBK Tech Studio - - + + + @@ -515,239 +956,404 @@
-
-
-

Experience the Power of AI Chat

-

Unlock seamless conversations with our cutting-edge AI Chat Application. Connect with advanced AI models - and enjoy a customizable, restriction-free chat experience.

-
- Try Live Demo - Learn Features - Open In GitHub +
+
+ + + + + + + +
+
+

Experience the Power of AI Chat by MBK Tech Studio

+

Unlock seamless conversations with our cutting-edge AI Chat Application. Connect with advanced AI + models and enjoy a customizable, restriction-free chat experience.

+
+ + Try Live Demo + + + View on GitHub + +
+
+
+
+ +
+
+

Ready to Transform Your AI Experience?

+

Join hundreds of + users who are already leveraging the power of our AI Chat Application for their personal and + professional needs.

+
+ + Try Live Demo + + + Login +
-
-
-

Key Features

-
-
- -

Seamless API Integration

-

Easily connect with various AI APIs like Gemini, DeepSeek, and more. Add and switch APIs - effortlessly.

+
+

Key Features

+
+
+
+
-
- -

Highly Customizable

-

Tailor the chatbot's behavior, prompts, and appearance to fit your specific needs and branding. -

+

Seamless API Integration

+

Easily connect with various AI APIs like Gemini, DeepSeek, and more. Add and switch APIs effortlessly + with our intuitive interface.

+
+
+
+
-
- -

Bypass Restrictions

-

Deploy on platforms like Vercel or Netlify to overcome network limitations and access AI - anywhere.

+

Highly Customizable

+

Tailor the chatbot's behavior, prompts, and appearance to fit your specific needs and branding + requirements.

+
+
+
+
-
- -

Open Source & Extensible

-

Built on an open-source platform, allowing for community contributions and deep customization. -

+

Bypass Restrictions

+

Deploy on platforms like Vercel or Netlify to overcome network limitations and access AI from + anywhere in the world.

+
+
+
+
+

Open Source & Extensible

+

Built on an open-source platform, allowing for community contributions and deep customization to fit + any use case.

-
-
-

Product Details

-

Our AI Chat Application is designed to provide you with a flexible and powerful way to interact with AI - models. Here's a deeper look:

- -

Key Capabilities

-
    -
  • Multi-Model Support: Compatible with Gemini, DeepSeek, and easily extensible to - other AI APIs.
    • -
  • Customizable Settings: Adjust temperature, model selection, and appearance to - personalize your experience.
    • -
  • User-Friendly Interface: Clean and intuitive chat interface for seamless - conversations.
    • -
  • Deployment Flexibility: Deployable on Vercel, Netlify, and other platforms for - unrestricted access.
    • -
  • Open API Architecture: Allows developers to extend and integrate the chatbot into - other systems.
    • -
- -

Use Cases

-

Our AI Chat Application is perfect for:

-
    -
  1. Workplace Productivity: Access AI assistants on restricted networks to boost - efficiency.
    2. -
  2. Educational Research: Enable students and educators to use AI for learning and - research in schools and universities.
    3. -
  3. Personal AI Assistance: Create a personal AI assistant for daily tasks, - brainstorming, and information retrieval.
    4. -
  4. Developer Experimentation: A platform for developers to test and integrate various - AI models and chatbot functionalities.
    5. -
- -
-

Gemini Model Selection Guide

-

Choose the right Gemini model for your needs based on these key features:

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ModelTypeBest For
Gemini 2.0 FlashTextNext generation features, speed, thinking, realtime responses
Gemini 2.0 Flash-LiteTextCost efficiency and low latency requirements
Gemini 1.5 FlashTextFast and versatile performance across a diverse variety of tasks
Gemini 1.5 Flash-8BTextHigh volume and lower intelligence tasks
Gemini 1.5 ProTextComplex reasoning tasks requiring more intelligence
-
-
-
+
+

Technical Details

+
+
+
+

Core Features

+
    +
  • Multi-Model Support: Switch between Gemini, DeepSeek, and other AI APIs + seamlessly with a single interface
    • +
  • Customizable Interface: Adjust themes, layout, and chat behavior to match + your preferences
    • +
  • Advanced Settings: Fine-tune temperature, max tokens, and other model + parameters for optimal results
    • +
  • Conversation History: Save and revisit past conversations with persistent + storage options
    • +
  • API Key Management: Securely store and manage multiple API keys for + different services
    • +
+
-
-
-

Try the Live Demo

-

Experience the AI Chat Application firsthand. Click the button below to access the live demo.

- Launch Demo -
-
+
+

Deployment Options

+
    +
  • Vercel/Netlify: One-click deployment for hassle-free hosting with minimal + configuration
    • +
  • Docker: Containerized deployment for easy scaling and environment + consistency
    • +
  • Self-Hosted: Full control with traditional server deployment on your + infrastructure
    • +
  • Edge Functions: Optimized for serverless environments with fast response + times
    • +
  • Custom Domains: Use your own domain for branded access and professional + appearance
    • +
+
-
-
-

Development Team

-

Meet the team behind the AI Chat Application:

-
- -
-

Muhammad Bin Khalid

- - -
-

Maaz Waheed

- +
+

Use Cases

+
    +
  • Enterprise AI: Deploy internal AI assistants for your team with custom + knowledge
    • +
  • Education: Provide AI access in restricted academic networks for research +
    • +
  • Development: Test and compare different AI models in one unified interface +
    • +
  • Personal Use: Your private AI chat interface without limitations or + tracking
    • +
  • Research: Conduct AI experiments with flexible parameters and + configurations
    • +
+
+
+ +
+

Model Selection Guide

+

Choose the right AI model for your specific needs from our supported options:

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ModelTypeBest ForCapacity
Gemini 2.0 FlashTextNext generation features, speed, thinkingHigh
Gemini 2.0 Flash-LiteTextCost efficiency and low latencyMedium
Gemini 1.5 FlashTextVersatile performance across tasksHigh
Gemini 1.5 Flash-8BTextHigh volume and lower intelligence tasksMedium
Gemini 1.5 ProTextComplex reasoning tasksVery High
+
-
-
-

Want to Learn More?

-

Explore our documentation, deployment guides, and FAQs to get a comprehensive understanding of the AI - Chat Application.

- View on GitHub +
+

Development Team

+
+

The talented individuals behind + the AI Chat Application, bringing cutting-edge technology to your fingertips.

+ +
+
+ Muhammad Bin Khalid +

Muhammad Bin Khalid

+
+ +
+ Maaz Waheed +

Maaz Waheed

+
+
+ + From 7cc81f7be895f9d98aaaa4b94a85b68194b6c4be Mon Sep 17 00:00:00 2001 From: Muhammad Bin Khalid Date: Sun, 18 May 2025 22:15:12 +0500 Subject: [PATCH 2/2] Refactor message handling logic to skip rendering specific context messages; improved clarity and functionality in chat interactions. --- views/mainPages/chatbot.handlebars | 41 ++++++++++++++++-------------- 1 file changed, 22 insertions(+), 19 deletions(-) diff --git a/views/mainPages/chatbot.handlebars b/views/mainPages/chatbot.handlebars index 59e5c25..f96a5b5 100644 --- a/views/mainPages/chatbot.handlebars +++ b/views/mainPages/chatbot.handlebars @@ -1920,17 +1920,6 @@ const messageText = chatInput.value.trim(); if (!messageText || isWaitingForResponse) return; - // Skip rendering if message is the specific context message - const contextMessages = [ - "IMPORTANT CONTEXT: You are an AI chatbot developed by Muhammad Bin Khalid and Maaz Waheed at MBK Tech Studio. You're a general purpose chatbot (not specifically about MBK Tech Studio). When asked about your identity, mention your developers and that you're a general AI assistant developed at MBK Tech Studio.", - "IMPORTANT CONTEXT: You are an AI chatbot developed by Muhammad Bin Khalid and Maaz Waheed at MBK Tech Studio. You're a general purpose chatbot (not specifically about MBK Tech Studio). When asked about your identity, mention your developers and that you're a general AI assistant developed at MBK Tech Studio. Keep responses concise." - ]; - - if (contextMessages.includes(messageText)) { - chatInput.value = ''; - return; - } - const startTime = Date.now(); addMessage(messageText, 'user'); chatInput.value = ''; @@ -1996,14 +1985,28 @@ } function addMessage(text, sender, messageId = Date.now(), responseTime = null) { + // Skip rendering the IMPORTANT CONTEXT message if it's the first message + if (chatMessages.children.length === 0) { + + const contextMessages = [ + "IMPORTANT CONTEXT: You are an AI chatbot developed by Muhammad Bin Khalid and Maaz Waheed at MBK Tech Studio. You're a general purpose chatbot (not specifically about MBK Tech Studio). When asked about your identity, mention your developers and that you're a general AI assistant developed at MBK Tech Studio.", + "IMPORTANT CONTEXT: You are an AI chatbot developed by Muhammad Bin Khalid and Maaz Waheed at MBK Tech Studio. You're a general purpose chatbot (not specifically about MBK Tech Studio). When asked about your identity, mention your developers and that you're a general AI assistant developed at MBK Tech Studio. Keep responses concise." + ]; + + if (contextMessages.some(ctx => text.trim() === ctx.trim())) { + console.log("Skipping IMPORTANT CONTEXT message."); + return; + } + } + const messageDiv = document.createElement('div'); messageDiv.className = `message ${sender}-message message-loading`; messageDiv.dataset.messageId = messageId; const deleteButton = sender === 'ai' ? `` : ''; + + ` : ''; const processedText = sender === 'ai' ? marked.parse(text) : escapeHtml(text); @@ -2012,12 +2015,12 @@ `
Response time: ${(responseTime / 1000).toFixed(2)}s
` : ''; messageDiv.innerHTML = ` -
- ${deleteButton} -
${processedText}
- ${responseTimeDisplay} -
- `; +
+ ${deleteButton} +
${processedText}
+ ${responseTimeDisplay} +
+ `; chatMessages.appendChild(messageDiv);