Add system prompt for LLM chatbot

[CodeRifle]

• Updated script.js to include a detailed system prompt when initializing the LanguageModel session.
• This system prompt guides the AI to act as a specialized assistant for Rishabh Gupta's portfolio, providing information on his skills, projects, and background.
• Modified the mock LanguageModel in index.html to accept and log the system prompt configuration, aiding in debugging.

[gemini-code-assist]

Summary of Changes

Hello @CodeRifle, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request introduces a foundational system prompt for the LLM-powered chatbot, guiding its behavior to be a knowledgeable assistant for Rishabh Gupta's portfolio. Concurrently, I've enhanced the local development environment by updating the mock LanguageModel to properly handle and log these new prompt configurations.

Highlights

• LLM Chatbot System Prompt: I've added a comprehensive system prompt to the LanguageModel session initialization in script.js. This prompt instructs the AI chatbot to act as a specialized assistant for Rishabh Gupta's portfolio, focusing on his background, skills, projects, and encouraging exploration of the website.
• Mock LanguageModel Enhancement: The mock LanguageModel implementation in index.html has been updated to accept and log the initialPrompts configuration. This change facilitates debugging and verification of the system prompt being correctly passed to the model during development.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point in your pull request via creating an issue comment (i.e. comment on the pull request page) using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in issue comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist is currently in preview and may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments to provide feedback.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

The pull request adds a system prompt to the LLM chatbot. The changes in script.js introduce the prompt, and the mock in index.html is updated to handle it. I've suggested fixing an escaping issue in the prompt string in script.js and using optional chaining in index.html.