AI Chat Toolkit

Supercharge your AI chats. Copy LaTeX formulas, manage custom prompts, view timelines, and backup conversations with ease.

---

✨ What is AI Chat Toolkit?

AI Chat Toolkit is a browser extension that supercharges your AI chat workflow:

• LaTeX Copy — Double-click any rendered math formula on AI chat pages to copy the real LaTeX source to your clipboard. No more retyping integrals, matrices, or proofs.
• Conversation Export / Backup — Export the current chat or all chats as Markdown / JSON, with a beautiful in-page export modal and ZIP download.
• Interactive Timeline — A slim sidebar with proportional dots lets you jump to any user message in long conversations.
• Prompt Manager — Save, organize, and quickly insert custom prompts into the chat input box.

🌐 Supported Platforms

Platform	LaTeX Copy	Export	Timeline	Prompt Button
ChatGPT	✅	✅	✅	✅
Gemini	✅	✅	✅	✅
Claude	✅	✅	✅	✅
DeepSeek	✅	✅	✅	✅
Grok	✅	✅	✅	✅
Poe	✅	✅	✅	✅
Doubao (豆包)	✅	✅	—	✅

LaTeX copy also works on any webpage using KaTeX or MathJax renderers.

🚀 Quick Start

Chrome / Edge / Brave (Manifest V3)

1. Download or clone this repository.
2. Open chrome://extensions (or edge://extensions).
3. Enable Developer Mode.
4. Click Load unpacked → select the AI Chat Toolkit-Chrome folder.
5. Navigate to any supported AI chat and start using AI Chat Toolkit.

Firefox (Manifest V2)

1. Open about:debugging#/runtime/this-firefox.
2. Click Load Temporary Add-on → select AI Chat Toolkit-Chrome/manifest-v2.json.

📖 Features

🔢 LaTeX Copy

• Hover over a rendered formula to see a highlight.
• Double-click to copy the LaTeX source to your clipboard.
• A toast notification confirms the copy.
• Works with KaTeX, MathJax, and Shadow DOM elements.

📤 Conversation Export

• Click the floating Export button at the bottom-right of any chat page.
• Choose Current Chat or All Chats.
• Select format: Markdown, JSON, or Both.
• All Chats exports as a .zip file with a real-time progress modal.

📍 Interactive Timeline

• A slim vertical bar on the right side of the page shows dots for each user message.
• Dots are positioned proportionally based on actual message locations.
• Click a dot to smooth-scroll to that message.
• Hover to see a preview tooltip of the message content.
• The active dot highlights automatically as you scroll.

✏️ Prompt Manager

• A prompt button appears next to the chat input box.
• Click to open a dropdown of your saved prompts.
• Click any prompt to insert it into the input box.
• Add new prompts via a beautiful in-page modal with name/content fields.
• Prompts are stored locally and persist across sessions.

🏗️ Project Structure

AI Chat Toolkit-Chrome/
├── manifest.json          # Chrome Manifest V3
├── manifest-v2.json       # Firefox Manifest V2
├── background.js          # Service worker (update handler, export orchestration)
├── content.js             # LaTeX detection & copy logic
├── exporter.js            # Message extraction & formatting (Markdown/JSON)
├── export-button.js       # In-page export button & modal UI
├── export-button.css      # Export button & modal styles
├── timeline.js            # Interactive timeline sidebar
├── timeline.css           # Timeline styles
├── promptbutton.js        # Prompt button & manager
├── promptbutton.css       # Prompt button styles
├── popup.html / popup.js  # Extension popup UI
├── jszip.min.js           # ZIP library for All Chats export
├── docs/update.html       # Changelog page (opened on update)
├── _locales/              # i18n (English, Chinese)
├── icons/                 # Extension icons
└── build.js / release.js  # Build & release scripts

⚙️ Permissions

Permission	Purpose
clipboardWrite	Copy LaTeX to clipboard on double-click
activeTab	Inject content scripts on the active page
scripting	Programmatic script injection when needed
storage	Persist user settings and saved prompts
<all_urls>	Support LaTeX copy on any website

No browsing data is collected, stored, or transmitted.

🌍 Localization

AI Chat Toolkit supports:

• 🇬🇧 English
• 🇨🇳 简体中文

Translations are in _locales/. PRs for additional languages are welcome.

🤝 Contributing

1. Fork the repository.
2. Create a feature branch: git checkout -b feature/my-feature.
3. Commit your changes: git commit -m "Add my feature".
4. Push to the branch: git push origin feature/my-feature.
5. Open a Pull Request.

If you encounter a formula that doesn't copy correctly, please open an issue with the page URL and a screenshot of the equation.

📄 License

[MIT License](AI Chat Toolkit-Chrome/LICENSE) © 2024 HeroBlast10