AI Prompt Trace

Your cyberpunk co-pilot for navigating and managing prompt history on Gemini

Built with the tools and technologies:

---

📑 Table of Contents

• Overview
• Features
• Tech Stack
• Installation (for Development)
• Usage
• Future Improvements
• Visuals

---

📌 Overview

Prompt Navigator is a sleek, powerful browser extension designed to enhance the user experience on the Gemini website. As conversations with Gemini grow longer, navigating through the history of prompts becomes cumbersome. This extension solves that problem by injecting a futuristic, cyberpunk-themed sidebar that automatically detects and lists every prompt in your current session. With features like one-click navigation and live filtering, it transforms a long, scrolling chat into a well-organized, easily accessible archive.

---

✨ Features

• ✨ Automatic Prompt Detection: Scans the Gemini page in real-time and automatically populates the history sidebar.
• ⚡ Instant-Access Sidebar: A stylish, animated, and toggleable sidebar provides an unobtrusive way to view your prompt history.
• 🖱️ One-Click Navigation: Simply click any prompt in the sidebar, and the main window will smoothly scroll to its position in the conversation.
• 🔍 Live Search & Filter: A built-in search bar allows you to instantly filter your entire prompt history, making it easy to find specific questions or commands.
• 🎨 Futuristic Cyberpunk Theme: A custom-designed, animated user interface with holographic and neon aesthetics for a visually engaging experience.
• 🧠 Persistent State: Remembers whether the sidebar was open or closed across sessions, providing a seamless user experience.

---

⚙️ Tech Stack

• Core: Vanilla JavaScript, CSS3, HTML5
• Browser API: Chrome Extension APIs (chrome.storage, chrome.runtime)

---

📦 Installation (for Development)

To load and test this extension in your own browser:

# 1. Clone the repository
git clone <your-repository-url-here>

# 2. Navigate to the directory
cd Gemini-Prompt-Navigator

Load into Chrome

1. Open the Chrome browser and navigate to chrome://extensions.
2. Enable the "Developer mode" toggle, located in the top-right corner.
3. Click the "Load unpacked" button.
4. In the file selection window, select the entire Gemini-Prompt-Navigator project folder.
5. The extension is now installed and active!

---

💡 Usage

1. Navigate to gemini.google.com.
2. The cyberpunk-style toggle button will appear on the right side of the page.
3. Click the toggle button to open the Prompt History sidebar.
4. As you chat with Gemini, your prompts will automatically appear in the list.
5. Click any prompt in the list to instantly scroll to it in the main chat window.
6. Use the "Filter logs..." search bar to narrow down the list based on keywords.

---

🔮 Future Improvements

• Export History: Add functionality to export the current session's prompt history as a JSON or Markdown file.
• Cloud Sync: Implement an option to sync prompt history across different devices using Chrome's storage sync.
• Theme Customization: Allow users to select from a variety of themes or customize colors.
• Session Grouping: Automatically group prompts into collapsible sessions based on time.

---