Greasy Fork is available in English.
轻松组织和访问您的自定义提示词。使用交互式填充插入动态信息（数据、主题等），以适应任何情境。完全兼容主流 AI 平台：ChatGPT、Gemini、Claude、DeepSeek、Kimi、Qwen、Grok、LMArena、Z.AI、Google AI Studio 和 Perplexity。
当前为
// ==UserScript==
// @name My Prompt
// @name:es-419 Mi Prompt
// @name:pt-BR Meu Prompt
// @name:zh-CN 我的提示词
// @name:zh-TW 我的提示詞
// @name:fr-CA Mon Prompt
// @name:ckb پڕۆمپتەکەم
// @name:ar مُوجِّهي
// @name:be Мой запыт
// @name:bg Моята подкана
// @name:cs Můj pokyn
// @name:da Min prompt
// @name:de Mein Prompt
// @name:el Η προτροπή μου
// @name:en My Prompt
// @name:eo Mia instigo
// @name:es Mi Prompt
// @name:fi Kehotteeni
// @name:fr Mon Prompt
// @name:he ההנחיה שלי
// @name:hr Moja uputa
// @name:hu Promptom
// @name:id Prompt Saya
// @name:it Il mio Prompt
// @name:ja マイプロンプト
// @name:ka ჩემი პრაომპტი
// @name:ko 나의 프롬프트
// @name:mr माझी सूचना
// @name:nb Min prompt
// @name:nl Mijn Prompt
// @name:pl Mój monit
// @name:ro Prompt-ul meu
// @name:ru Мой Промпты
// @name:sk Môj pokyn
// @name:sr Мој упит
// @name:sv Min prompt
// @name:th พรอมต์ของฉัน
// @name:tr İstemim
// @name:uk Мій запит
// @name:ug مېنىڭ پرومپتۇم
// @name:vi Lời nhắc của tôi
// @namespace https://github.com/0H4S
// @version 2.2
// @description Easily organize and access your custom prompts. Use interactive filling to insert dynamic info and adapt prompts for any situation. Compatible with major AI platforms: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio, and Perplexity.
// @description:es-419 Organiza y accede a tus prompts personalizados con rapidez. Usa el llenado interactivo para insertar información dinámica y adapta tus prompts a cualquier situación. Compatible con las principales IAs: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio y Perplexity.
// @description:pt-BR Organize e acesse seus prompts personalizados com rapidez e facilidade. Use o preenchimento interativo para inserir informações dinâmicas e adapte seus prompts para qualquer situação. Compatível com: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio e Perplexity.
// @description:zh-CN 轻松组织和访问您的自定义提示词。使用交互式填充插入动态信息（数据、主题等），以适应任何情境。完全兼容主流 AI 平台：ChatGPT、Gemini、Claude、DeepSeek、Kimi、Qwen、Grok、LMArena、Z.AI、Google AI Studio 和 Perplexity。
// @description:zh-TW 輕鬆組織和存取您的自訂提示詞。使用互動式填充插入動態資訊（數據、主題等），以適應任何情境。完全相容於主流 AI 平台：ChatGPT、Gemini、Claude、DeepSeek、Kimi、Qwen、Grok、LMArena、Z.AI、Google AI Studio 和 Perplexity。
// @description:fr-CA Organisez et accédez rapidement à vos invites personnalisées. Utilisez le remplissage interactif pour insérer des infos dynamiques et adaptez vos invites à toute situation. Compatible avec les principales IA : ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio et Perplexity.
// @description:ckb بە خێرایی و ئاسانی ڕێکخستن و دەستگەیشتن بە داواکارییە تایبەتەکانت بکە. پڕکردنەوەی کارlێکەر بەکاربهێنە بۆ زیادکردنی زانیاری جوڵاو و گونجاندنی لەگەڵ هەر دۆخێکدا. گونجاوە لەگەڵ ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio و Perplexity.
// @description:ar نظم مطالباتك المخصصة وقم بالوصول إليها بسرعة وسهولة. استخدم التعبئة التفاعلية لإدراج معلومات ديناميكية وتكييف مطالباتك مع أي موقف. متوافق تمامًا مع منصات الذكاء الاصطناعي الرئيسية: ChatGPT وGemini وClaude وDeepSeek وKimi وQwen وGrok وLMArena وZ.AI وGoogle AI Studio وPerplexity.
// @description:be Хутка арганізуйце і атрымлівайце доступ да ўласных падказак. Выкарыстоўвайце інтэрактыўнае запаўненне для ўстаўкі дынамічных даных і адаптацыі падказак да любой сітуацыі. Сумяшчальнасць з ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio і Perplexity.
// @description:bg Организирайте и осъществявайте бърз достъп до персонализираните си подкани. Използвайте интерактивно попълване за вмъкване на динамични данни и адаптирайте подканите към всяка ситуация. Съвместимо с ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio и Perplexity.
// @description:cs Snadno organizujte a přistupujte ke svým vlastním promptům. Využijte interaktivní vyplňování pro vložení dynamických dat a přizpůsobení promptů jakékoli situaci. Kompatibilní s hlavními AI platformami: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio a Perplexity.
// @description:da Organiser og få adgang til dine tilpassede prompts hurtigt og nemt. Brug interaktiv udfyldning til at indsætte dynamiske oplysninger og tilpas dine prompts til enhver situation. Fuldt kompatibel med ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio og Perplexity.
// @description:de Organisieren und greifen Sie schnell auf Ihre benutzerdefinierten Prompts zu. Nutzen Sie interaktives Ausfüllen für dynamische Daten und passen Sie Prompts an jede Situation an. Kompatibel mit ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio und Perplexity.
// @description:el Οργανώστε και αποκτήστε πρόσβαση στις προσαρμοσμένες προτροπές σας γρήγορα. Χρησιμοποιήστε διαδραστική συμπλήρωση για δυναμικά δεδομένα και προσαρμόστε τις προτροπές σε κάθε κατάσταση. Συμβατό με ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio και Perplexity.
// @description:en Easily organize and access your custom prompts. Use interactive filling to insert dynamic info and adapt prompts for any situation. Compatible with major AI platforms: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio, and Perplexity.
// @description:eo Organizu kaj aliru viajn kutimajn promptojn rapide kaj facile. Uzu interagan plenigadon por enmeti dinamikajn informojn kaj adapti viajn promptojn al iu ajn situacio. Tute kongrua kun ĉefaj AI-platformoj: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio kaj Perplexity.
// @description:es Organiza y accede a tus prompts personalizados con rapidez y facilidad. Utiliza el llenado interactivo para insertar información dinámica y adapta tus prompts a cualquier situación. Compatible con ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio y Perplexity.
// @description:fi Järjestä ja käytä mukautettuja kehotteitasi nopeasti ja helposti. Käytä interaktiivista täyttöä dynaamisten tietojen lisäämiseen ja mukauta kehotteet mihin tahansa tilanteeseen. Yhteensopiva ChatGPT:n, Geminin, Clauden, DeepSeekin, Kimin, Qwenin, Grokin, LMArenan, Z.AI:n, Google AI Studion ja Perplexityn kanssa.
// @description:fr Organisez et accédez rapidement à vos invites personnalisées. Utilisez le remplissage interactif pour insérer des données dynamiques et adapter vos invites à toutes les situations. Compatible avec ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio et Perplexity.
// @description:he ארגן וגש להנחיות המותאמות אישית שלך במהירות ובקלות. השתמש במילוי אינטראקטיבי להוספת מידע דינמי והתאם את ההנחיות שלך לכל סיטואציה. תואם באופן מלא לפלטפורמות AI מובילות: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio ו-Perplexity.
// @description:hr Organizirajte i pristupite svojim prilagođenim upitima brzo i jednostavno. Koristite interaktivno ispunjavanje za unos dinamičkih podataka i prilagodbu upita svakoj situaciji. Potpuno kompatibilno s ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio i Perplexity.
// @description:hu Rendszerezze és érje el gyorsan egyéni promptjait. Használjon interaktív kitöltést dinamikus adatok beillesztéséhez, és igazítsa promptjait bármilyen helyzethez. Kompatibilis a főbb AI platformokkal: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio és Perplexity.
// @description:id Atur dan akses prompt kustom Anda dengan cepat dan mudah. Gunakan pengisian interaktif untuk menyisipkan informasi dinamis dan sesuaikan prompt Anda untuk situasi apa pun. Kompatibel sepenuhnya dengan platform AI utama: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio, dan Perplexity.
// @description:it Organizza e accedi ai tuoi prompt personalizzati rapidamente. Usa il riempimento interattivo per inserire dati dinamici e adatta i tuoi prompt a qualsiasi situazione. Completamente compatibile con le principali piattaforme AI: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio e Perplexity.
// @description:ja カスタムプロンプトを素早く簡単に整理・アクセス。インタラクティブな入力機能で動的な情報（データ、トピック等）を挿入し、あらゆる状況に合わせてプロンプトを調整できます。ChatGPT、Gemini、Claude、DeepSeek、Kimi、Qwen、Grok、LMArena、Z.AI、Google AI Studio、Perplexityの主要AIプラットフォームに完全対応。
// @description:ka სწრაფად და მარტივად მოაწესრიგეთ და გამოიყენეთ თქვენი პერსონალური მოთხოვნები. გამოიყენეთ ინტერაქტიული შევსება დინამიური ინფორმაციის ჩასასმელად და მოარგეთ მოთხოვნები ნებისმიერ სიტუაციას. თავსებადია: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio და Perplexity.
// @description:ko 사용자 지정 프롬프트를 빠르고 쉽게 정리하고 액세스하세요. 대화형 채우기를 사용하여 동적 정보(데이터, 주제 등)를 삽입하고 모든 상황에 맞게 프롬프트를 조정할 수 있습니다. ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio 및 Perplexity와 완벽하게 호환됩니다.
// @description:mr आपले सानुकूल प्रॉम्प्ट्स जलद आणि सहजपणे आयोजित करा आणि ऍक्सेस करा. डायनॅमिक माहिती भरण्यासाठी परस्परसंवादी भरणा वापरा आणि कोणत्याही परिस्थितीसाठी प्रॉम्प्ट्स अनुकूल करा. ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio आणि Perplexity सह पूर्णपणे सुसंगत.
// @description:nb Organiser og få tilgang til dine tilpassede prompter raskt og enkelt. Bruk interaktiv utfylling for å sette inn dynamisk informasjon og tilpass prompter til enhver situasjon. Fullt kompatibel med ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio og Perplexity.
// @description:nl Organiseer en open uw aangepaste prompts snel en gemakkelijk. Gebruik interactieve invulling om dynamische gegevens in te voegen en pas uw prompts aan elke situatie aan. Volledig compatibel met de belangrijkste AI-platforms: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio en Perplexity.
// @description:pl Łatwo organizuj i uzyskuj dostęp do niestandardowych promptów. Używaj interaktywnego wypełniania do wprowadzania dynamicznych danych i dostosuj prompty do każdej sytuacji. Pełna kompatybilność z głównymi platformami AI: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio i Perplexity.
// @description:ro Organizați și accesați rapid și ușor prompturile personalizate. Utilizați completarea interactivă pentru a insera informații dinamice și adaptați prompturile pentru orice situație. Compatibil cu principalele platforme AI: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio și Perplexity.
// @description:ru Легко организуйте и используйте свои пользовательские промпты. Интерактивное заполнение позволяет вставлять динамические данные и адаптировать промпты к любой ситуации. Поддержка ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio и Perplexity.
// @description:sk Rýchlo a jednoducho usporiadajte a pristupujte k vlastným promptom. Pomocou interaktívneho vypĺňania vložte dynamické informácie a prispôsobte prompty každej situácii. Plne kompatibilné s hlavnými platformami AI: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio a Perplexity.
// @description:sr Организујте и приступајте својим прилагођеним упитима брзо и лако. Користите интерактивно попуњавање за унос динамичких података и прилагодите упите свакој ситуацији. Компатибилно са ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio и Perplexity.
// @description:sv Organisera och kom åt dina anpassade prompts snabbt och enkelt. Använd interaktiv ifyllning för att infoga dynamisk information och anpassa dina prompts till alla situationer. Fullt kompatibel med ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio och Perplexity.
// @description:th จัดระเบียบและเข้าถึงคำสั่งพรอมต์ของคุณได้อย่างรวดเร็วและง่ายดาย ใช้การเติมข้อมูลแบบโต้ตอบเพื่อใส่ข้อมูลแบบไดนามิกและปรับเปลี่ยนพรอมต์ของคุณให้เหมาะกับทุกสถานการณ์ รองรับแพลตฟอร์ม AI หลัก: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio และ Perplexity
// @description:tr Özel istemlerinizi (prompts) hızlı ve kolay bir şekilde düzenleyin ve erişin. Dinamik veriler eklemek için etkileşimli doldurmayı kullanın ve istemlerinizi her duruma uyarlayın. ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio ve Perplexity gibi ana AI platformlarıyla tam uyumludur.
// @description:uk Легко впорядковуйте та отримуйте доступ до власних підказок. Використовуйте інтерактивне заповнення для вставки динамічних даних і адаптуйте підказки до будь-якої ситуації. Сумісність з ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio та Perplexity.
// @description:ug خاسلىق ئەسكەرتىشلىرىڭىزنى تېز ۋە ئاسان تەشكىللەڭ ۋە زىيارەت قىلىڭ. ھەرىكەتچان ئۇچۇرلارنى قىستۇرۇش ئۈچۈن ئۆز-ئارا تولدۇرۇشنى ئىشلىتىڭ ۋە ئەسكەرتىشلىرىڭىزنى ھەر قانداق ئەھۋالغا ماسلاشتۇرۇڭ. ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio ۋە Perplexity بىلەن تولۇق ماسلىشىدۇ.
// @description:vi Sắp xếp và truy cập các lời nhắc tùy chỉnh của bạn nhanh chóng và dễ dàng. Sử dụng tính năng điền tương tác để chèn thông tin động và điều chỉnh lời nhắc cho mọi tình huống. Hoàn toàn tương thích với các nền tảng AI chính: ChatGPT, Gemini, Claude, DeepSeek, Kimi, Qwen, Grok, LMArena, Z.AI, Google AI Studio và Perplexity.
// @author OHAS
// @homepage https://github.com/0H4S
// @icon https://cdn-icons-png.flaticon.com/512/4997/4997543.png
// @license CC-BY-NC-ND-4.0
// @copyright 2025 OHAS. All Rights Reserved.
// @match *://aistudio.google.com/*
// @match *://gemini.google.com/*
// @match *://chat.deepseek.com/*
// @match *://www.perplexity.ai/*
// @match *://www.kimi.com/*
// @match *://chat.qwen.ai/*
// @match *://chatgpt.com/*
// @match *://lmarena.ai/*
// @match *://chat.z.ai/*
// @match *://claude.ai/*
// @match *://grok.com/*
// @require https://update.greasyfork.icu/scripts/549920.js
// @connect gist.github.com
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_xmlhttpRequest
// @grant GM_registerMenuCommand
// @run-at document-end
// @noframes
// @compatible chrome
// @compatible firefox
// @compatible edge
// @compatible opera
// @bgf-colorLT #847dfd
// @bgf-colorDT #6963ca
// @bgf-compatible brave
// @bgf-copyright [2025 OHAS. All Rights Reserved.](https://gist.github.com/0H4S/ae2fa82957a089576367e364cbf02438)
// @bgf-social https://github.com/0H4S
// @contributionURL https://linktr.ee/0H4S
// ==/UserScript==
(function() {
'use strict';
// #region GLOBAL
const translations = {
'en': {
langName: 'English',
prompt: 'Prompt',
prompts: 'Prompts',
newPrompt: 'New Prompt',
editPrompt: 'Edit Prompt',
title: 'Title',
text: 'Prompt',
save: 'Save',
close: 'Close',
edit: 'Edit',
delete: 'Delete',
noSavedPrompts: 'No saved prompts.',
addPrompt: 'Add prompt',
import: 'Import',
export: 'Export',
confirmDelete: 'Delete prompt "{title}"?',
noPromptsToExport: 'No prompts to export.',
promptsImported: '{count} prompts imported successfully!',
errorImporting: 'Error importing file: {error}',
requiredFields: 'Title and prompt are required.',
editorNotFound: 'Could not find the text area for {platform}.',
languageSettings: '🌐 Language',
fillPlaceholders: 'Fill in the Information',
insert: 'Insert',
enablePlaceholders: 'Dynamic Prompt',
autoExecute: 'Auto-Send',
infoTitle: 'Help',
infoDPDesc: 'Finds texts between brackets <span style="color: #ff6d5c; background-color: #474747ff; border-radius: 6px; padding: 2px 4px;">[example]</span> in your prompt and asks you to fill them in before sending.',
infoASDesc: 'Sends the prompt to the chat instantly after being inserted, without needing manual action.',
search: 'Search prompts...',
selectAll: 'Select All',
countPrompts: '{count} prompts',
confirmDownloads: 'You are about to download {count} individual text files. Continue?',
noSearchResults: 'No prompts match your search.',
fileName: 'My_Prompts.json'
},
'pt-BR': {
langName: 'Português (BR)',
prompt: 'Prompt',
prompts: 'Prompts',
newPrompt: 'Novo Prompt',
editPrompt: 'Editar Prompt',
title: 'Título',
text: 'Prompt',
save: 'Salvar',
close: 'Fechar',
edit: 'Editar',
delete: 'Excluir',
noSavedPrompts: 'Nenhum prompt salvo.',
addPrompt: 'Adicionar prompt',
import: 'Importar',
export: 'Exportar',
confirmDelete: 'Excluir prompt "{title}"?',
noPromptsToExport: 'Não há prompts para exportar.',
promptsImported: '{count} prompts importados com sucesso!',
errorImporting: 'Erro ao importar o arquivo: {error}',
requiredFields: 'Título e prompt são obrigatórios.',
editorNotFound: 'Não foi possível encontrar a área de texto para {platform}.',
languageSettings: '🌐 Idioma',
fillPlaceholders: 'Preencha as Informações',
insert: 'Inserir',
enablePlaceholders: 'Prompt Dinâmico',
autoExecute: 'Envio Automático',
infoTitle: 'Ajuda',
infoDPDesc: 'Encontra textos entre colchetes <span style="color: #ff6d5c; background-color: #474747ff; border-radius: 6px; padding: 2px 4px;">[exemplo]</span> no seu prompt e pede para você preenchê-los antes do envio.',
infoASDesc: 'Envia o prompt para o chat instantaneamente após ser inserido, sem necessidade de ação manual.',
search: 'Pesquisar prompts...',
selectAll: 'Selecionar Tudo',
countPrompts: '{count} prompts',
confirmDownloads: 'Você está prestes a baixar {count} arquivos de texto individuais. Continuar?',
noSearchResults: 'Nenhum prompt corresponde à pesquisa.',
fileName: 'Meus_Prompts.json'
},
'es': {
langName: 'Español',
prompt: 'Prompt',
prompts: 'Prompts',
newPrompt: 'Nuevo Prompt',
editPrompt: 'Editar Prompt',
title: 'Título',
text: 'Prompt',
save: 'Guardar',
close: 'Cerrar',
edit: 'Editar',
delete: 'Eliminar',
noSavedPrompts: 'No hay prompts guardados.',
addPrompt: 'Añadir prompt',
import: 'Importar',
export: 'Exportar',
confirmDelete: '¿Eliminar prompt "{title}"?',
noPromptsToExport: 'No hay prompts para exportar.',
promptsImported: '¡{count} prompts importados con éxito!',
errorImporting: 'Error al importar el archivo: {error}',
requiredFields: 'El título y el prompt son obligatorios.',
editorNotFound: 'No se pudo encontrar el área de texto para {platform}.',
languageSettings: '🌐 Idioma',
fillPlaceholders: 'Rellene la Información',
insert: 'Insertar',
enablePlaceholders: 'Prompt Dinámico',
autoExecute: 'Envío Automático',
infoTitle: 'Ayuda',
infoDPDesc: 'Encuentra textos entre corchetes <span style="color: #ff6d5c; background-color: #474747ff; border-radius: 6px; padding: 2px 4px;">[ejemplo]</span> en tu prompt y te pide que los completes antes de enviarlo.',
infoASDesc: 'Envía el prompt al chat instantáneamente después de ser insertado, sin necesidad de acción manual.',
search: 'Buscar prompts...',
selectAll: 'Seleccionar todo',
countPrompts: '{count} prompts',
confirmDownloads: 'Estás a punto de descargar {count} archivos de texto individuales. ¿Continuar?',
noSearchResults: 'Ningún prompt coincide con tu búsqueda.',
fileName: 'Mis_Prompts.json'
},
'fr': {
langName: 'Français',
prompt: 'Prompt',
prompts: 'Prompts',
newPrompt: 'Nouveau prompt',
editPrompt: 'Modifier le prompt',
title: 'Titre',
text: 'Prompt',
save: 'Enregistrer',
close: 'Fermer',
edit: 'Modifier',
delete: 'Supprimer',
noSavedPrompts: 'Aucun prompt enregistré.',
addPrompt: 'Ajouter un prompt',
import: 'Importer',
export: 'Exporter',
confirmDelete: 'Supprimer le prompt "{title}" ?',
noPromptsToExport: 'Aucun prompt à exporter.',
promptsImported: '{count} prompts importés avec succès !',
errorImporting: 'Erreur lors de l\'importation du fichier : {error}',
requiredFields: 'Le titre et le prompt sont obligatoires.',
editorNotFound: 'Impossible de trouver la zone de texte pour {platform}.',
languageSettings: '🌐 Langue',
fillPlaceholders: 'Remplir les informations',
insert: 'Insérer',
enablePlaceholders: 'Prompt Dynamique',
autoExecute: 'Envoi Automatique',
infoTitle: 'Aide',
infoDPDesc: 'Trouve les textes entre crochets <span style="color: #ff6d5c; background-color: #474747ff; border-radius: 6px; padding: 2px 4px;">[exemple]</span> dans votre prompt et vous demande de les remplir avant de l\'envoyer.',
infoASDesc: 'Envoie le prompt au chat instantanément après son insertion, sans nécessiter d\'action manuelle.',
search: 'Rechercher des prompts...',
selectAll: 'Tout sélectionner',
countPrompts: '{count} prompts',
confirmDownloads: 'Vous êtes sur le point de télécharger {count} fichiers texte individuels. Continuer ?',
noSearchResults: 'Aucun prompt ne correspond à la recherche.',
fileName: 'Mes_Prompts.json'
},
'ru': {
langName: 'Русский',
prompt: 'Промпт',
prompts: 'Промпты',
newPrompt: 'Новый промпт',
editPrompt: 'Редактировать промпт',
title: 'Название',
text: 'Текст промпта',
save: 'Сохранить',
close: 'Закрыть',
edit: 'Редактировать',
delete: 'Удалить',
noSavedPrompts: 'Нет сохраненных промптов.',
addPrompt: 'Добавить промпт',
import: 'Импорт',
export: 'Экспорт',
confirmDelete: 'Удалить промпт "{title}"?',
noPromptsToExport: 'Нет промптов для экспорта.',
promptsImported: 'Успешно импортировано промптов: {count}!',
errorImporting: 'Ошибка при импорте файла: {error}',
requiredFields: 'Название и текст промпта обязательны.',
editorNotFound: 'Не удалось найти текстовое поле для {platform}.',
languageSettings: '🌐 Язык',
fillPlaceholders: 'Заполните данные',
insert: 'Вставить',
enablePlaceholders: 'Динамический промпт',
autoExecute: 'Автоотправка',
infoTitle: 'Справка',
infoDPDesc: 'Находит текст в скобках <span style="color: #ff6d5c; background-color: #474747ff; border-radius: 6px; padding: 2px 4px;">[пример]</span> внутри промпта и предлагает заполнить его перед отправкой.',
infoASDesc: 'Автоматически отправляет промпт в чат сразу после вставки, не требуя ручного подтверждения.',
search: 'Поиск промптов...',
selectAll: 'Выбрать все',
countPrompts: '{count} промптов',
confirmDownloads: 'Вы собираетесь скачать {count} отдельных текстовых файлов. Продолжить?',
noSearchResults: 'По вашему запросу промптов не найдено.',
fileName: 'Мои_Промпты.json'
},
'zh-CN': {
langName: '简体中文',
prompt: '提示',
prompts: '提示',
newPrompt: '新建提示',
editPrompt: '编辑提示',
title: '标题',
text: '提示内容',
save: '保存',
close: '关闭',
edit: '编辑',
delete: '删除',
noSavedPrompts: '没有已保存的提示。',
addPrompt: '添加提示',
import: '导入',
export: '导出',
confirmDelete: '确定要删除提示 "{title}" 吗？',
noPromptsToExport: '沒有可導出的提示。',
promptsImported: '成功导入 {count} 个提示！',
errorImporting: '导入文件时出错: {error}',
requiredFields: '标题和提示内容为必填项。',
editorNotFound: '未能找到 {platform} 的文本输入区域。',
languageSettings: '🌐 语言',
fillPlaceholders: '填写信息',
insert: '插入',
enablePlaceholders: '动态提示',
autoExecute: '自动发送',
infoTitle: '帮助',
infoDPDesc: '在您的提示中查找括号 <span style="color: #ff6d5c; background-color: #474747ff; border-radius: 6px; padding: 2px 4px;">[示例]</span> 之间的文本，并要求您在发送前填写它们。',
infoASDesc: '插入后立即将提示发送到聊天室，无需手动操作。',
search: '搜索提示词...',
selectAll: '全选',
countPrompts: '{count} 个提示词',
confirmDownloads: '即将下载 {count} 个单独的文本文件。是否继续？',
noSearchResults: '未找到匹配的提示词。',
fileName: '我的提示文件.json'
},
'ja': {
langName: '日本語',
prompt: 'プロンプト',
prompts: 'プロンプト',
newPrompt: '新規プロンプト',
editPrompt: 'プロンプト編集',
title: 'タイトル',
text: 'プロンプト',
save: '保存',
close: '閉じる',
edit: '編集',
delete: '削除',
noSavedPrompts: '保存されたプロンプトはありません',
addPrompt: 'プロンプトを追加',
import: 'インポート',
export: 'エクスポート',
confirmDelete: 'プロンプト「{title}」を削除しますか？',
noPromptsToExport: 'エクスポートするプロンプトがありません',
promptsImported: '{count}件のプロンプトをインポートしました',
errorImporting: 'ファイルのインポート中にエラーが発生しました: {error}',
requiredFields: 'タイトルとプロンプトは必須です',
editorNotFound: '{platform}のテキストエリアが見つかりません',
languageSettings: '🌐 言語設定',
fillPlaceholders: '情報を入力',
insert: '挿入',
enablePlaceholders: '動的プロンプト',
autoExecute: '自動送信',
infoTitle: 'ヘルプ',
infoDPDesc: 'プロンプト内の角括弧 <span style="color: #ff6d5c; background-color: #474747ff; border-radius: 6px; padding: 2px 4px;">[例]</span> の間のテキストを検索し、送信する前に入力するように求めます。',
infoASDesc: '挿入後、手動操作なしでプロンプトをチャットに即座に送信します。',
search: 'プロンプトを検索...',
selectAll: 'すべて選択',
countPrompts: '{count} 件のプロンプト',
confirmDownloads: '{count} 個のテキストファイルをダウンロードしようとしています。続行しますか？',
noSearchResults: '検索条件に一致するプロンプトはありません。',
fileName: 'マイ_プロンプト.json'
},
'ko': {
langName: '한국어',
prompt: '프롬프트',
prompts: '프롬프트',
newPrompt: '새 프롬프트',
editPrompt: '프롬프트 편집',
title: '제목',
text: '프롬프트',
save: '저장',
close: '닫기',
edit: '편집',
delete: '삭제',
noSavedPrompts: '저장된 프롬프트가 없습니다',
addPrompt: '프롬프트 추가',
import: '가져오기',
export: '내보내기',
confirmDelete: '프롬프트 "{title}"을(를) 삭제하시겠습니까?',
noPromptsToExport: '내보낼 프롬프트가 없습니다',
promptsImported: '프롬프트 {count}개를 성공적으로 가져왔습니다',
errorImporting: '파일 가져오기 오류: {error}',
requiredFields: '제목과 프롬프트는 필수 항목입니다',
editorNotFound: '{platform}의 텍스트 영역을 찾을 수 없습니다',
languageSettings: '🌐 언어 설정',
fillPlaceholders: '정보 채우기',
insert: '삽입',
enablePlaceholders: '동적 프롬프트',
autoExecute: '자동 전송',
infoTitle: '도움말',
infoDPDesc: '프롬프트에서 대괄호 <span style="color: #ff6d5c; background-color: #474747ff; border-radius: 6px; padding: 2px 4px;">[예시]</span> 사이의 텍스트를 찾아 전송하기 전에 채우도록 요청합니다.',
infoASDesc: '수동 조치 없이 삽입 후 즉시 프롬프트를 채팅으로 보냅니다.',
search: '프롬프트 검색...',
selectAll: '전체 선택',
countPrompts: '{count}개의 프롬프트',
confirmDownloads: '{count}개의 개별 텍스트 파일을 다운로드하시겠습니까?',
noSearchResults: '검색 결과와 일치하는 프롬프트가 없습니다.',
fileName: '내_프롬프트.json'
}
};
const SCRIPT_CONFIG = {
notificationsUrl: 'https://gist.github.com/0H4S/b2f9a9f92259deadc35bdccb11cd9a75',
scriptVersion: '2.2',
};
const notifier = new ScriptNotifier(SCRIPT_CONFIG);
notifier.run();
const LANG_STORAGE_KEY = 'UserScriptLang';
const PROMPT_STORAGE_KEY = 'Prompts';
let currentLang = 'en';
let isInitialized = false;
let isInitializing = false;
let currentButton = null;
let currentPlatform = null;
let pageObserver = null;
let currentMenu = null;
let currentModal = null;
let languageModal = null;
let currentPlaceholderModal = null;
let infoModal = null;
const scriptPolicy = window.trustedTypes
? window.trustedTypes.createPolicy('MyPromptPolicy', { createHTML: (input) => input })
: null;
function setSafeInnerHTML(element, html) {
if (!element) return;
if (scriptPolicy) {
element.innerHTML = scriptPolicy.createHTML(html);
} else {
element.innerHTML = html;
}
}
function getTranslation(key, replacements = {}) {
let text = translations[currentLang]?.[key] || translations.en[key];
Object.entries(replacements).forEach(([p, v]) => text = text.replace(`{${p}}`, v));
return text;
}
async function determineLanguage() {
const savedLang = await GM_getValue(LANG_STORAGE_KEY);
if (savedLang && translations[savedLang]) {
currentLang = savedLang;
return;
}
const browserLang = (navigator.language || navigator.userLanguage).toLowerCase();
if (browserLang.startsWith('pt')) currentLang = 'pt-BR';
else if (browserLang.startsWith('zh')) currentLang = 'zh-CN';
else if (browserLang.startsWith('en')) currentLang = 'en';
else if (browserLang.startsWith('es')) currentLang = 'es';
else if (browserLang.startsWith('fr')) currentLang = 'fr';
else if (browserLang.startsWith('ru')) currentLang = 'ru';
else if (browserLang.startsWith('ja')) currentLang = 'ja';
else if (browserLang.startsWith('ko')) currentLang = 'ko';
else currentLang = 'en';
}
function waitFor(selector, timeout = 8000) {
return new Promise((resolve, reject) => {
const el = document.querySelector(selector);
if (el) { resolve(el); return; }
const timer = setTimeout(() => { obs.disconnect(); reject(`Timeout esperando por ${selector}`); }, timeout);
const obs = new MutationObserver(() => {
const target = document.querySelector(selector);
if (target) { clearTimeout(timer); obs.disconnect(); resolve(target); }
});
if (document.body) obs.observe(document.body, { childList: true, subtree: true });
else document.addEventListener('DOMContentLoaded', () => obs.observe(document.body, { childList: true, subtree: true }));
});
}
const debounce = (func, wait) => {
let timeout;
return (...args) => {
clearTimeout(timeout);
timeout = setTimeout(() => func.apply(this, args), wait);
};
};
async function getAll() { return await GM_getValue(PROMPT_STORAGE_KEY, []); }
async function addItem(item) {
const prompts = await getAll();
prompts.unshift(item);
await GM_setValue(PROMPT_STORAGE_KEY, prompts);
}
async function update(index, item) {
let prompts = await getAll();
if (prompts[index]) {
prompts[index] = item;
await GM_setValue(PROMPT_STORAGE_KEY, prompts);
}
}
async function remove(index) {
let prompts = await getAll();
prompts.splice(index, 1);
await GM_setValue(PROMPT_STORAGE_KEY, prompts);
}
function createCustomTooltip(button, text, position = 'top') {
let tooltipElement = null;
const showTooltip = () => {
if (tooltipElement) return;
tooltipElement = document.createElement('div');
tooltipElement.className = 'mp-tooltip';
tooltipElement.textContent = text;
document.body.appendChild(tooltipElement);
const btnRect = button.getBoundingClientRect();
const tooltipRect = tooltipElement.getBoundingClientRect();
let top;
const margin = 8;
if (position === 'bottom') {
top = btnRect.bottom + margin;
if (top + tooltipRect.height > window.innerHeight) {
top = btnRect.top - tooltipRect.height - margin;
}
} else {
top = btnRect.top - tooltipRect.height - margin;
if (top < 0) {
top = btnRect.bottom + margin;
}
}
let left = btnRect.left + (btnRect.width / 2) - (tooltipRect.width / 2);
if (left < 0) { left = margin; }
if (left + tooltipRect.width > window.innerWidth) { left = window.innerWidth - tooltipRect.width - margin; }
tooltipElement.style.left = `${left}px`;
tooltipElement.style.top = `${top}px`;
requestAnimationFrame(() => {
tooltipElement.classList.add('visible');
});
};
const hideTooltip = () => {
if (!tooltipElement) return;
const el = tooltipElement;
tooltipElement = null;
el.classList.remove('visible');
setTimeout(() => {
if (document.body.contains(el)) {
document.body.removeChild(el);
}
}, 150);
};
button.addEventListener('mouseenter', showTooltip);
button.addEventListener('mouseleave', hideTooltip);
button.addEventListener('mousedown', hideTooltip);
}
function injectGlobalStyles() {
const styleId='my-prompt-styles';
if (document.getElementById(styleId)) return;
const styleElement=document.createElement('style');
styleElement.id=styleId;
setSafeInnerHTML(styleElement, `
:root {
--mp-font-family-base: 'Inter', sans-serif;
--mp-bg-primary: #fff;
--mp-bg-secondary: #f8f9fa;
--mp-bg-tertiary: #f1f3f5;
--mp-bg-overlay: rgba(10, 10, 10, .5);
--mp-text-primary: #212529;
--mp-text-secondary: #495057;
--mp-text-tertiary: #868e96;
--mp-border-primary: #dee2e6;
--mp-border-secondary: #ced4da;
--mp-accent-primary: #7071fc;
--mp-accent-primary-hover: #595ac9;
--mp-accent-yellow: #fab005;
--mp-accent-yellow-hover: #f08c00;
--mp-accent-red: #f03e3e;
--mp-accent-red-hover: #c92a2a;
--mp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);
--mp-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);
--mp-shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);
--mp-border-radius-sm: 4px;
--mp-border-radius-md: 8px;
--mp-border-radius-lg: 16px;
--mp-transition-fast: .2s cubic-bezier(.25, 1, .5, 1)
}
@media (prefers-color-scheme:dark) {
:root {
--mp-bg-primary: #212529;
--mp-bg-secondary: #2c2c30;
--mp-bg-tertiary: #343a40;
--mp-bg-overlay: rgba(0, 0, 0, .6);
--mp-text-primary: #f8f9fa;
--mp-text-secondary: #e9ecef;
--mp-text-tertiary: #adb5bd;
--mp-border-primary: #495057;
--mp-border-secondary: #868e96;
--mp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);
--mp-shadow-md: 0 4px 12px rgba(0, 0, 0, .25);
--mp-shadow-lg: 0 10px 30px rgba(0, 0, 0, .3)
}
}
.mp-hidden {
display: none !important;
}
.mp-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--mp-bg-overlay);
z-index: 2147483647;
display: flex;
justify-content: center;
align-items: center;
backdrop-filter: blur(4px);
opacity: 0;
visibility: hidden;
transition: opacity var(--mp-transition-fast), visibility var(--mp-transition-fast);
}
.mp-overlay.visible {
opacity: 1;
visibility: visible;
}
.mp-modal-box {
font-family: var(--mp-font-family-base);
background-color: var(--mp-bg-primary);
color: var(--mp-text-primary);
border-radius: var(--mp-border-radius-lg);
padding: 24px;
box-shadow: var(--mp-shadow-lg);
width: min(90vw, 520px);
border: 1px solid var(--mp-border-primary);
transform: scale(.95) translateY(10px);
opacity: 0;
transition: transform var(--mp-transition-fast), opacity var(--mp-transition-fast);
position: relative;
}
.mp-overlay.visible .mp-modal-box {
transform: scale(1) translateY(0);
opacity: 1;
}
.mp-modal-close-btn {
position: absolute;
top: 12px;
right: 12px;
background: none;
border: none;
color: var(--mp-text-tertiary);
cursor: pointer;
width: 32px;
height: 32px;
border-radius: 50%;
transition: transform .3s ease, color .3s ease, background-color .3s ease;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.mp-modal-close-btn svg {
width: 20px;
height: 20px;
stroke: currentColor;
stroke-width: 2.5;
}
.mp-modal-close-btn:hover {
transform: rotate(90deg);
color: var(--mp-accent-red);
background-color: color-mix(in srgb, var(--mp-accent-red) 15%, transparent);
}
.prompt-menu {
position: fixed;
min-width: 320px;
max-width: 420px;
background-color: var(--mp-bg-primary);
border: 1px solid var(--mp-border-primary);
border-radius: var(--mp-border-radius-lg);
box-shadow: var(--mp-shadow-lg);
z-index: 2147483647;
display: flex;
flex-direction: column;
user-select: none;
color: var(--mp-text-primary);
font-family: var(--mp-font-family-base);
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: scale(.95);
transform-origin: top left;
transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.prompt-menu.visible {
opacity: 1;
visibility: visible;
transform: scale(1);
transition-delay: 0s;
}
.prompt-menu-list {
max-height: 220px;
overflow-y: auto;
padding: 4px;
}
.prompt-item-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
border-radius: var(--mp-border-radius-md);
cursor: pointer;
transition: background-color .15s ease-in-out;
}
.prompt-item-row:hover {
background-color: var(--mp-bg-tertiary);
}
.prompt-title {
font-size: 14px;
font-weight: 500;
flex: 1;
padding-right: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--mp-text-secondary);
}
.prompt-item-row:hover .prompt-title {
color: var(--mp-text-primary);
}
.prompt-actions {
display: flex;
align-items: center;
gap: 4px;
}
.action-btn {
background: 0 0;
border: none;
cursor: pointer;
font-size: 13px;
font-weight: 500;
padding: 4px 8px;
border-radius: var(--mp-border-radius-sm);
transition: background-color .15s ease-in-out, color .15s ease-in-out;
font-family: var(--mp-font-family-base);
}
.action-btn.edit {
color: var(--mp-accent-yellow);
}
.action-btn.edit:hover {
background-color: var(--mp-accent-yellow);
color: var(--mp-bg-primary);
}
.action-btn.delete {
color: var(--mp-accent-red);
}
.action-btn.delete:hover {
background-color: var(--mp-accent-red);
color: var(--mp-bg-primary);
}
.menu-footer,
.menu-section {
border-top: 1px solid var(--mp-border-primary);
padding: 4px;
}
.menu-button {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 12px 8px 12px !important;
cursor: pointer;
transition: background-color .15s ease-in-out;
color: var(--mp-text-secondary);
border-radius: var(--mp-border-radius-md);
font-size: 14px;
font-weight: 500;
height: auto;
}
.menu-button:hover {
background-color: var(--mp-bg-tertiary);
color: var(--mp-text-primary);
}
.menu-button svg {
margin-right: 8px;
}
.import-export-container {
display: flex;
}
.import-export-container .menu-button {
flex: 1;
}
.divider {
border-left: 1px solid var(--mp-border-primary);
height: 24px;
align-self: center;
}
.empty-state {
padding: 24px 16px;
text-align: center;
color: var(--mp-text-tertiary);
font-size: 14px;
}
.form-group {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.form-label {
margin-bottom: 6px;
font-size: 13px;
font-weight: 500;
color: var(--mp-text-secondary);
}
.form-input {
background-color: var(--mp-bg-secondary);
color: var(--mp-text-primary);
border: 1px solid var(--mp-border-primary) !important;
border-radius: var(--mp-border-radius-md);
padding: 10px;
width: 100%;
box-sizing: border-box;
transition: border-color .2s, box-shadow .2s;
outline: 0 !important;
font-family: var(--mp-font-family-base);
font-size: 14px
}
.form-textarea {
background-color: var(--mp-bg-secondary);
color: var(--mp-text-primary);
border: 1px solid var(--mp-border-primary) !important;
border-radius: var(--mp-border-radius-md);
padding: 10px;
width: 100%;
box-sizing: border-box;
outline: 0 !important;
font-family: var(--mp-font-family-base);
font-size: 14px;
height: 140px;
resize: vertical;
transition: border-color .2s, box-shadow .2s;
}
.form-input:focus,
.form-textarea:focus {
border-color: var(--mp-accent-primary) !important;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--mp-accent-primary) 25%, transparent) !important;
}
.modal-title {
font-size: 18px;
font-weight: 600;
margin: 0 0 24px;
text-align: center;
color: var(--mp-text-primary);
}
.modal-footer {
display: flex;
justify-content: center;
margin-top: 8px;
}
.save-button {
padding: 10px 28px;
border-radius: var(--mp-border-radius-md);
background-color: var(--mp-accent-primary);
color: #fff;
border: none;
font-weight: 600;
cursor: pointer;
transition: all .2s ease-in-out;
font-family: var(--mp-font-family-base);
}
.save-button:hover {
background-color: var(--mp-accent-primary-hover);
transform: translateY(-1px);
}
.lang-box {
width: min(90vw, 320px);
}
.lang-buttons-container {
display: flex;
flex-direction: column;
gap: 12px;
}
#__ap_placeholders_container {
max-height: 350px;
overflow-y: auto;
padding-right: 12px;
margin-right: -12px;
scrollbar-width: thin;
scrollbar-color: var(--mp-border-secondary) var(--mp-bg-tertiary);
}
#__ap_placeholders_container::-webkit-scrollbar {
width: 10px !important;
height: 10px !important;
}
#__ap_placeholders_container::-webkit-scrollbar-track {
background-color: var(--mp-bg-tertiary) !important;
border-radius: 10px !important;
border: none !important;
}
#__ap_placeholders_container::-webkit-scrollbar-thumb {
background-color: var(--mp-border-secondary) !important;
border-radius: 10px !important;
border: 2px solid var(--mp-bg-primary) !important;
}
#__ap_placeholders_container::-webkit-scrollbar-thumb:hover {
background-color: var(--mp-text-tertiary) !important;
}
.mp-switch-container {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 4px;
margin: -8px 0 24px;
}
.mp-switch {
display: flex;
align-items: center;
gap: 8px;
}
.mp-switch input[type="checkbox"] {
height: 0;
width: 0;
visibility: hidden;
position: absolute;
}
.mp-switch label {
cursor: pointer;
text-indent: -9999px;
width: 40px;
height: 22px;
background: var(--mp-bg-tertiary);
display: block;
border-radius: 100px;
position: relative;
transition: background-color var(--mp-transition-fast);
}
.mp-switch label:after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 16px;
height: 16px;
background: #fff;
border-radius: 90px;
transition: 0.3s cubic-bezier(.25,1,.5,1);
box-shadow: var(--mp-shadow-sm);
}
.mp-switch input:checked + label {
background: var(--mp-accent-primary);
}
.mp-switch input:checked + label:after {
left: calc(100% - 3px);
transform: translateX(-100%);
}
.mp-switch .switch-text {
font-size: 13px;
font-weight: 500;
color: var(--mp-text-secondary);
cursor: pointer;
user-select: none;
}
@keyframes mp-fade-in-up {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.lang-button {
all: unset;
box-sizing: border-box;
display: block;
width: 100%;
padding: 12px 20px;
border-radius: var(--mp-border-radius-md);
background-color: var(--mp-bg-secondary);
color: var(--mp-text-primary);
border: 1px solid var(--mp-border-primary);
font-weight: 500;
cursor: pointer;
text-align: center;
opacity: 0;
animation: mp-fade-in-up .4s ease forwards;
transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
font-family: var(--mp-font-family-base);
}
.lang-button:hover {
transform: translateY(-3px);
box-shadow: var(--mp-shadow-md);
background-color: var(--mp-bg-tertiary);
}
.lang-button:active {
transform: translateY(0);
transition-duration: .1s;
}
.prompt-menu-list {
scrollbar-width: thin;
scrollbar-color: var(--mp-border-secondary) var(--mp-bg-tertiary);
}
.prompt-menu-list::-webkit-scrollbar {
width: 10px !important;
height: 10px !important;
}
.prompt-menu-list::-webkit-scrollbar-track {
background-color: var(--mp-bg-tertiary) !important;
border-radius: 10px !important;
border: none !important;
}
.prompt-menu-list::-webkit-scrollbar-thumb {
background-color: var(--mp-border-secondary) !important;
border-radius: 10px !important;
border: 2px solid var(--mp-bg-primary) !important;
}
.prompt-menu-list::-webkit-scrollbar-thumb:hover {
background-color: var(--mp-text-tertiary) !important;
}
.mp-tooltip {
position: fixed;
z-index: 2147483647;
border-radius: var(--mp-border-radius-sm);
padding: 6px 12px;
pointer-events: none;
white-space: nowrap;
font-family: var(--mp-font-family-base);
font-size: 14px;
font-weight: 500;
background-color: var(--mp-text-primary);
color: var(--mp-bg-primary);
box-shadow: var(--mp-shadow-md);
border: 1px solid var(--mp-bg-tertiary);
opacity: 0;
transform: scale(0.95);
transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mp-tooltip.visible {
opacity: 1;
transform: scale(1);
}
.mp-modal-info-btn {
position: absolute;
top: 12px;
right: 50px;
background: none;
border: none;
color: var(--mp-text-tertiary);
cursor: pointer;
width: 32px;
height: 32px;
border-radius: 50%;
transition: transform .3s ease, color .3s ease, background-color .3s ease;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.mp-modal-info-btn svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.mp-modal-info-btn:hover {
transform: scale(1.1);
color: var(--mp-accent-primary);
background-color: color-mix(in srgb, var(--mp-accent-primary) 15%, transparent);
}
.mp-info-table {
display: flex;
flex-direction: column;
border: 1px solid var(--mp-border-primary);
border-radius: var(--mp-border-radius-md);
overflow: hidden;
margin-top: 8px;
}
.mp-info-row {
display: flex;
text-align: center;
}
.mp-info-row:not(:last-child) {
border-bottom: 1px solid var(--mp-border-primary);
}
.mp-info-col {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.mp-info-col:not(:last-child) {
border-right: 1px solid var(--mp-border-primary);
}
.mp-info-col h3 {
font-size: 14px;
font-weight: 600;
color: var(--mp-text-primary);
margin: 0 0 8px;
}
.mp-info-col p {
font-size: 13px;
color: var(--mp-text-secondary);
line-height: 1.5;
margin: 0;
}
.mp-search-container {
position: sticky;
top: 0;
background: var(--mp-bg-primary);
padding-bottom: 12px;
z-index: 10;
display: flex;
gap: 8px;
flex-direction: column;
border-bottom: 1px solid var(--mp-border-primary);
margin-bottom: 8px;
}
.mp-search-input {
padding: 10px 12px;
border-radius: var(--mp-border-radius-md);
border: 1px solid var(--mp-border-primary);
background-color: var(--mp-bg-secondary);
color: var(--mp-text-primary);
width: 100%;
box-sizing: border-box;
font-family: var(--mp-font-family-base);
outline: none;
transition: border-color .2s;
}
.mp-search-input:focus {
border-color: var(--mp-accent-primary);
}
.mp-export-actions {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
font-size: 13px;
color: var(--mp-text-secondary);
padding-top: 10px;
}
.mp-export-list {
max-height: 300px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 4px;
margin: 0 -8px;
padding: 0 8px;
scrollbar-width: thin;
scrollbar-color: var(--mp-border-secondary) var(--mp-bg-tertiary);
}
.mp-export-list::-webkit-scrollbar { width: 8px; }
.mp-export-list::-webkit-scrollbar-track { background: transparent; }
.mp-export-list::-webkit-scrollbar-thumb { background-color: var(--mp-border-secondary); border-radius: 4px; }
.mp-export-item {
display: flex;
align-items: center;
padding: 8px;
border-radius: var(--mp-border-radius-md);
transition: background .15s;
cursor: pointer;
border: 1px solid transparent;
}
.mp-export-item:hover {
background-color: var(--mp-bg-tertiary);
border-color: var(--mp-border-primary);
}
.mp-export-item.hidden {
display: none;
}
.mp-checkbox-wrapper {
display: flex;
align-items: center;
margin-right: 12px;
}
.mp-checkbox {
width: 16px;
height: 16px;
cursor: pointer;
accent-color: var(--mp-accent-primary);
}
.mp-item-content {
display: flex;
flex-direction: column;
overflow: hidden;
}
.mp-item-title {
font-size: 14px;
font-weight: 500;
color: var(--mp-text-primary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mp-item-preview {
font-size: 12px;
color: var(--mp-text-tertiary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 2px;
}
.mp-export-buttons {
display: flex;
gap: 10px;
margin-top: 20px;
justify-content: flex-end;
border-top: 1px solid var(--mp-border-primary);
padding-top: 16px;
}
.mp-btn-secondary {
background: transparent;
border: 1px solid var(--mp-border-secondary);
color: var(--mp-text-secondary);
}
.mp-btn-secondary:hover {
background-color: var(--mp-bg-tertiary);
color: var(--mp-text-primary);
}
.menu-search-container {
padding: 10px 12px 10px 12px !important;
background-color: var(--mp-bg-primary);
border-bottom: 1px solid var(--mp-border-primary);
flex-shrink: 0;
}
.menu-search-input {
width: 100%;
padding: 8px 10px;
border-radius: var(--mp-border-radius-md);
border: 1px solid var(--mp-border-primary);
background-color: var(--mp-bg-secondary);
color: var(--mp-text-primary);
font-family: var(--mp-font-family-base);
font-size: 13px;
box-sizing: border-box;
outline: none;
transition: border-color .2s, box-shadow .2s;
}
.menu-search-input:focus {
border-color: var(--mp-accent-primary);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--mp-accent-primary) 15%, transparent);
}
.prompt-menu-list {
padding-top: 4px;
}
`);
document.head.appendChild(styleElement);
}
// #endregion
// #region CRIAR BOTÕES
// CHATGPT
function createChatGPTButton() {
const btn = document.createElement('button');
btn.type = 'button';
btn.setAttribute('data-testid', 'composer-button-prompts');
btn.className = 'composer-btn';
setSafeInnerHTML(btn, `<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 5h12M4 10h12M4 15h12" stroke="currentColor" stroke-width="2"/></svg>`);
createCustomTooltip(btn, getTranslation('prompts'));
return btn;
}
// DEEPSEEK
function createDeepSeekButton() {
const btn = document.createElement('button');
btn.setAttribute('role', 'button');
btn.setAttribute('aria-disabled', 'false');
btn.setAttribute('tabindex', '0');
btn.style.transform = 'translateZ(0px)';
btn.setAttribute('data-testid', 'composer-button-prompts');
const innerHTML = `<div class="ds-icon ds-atom-button__icon" style="font-size: 14px; width: 14px; height: 14px; color: var(--dsw-alias-label-primary); margin-right: 0px;"><svg width="20" height="20" fill="currentColor" viewBox="0 0 20 20"><path d="M4 5h12M4 10h12M4 15h12" stroke="currentColor" stroke-width="2"></path></svg></div><span class=""><span class="_6dbc175">${getTranslation('prompt')}</span></span>`;
setSafeInnerHTML(btn, innerHTML);
return btn;
}
// GOOGLE AI STUDIO
function createGoogleStudioButton() {
const styleId = 'my-prompt-gstudio-hover-fix';
if (!document.getElementById(styleId)) {
const styleElement = document.createElement('style');
styleElement.id = styleId;
setSafeInnerHTML(styleElement, `button[data-testid="composer-button-prompts"]:hover { background-color: rgba(60, 64, 67, 0.08) !important; } @media (prefers-color-scheme: dark) { button[data-testid="composer-button-prompts"]:hover { background-color: rgba(232, 234, 237, 0.08) !important; } } `);
document.head.appendChild(styleElement);
}
const btn = document.createElement('button');
btn.setAttribute('data-testid', 'composer-button-prompts');
btn.type = 'button';
btn.style.backgroundColor = 'transparent';
btn.style.border = 'none';
btn.style.boxShadow = 'none';
btn.style.borderRadius = '50%';
btn.style.width = '48px';
btn.style.height = '48px';
btn.style.padding = '0';
btn.style.margin = '0';
btn.style.cursor = 'pointer';
btn.style.display = 'inline-flex';
btn.style.alignItems = 'center';
btn.style.justifyContent = 'center';
btn.style.transition = 'background-color 150ms ease-in-out';
setSafeInnerHTML(btn, `<svg fill="currentColor" style="width: 24px; height: 24px;" viewBox="0 0 100 100"><g><path d="M17.563,30.277h0.012c0,1.245,1.004,2.254,2.246,2.267v0.002h60.359v-0.001c1.248-0.006,2.259-1.018,2.259-2.268h0.01 l0-10.459h0c-0.002-1.251-1.017-2.265-2.269-2.265l0,0H19.821v0c0,0,0,0,0,0c-1.253,0-2.269,1.017-2.269,2.269 c0,0.039,0.01,0.076,0.012,0.115L17.563,30.277z"/><path d="M80.179,42.504L80.179,42.504H19.821v0c0,0,0,0,0,0c-1.253,0-2.269,1.017-2.269,2.269c0,0.039,0.01,0.076,0.012,0.115 l0,10.34h0.012c0,1.245,1.004,2.254,2.246,2.267v0.002h60.359v-0.001c1.248-0.006,2.259-1.018,2.259-2.268h0.01l0-10.459h0 C82.446,43.518,81.431,42.504,80.179,42.504z"/><path d="M80.179,67.454L80.179,67.454H19.821l0,0c0,0,0,0,0,0c-1.253,0-2.269,1.017-2.269,2.269c0,0.039,0.01,0.076,0.012,0.115 l0,10.34h0.012c0,1.245,1.004,2.254,2.246,2.267v0.002h60.359v-0.001c1.248-0.006,2.259-1.019,2.259-2.269h0.01l0-10.459h0 C82.446,68.468,81.431,67.454,80.179,67.454z"/></g></svg>`);
createCustomTooltip(btn, getTranslation('prompts'));
return btn;
}
// QWEN
function createQwenButton() {
const btn = document.createElement('button');
btn.className = 'chat-input-feature-btn';
btn.setAttribute('data-testid', 'composer-button-prompts');
setSafeInnerHTML(btn, `<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="chat-input-feature-btn-icon" style="font-size: 16px;"><path d="M4 5h12M4 10h12M4 15h12" stroke="currentColor" stroke-width="2"/></svg><span class="chat-input-feature-btn-text">${getTranslation('prompt')}</span>`);
return btn;
}
// Z.AI
function createZaiButton() {
const btnWrapper = document.createElement('div');
setSafeInnerHTML(btnWrapper, `<button type="button" class="px-2 @xl:px-3 py-1.5 flex gap-1.5 items-center text-sm rounded-lg border transition-colors duration-300 focus:outline-hidden max-w-full overflow-hidden bg-transparent dark:text-gray-300 border-[#E5E5E5] dark:border-[#3C3E3F] hover:bg-black/5 dark:hover:bg-white/5"><svg class=" size-4" stroke-width="2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 17L3 12L9 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15 17L21 12L15 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="hidden @sm:block whitespace-nowrap overflow-hidden text-ellipsis translate-y-[0.5px] mr-0.5">${getTranslation('prompt')}</span></button>`);
const btn = btnWrapper.firstElementChild;
btn.setAttribute('data-testid', 'composer-button-prompts');
return btn;
}
// GEMINI
function createGeminiButton() {
const btn = document.createElement('button');
btn.setAttribute('data-testid', 'composer-button-prompts');
btn.className = 'mdc-icon-button mat-mdc-icon-button mat-mdc-button-base mat-primary mat-mdc-tooltip-trigger';
const svgHTML = `<span class="mat-mdc-button-persistent-ripple mdc-icon-button__ripple"></span><span class="mat-icon notranslate" style="display: inline-flex; align-items: center; justify-content: center;"><svg style="width: 24px; height: 24px;" viewBox="0 0 20 20" fill="currentColor"><path d="M4 5h12M4 10h12M4 15h12" stroke="currentColor" stroke-width="2"></path></svg></span><span class="mat-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span><span class="mat-ripple mat-mdc-button-ripple"></span>`;
setSafeInnerHTML(btn, svgHTML);
createCustomTooltip(btn, getTranslation('prompt'), 'bottom');
return btn;
}
// LMARENA
function createLmarenaButton() {
const btn = document.createElement('button');
btn.setAttribute('data-testid', 'composer-button-prompts');
btn.className = 'inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ring-offset-2 focus-visible:ring-offset-surface-primary disabled:pointer-events-none disabled:opacity-50 text-interactive-active border border-border-faint bg-transparent hover:text-interactive-normal active:text-text-tertiary h-8 w-8 p-2 rounded-md active:scale-[0.96] active:transition-transform active:duration-75 transition-colors duration-150 ease-out hover:shadow-sm hover:bg-interactive-normal/10 hover:border-interactive-normal/10';
btn.type = 'button';
setSafeInnerHTML(btn, `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"><path d="M4 5h12M4 10h12M4 15h12" stroke="currentColor" stroke-width="2"/></svg>`);
createCustomTooltip(btn, getTranslation('prompt'));
return btn;
}
// KIMI
function createKimiButton() {
const referenceButton = document.querySelector('.deep-research-switch.normal');
if (!referenceButton) {
return null;
}
const btn = referenceButton.cloneNode(true);
btn.setAttribute('data-testid', 'composer-button-prompts');
const oldSvg = btn.querySelector('svg');
const textSpan = btn.querySelector('span');
const newSvgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
if (oldSvg) newSvgElement.setAttribute('class', oldSvg.getAttribute('class'));
newSvgElement.setAttribute('width', '1em');
newSvgElement.setAttribute('height', '1em');
newSvgElement.setAttribute('viewBox', '0 0 20 20');
newSvgElement.setAttribute('fill', 'currentColor');
setSafeInnerHTML(newSvgElement, `<path d="M4 5h12M4 10h12M4 15h12" stroke="currentColor" stroke-width="2"/>`);
if (oldSvg) {
oldSvg.replaceWith(newSvgElement);
}
if (textSpan) {
textSpan.textContent = getTranslation('prompt');
}
return btn;
}
// CLAUDE
function createClaudeButton() {
const wrapper = document.createElement('div');
wrapper.className = 'relative shrink-0';
const btnHTML = `<button class="border-0.5 transition-all h-8 min-w-8 rounded-lg flex items-center px-[7.5px] group !pointer-events-auto !outline-offset-1 text-text-300 border-border-300 hover:text-text-200/90 hover:bg-bg-100 active:scale-[0.98]" data-testid="composer-button-prompts" type="button"><div class="flex flex-row items-center justify-center gap-1"><div style="transform: none;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 20 20"><path d="M4 5h12M4 10h12M4 15h12" stroke="currentColor" stroke-width="2"></path></svg></div></div></button>`;
setSafeInnerHTML(wrapper, btnHTML);
const btn = wrapper.querySelector('button');
createCustomTooltip(btn, getTranslation('prompts'));
return wrapper;
}
// GROK
function createGrokButton() {
const btn = document.createElement('button');
btn.type = 'button';
btn.setAttribute('data-testid', 'composer-button-prompts');
const btnHTML = `<svg width="18" height="18" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-[2] text-primary transition-colors duration-100"><path d="M4 5h12M4 10h12M4 15h12" stroke="currentColor"></path></svg>`;
setSafeInnerHTML(btn, btnHTML);
createCustomTooltip(btn, getTranslation('prompts'));
return btn;
}
// PERPLEXITY
function createPerplexityButton() {
const span = document.createElement('span');
span.innerHTML = `<button data-testid="composer-button-prompts" type="button" class="focus-visible:bg-subtle hover:bg-subtle text-quiet hover:text-foreground dark:hover:bg-subtle px-[4px] font-sans focus:outline-none outline-none outline-transparent transition duration-300 ease-out select-none items-center relative group/button font-semimedium justify-center text-center items-center rounded-lg cursor-pointer active:scale-[0.97] active:duration-150 active:ease-outExpo origin-center whitespace-nowrap inline-flex text-sm h-8 aspect-[9/8]" aria-label="Prompts"><div class="flex items-center min-w-0 gap-two justify-center"><div><div class="isolate my-xs flex items-center"><div class="flex items-center"><div class="relative flex items-center justify-center rounded-full size-5" style="z-index: 1;"><div class="flex size-5 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="inline-flex tabler-icon"><path d="M4 6h16M4 12h16M4 18h16" /></svg></div></div></div></div></div></div></button>`;
const innerBtn = span.querySelector('button');
createCustomTooltip(innerBtn, getTranslation('prompts'));
return span;
}
// #endregion
// #region CRIAR MENU E MODAIS
function createPromptMenu() {
const menu = document.createElement('div');
menu.className = 'prompt-menu';
menu.id = 'prompt-menu-container';
return menu;
}
function createPromptModal() {
const overlay = document.createElement('div');
overlay.className = 'mp-overlay mp-hidden';
overlay.id = '__ap_modal_overlay';
const box = document.createElement('div');
box.className = 'mp-modal-box';
box.onclick = e => e.stopPropagation();
const modalContentHTML = `
<button id="__ap_info_btn" class="mp-modal-info-btn" aria-label="${getTranslation('infoTitle')}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 14a6 6 0 1 1 0-12 6 6 0 0 1 0 12ZM9 5h2v2H9V5Zm0 4h2v6H9V9Z"/></svg></button>
<button id="__ap_close_prompt" class="mp-modal-close-btn" aria-label="${getTranslation('close')}"><svg viewBox="0 0 24 24"><path d="M6 18L18 6M6 6l12 12" /></svg></button>
<h2 class="modal-title">${getTranslation('newPrompt')}</h2>
<div class="form-group">
<label for="__ap_title" class="form-label">${getTranslation('title')}</label>
<input id="__ap_title" class="form-input" />
</div>
<div class="form-group">
<label for="__ap_text" class="form-label">${getTranslation('text')}</label>
<textarea id="__ap_text" class="form-textarea"></textarea>
</div>
<div class="mp-switch-container">
<div class="mp-switch">
<input type="checkbox" id="__ap_use_placeholders" />
<label for="__ap_use_placeholders">Toggle</label>
<span class="switch-text" onclick="document.getElementById('__ap_use_placeholders').click()">${getTranslation('enablePlaceholders')}</span>
</div>
<div class="mp-switch">
<input type="checkbox" id="__ap_auto_execute" />
<label for="__ap_auto_execute">Toggle</label>
<span class="switch-text" onclick="document.getElementById('__ap_auto_execute').click()">${getTranslation('autoExecute')}</span>
</div>
</div>
<div class="modal-footer">
<button id="__ap_save" class="save-button">${getTranslation('save')}</button>
</div>
`;
setSafeInnerHTML(box, modalContentHTML);
overlay.appendChild(box);
return overlay;
}
function createInfoModal() {
const overlay = document.createElement('div');
overlay.className = 'mp-overlay mp-hidden';
overlay.id = '__ap_info_modal_overlay';
const box = document.createElement('div');
box.className = 'mp-modal-box';
box.onclick = e => e.stopPropagation();
const modalContentHTML = `
<button id="__ap_close_info" class="mp-modal-close-btn" aria-label="${getTranslation('close')}"><svg viewBox="0 0 24 24"><path d="M6 18L18 6M6 6l12 12" /></svg></button>
<h2 class="modal-title">${getTranslation('infoTitle')}</h2>
<div class="mp-info-table">
<div class="mp-info-row">
<div class="mp-info-col">
<h3>${getTranslation('enablePlaceholders')}</h3>
</div>
<div class="mp-info-col">
<h3>${getTranslation('autoExecute')}</h3>
</div>
</div>
<div class="mp-info-row">
<div class="mp-info-col">
<p>${getTranslation('infoDPDesc')}</p>
</div>
<div class="mp-info-col">
<p>${getTranslation('infoASDesc')}</p>
</div>
</div>
</div>
`;
setSafeInnerHTML(box, modalContentHTML);
overlay.appendChild(box);
return overlay;
}
function createLanguageModal() {
const overlay = document.createElement('div');
overlay.className = 'mp-overlay mp-hidden lang-overlay';
overlay.id = '__ap_lang_modal_overlay';
overlay.onclick = () => hideModal(overlay);
const box = document.createElement('div');
box.className = 'mp-modal-box lang-box';
box.onclick = (e) => e.stopPropagation();
const buttonsContainer = document.createElement('div');
buttonsContainer.className = 'lang-buttons-container';
Object.keys(translations).forEach((langKey, index) => {
const btn = document.createElement('button');
btn.className = 'lang-button';
btn.textContent = translations[langKey].langName;
btn.style.animationDelay = `${index * 60}ms`;
btn.onclick = async () => {
await GM_setValue(LANG_STORAGE_KEY, langKey);
window.location.reload();
};
buttonsContainer.appendChild(btn);
});
box.appendChild(buttonsContainer);
overlay.appendChild(box);
return overlay;
}
function showModal(modal) {
if (!modal) return;
modal.classList.remove('mp-hidden');
setTimeout(() => modal.classList.add('visible'), 10);
}
function hideModal(modal) {
if (!modal) return;
modal.classList.remove('visible');
setTimeout(() => modal.classList.add('mp-hidden'), 200);
}
function openPromptModal(item = null, index = -1) {
if (!currentModal) return;
const isEditing = !!item;
currentModal.dataset.index = index;
currentModal.querySelector('.modal-title').textContent = isEditing ? getTranslation('editPrompt') : getTranslation('newPrompt');
document.getElementById('__ap_title').value = item?.title || '';
document.getElementById('__ap_text').value = item?.text || '';
document.getElementById('__ap_use_placeholders').checked = item?.usePlaceholders || false;
document.getElementById('__ap_auto_execute').checked = item?.autoExecute || false;
showModal(currentModal);
setTimeout(() => document.getElementById('__ap_title').focus(), 100);
}
function createPlaceholderModal() {
const overlay = document.createElement('div');
overlay.className = 'mp-overlay mp-hidden';
overlay.id = '__ap_placeholder_modal_overlay';
const box = document.createElement('div');
box.className = 'mp-modal-box';
box.onclick = e => e.stopPropagation();
const modalContentHTML = `
<button id="__ap_close_placeholder" class="mp-modal-close-btn" aria-label="${getTranslation('close')}"><svg viewBox="0 0 24 24"><path d="M6 18L18 6M6 6l12 12" /></svg></button>
<h2 class="modal-title">${getTranslation('fillPlaceholders')}</h2>
<div id="__ap_placeholders_container">
</div>
<div class="modal-footer">
<button id="__ap_insert_prompt" class="save-button">${getTranslation('insert')}</button>
</div>
`;
setSafeInnerHTML(box, modalContentHTML);
overlay.appendChild(box);
return overlay;
}
// #endregion
// #region FUNÇÕES AUXILIARES
function moveCursorToEnd(editor) {
setTimeout(() => {
try {
editor.focus();
if (currentPlatform === 'gemini') {
const selection = window.getSelection();
const range = document.createRange();
range.selectNodeContents(editor);
range.collapse(false);
selection.removeAllRanges();
selection.addRange(range);
editor.scrollTop = editor.scrollHeight;
} else if (currentPlatform === 'chatgpt' || currentPlatform === 'claude' || currentPlatform === 'grok') {
const selection = window.getSelection();
const range = document.createRange();
range.selectNodeContents(editor);
range.collapse(false);
selection.removeAllRanges();
selection.addRange(range);
if (currentPlatform === 'grok') {
editor.scrollTop = editor.scrollHeight;
} else {
const scrollContainer = editor.parentElement;
if (scrollContainer) {
scrollContainer.scrollTop = scrollContainer.scrollHeight;
}
}
} else if (currentPlatform === 'googlestudio') {
const textLength = editor.value.length;
editor.selectionStart = editor.selectionEnd = textLength;
let scrollContainer = editor.parentElement;
let i = 0;
while (scrollContainer && i < 10) {
const style = window.getComputedStyle(scrollContainer);
if (style.overflowY === 'auto' || style.overflowY === 'scroll') {
break;
}
scrollContainer = scrollContainer.parentElement;
i++;
}
if (scrollContainer) {
scrollContainer.scrollTop = scrollContainer.scrollHeight;
}
} else {
const textLength = editor.value.length;
editor.selectionStart = editor.selectionEnd = textLength;
editor.scrollTop = editor.scrollHeight;
}
} catch (e) {}
}, 10);
}
function closeMenu() {
if (currentMenu && currentMenu.classList.contains('visible')) {
currentMenu.classList.remove('visible');
}
}
function positionMenu(menu, button) {
const btnRect = button.getBoundingClientRect();
const menuHeight = menu.offsetHeight;
const menuWidth = menu.offsetWidth;
const viewportHeight = window.innerHeight;
const viewportWidth = window.innerWidth;
const margin = 8;
let top, left;
const spaceBelow = viewportHeight - btnRect.bottom - margin;
const spaceAbove = btnRect.top - margin;
if (spaceBelow >= menuHeight) {
top = btnRect.bottom + margin;
} else if (spaceAbove >= menuHeight) {
top = btnRect.top - menuHeight - margin;
} else {
top = Math.max(margin, viewportHeight - menuHeight - margin);
}
const spaceRight = viewportWidth - btnRect.left - margin;
const spaceLeft = btnRect.right - margin;
if (spaceRight >= menuWidth) {
left = btnRect.left;
} else if (spaceLeft >= menuWidth) {
left = btnRect.right - menuWidth;
} else {
left = (viewportWidth - menuWidth) / 2;
}
menu.style.top = `${Math.max(margin, Math.min(top, viewportHeight - menuHeight - margin))}px`;
menu.style.left = `${Math.max(margin, Math.min(left, viewportWidth - menuWidth - margin))}px`;
}
async function refreshMenu() {
if (!currentMenu) return;
setSafeInnerHTML(currentMenu, '');
const searchContainer = document.createElement('div');
searchContainer.className = 'menu-search-container';
const searchInput = document.createElement('input');
searchInput.className = 'menu-search-input';
searchInput.placeholder = getTranslation('search');
searchInput.type = 'text';
searchInput.autocomplete = 'off';
searchInput.onclick = (e) => e.stopPropagation();
searchInput.onkeydown = (e) => e.stopPropagation();
searchContainer.appendChild(searchInput);
currentMenu.appendChild(searchContainer);
const listContainer = document.createElement('div');
listContainer.className = 'prompt-menu-list';
const items = await getAll();
const emptyState = document.createElement('div');
emptyState.className = 'empty-state';
emptyState.textContent = getTranslation('noSavedPrompts');
if (items.length === 0) {
listContainer.appendChild(emptyState);
} else {
emptyState.style.display = 'none';
emptyState.textContent = getTranslation('noSearchResults');
listContainer.appendChild(emptyState);
items.forEach((p, index) => {
const row = document.createElement('div');
row.className = 'prompt-item-row';
row.dataset.searchText = (p.title + ' ' + p.text).toLowerCase();
const titleDiv = document.createElement('div');
titleDiv.className = 'prompt-title';
titleDiv.textContent = p.title;
titleDiv.onclick = (e) => {
e.stopPropagation();
if (p.usePlaceholders) {
const placeholderRegex = /\[([^\]]+)\]/g;
const placeholders = [...p.text.matchAll(placeholderRegex)];
if (placeholders.length > 0) {
openPlaceholderModal(p, index, placeholders);
} else {
insertPrompt(p, index);
}
} else {
insertPrompt(p, index);
}
closeMenu();
};
const actionsDiv = document.createElement('div');
actionsDiv.className = 'prompt-actions';
const btnE = document.createElement('button');
btnE.textContent = getTranslation('edit');
btnE.className = 'action-btn edit';
btnE.onclick = (e) => { e.stopPropagation(); openPromptModal(p, index); };
const btnD = document.createElement('button');
btnD.textContent = getTranslation('delete');
btnD.className = 'action-btn delete';
btnD.onclick = (e) => {
e.stopPropagation();
if (confirm(getTranslation('confirmDelete', { title: p.title }))) {
remove(index).then(refreshMenu);
}
};
actionsDiv.appendChild(btnE);
actionsDiv.appendChild(btnD);
row.appendChild(titleDiv);
row.appendChild(actionsDiv);
listContainer.appendChild(row);
});
}
currentMenu.appendChild(listContainer);
searchInput.oninput = (e) => {
const term = e.target.value.toLowerCase();
const rows = listContainer.querySelectorAll('.prompt-item-row');
let visibleCount = 0;
rows.forEach(row => {
if (row.dataset.searchText && row.dataset.searchText.includes(term)) {
row.style.display = 'flex';
visibleCount++;
} else {
row.style.display = 'none';
}
});
if (items.length > 0) {
if (visibleCount === 0) {
emptyState.style.display = 'block';
emptyState.textContent = getTranslation('noSearchResults');
} else {
emptyState.style.display = 'none';
}
}
};
const addSection = document.createElement('div');
addSection.className = 'menu-section';
const addBtn = document.createElement('div');
addBtn.className = 'menu-button';
setSafeInnerHTML(addBtn, `<svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" /></svg>${getTranslation('addPrompt')}`);
addBtn.onclick = (e) => { e.stopPropagation(); openPromptModal(); };
addSection.appendChild(addBtn);
currentMenu.appendChild(addSection);
const footer = document.createElement('div');
footer.className = 'menu-footer';
const importExportContainer = document.createElement('div');
importExportContainer.className = 'import-export-container';
const exportBtn = document.createElement('div');
exportBtn.className = 'menu-button';
exportBtn.textContent = getTranslation('export');
exportBtn.onclick = (e) => { e.stopPropagation(); exportPrompts(); };
const importBtn = document.createElement('div');
importBtn.className = 'menu-button';
importBtn.textContent = getTranslation('import');
importBtn.onclick = (e) => { e.stopPropagation(); importPrompts(); };
const divider = document.createElement('div');
divider.className = 'divider';
importExportContainer.appendChild(exportBtn);
importExportContainer.appendChild(divider);
importExportContainer.appendChild(importBtn);
footer.appendChild(importExportContainer);
currentMenu.appendChild(footer);
setTimeout(() => searchInput.focus(), 50);
}
function openPlaceholderModal(item, index, placeholders) {
if (!currentPlaceholderModal) return;
const container = document.getElementById('__ap_placeholders_container');
setSafeInnerHTML(container, '');
currentPlaceholderModal.dataset.prompt = JSON.stringify(item);
currentPlaceholderModal.dataset.index = index;
const uniquePlaceholders = [...new Map(placeholders.map(p => [p[1], p])).values()];
uniquePlaceholders.forEach((match, i) => {
const placeholderText = match[1];
const formGroup = document.createElement('div');
formGroup.className = 'form-group';
const label = document.createElement('label');
label.className = 'form-label';
label.textContent = placeholderText;
const textarea = document.createElement('textarea');
textarea.className = 'form-input';
textarea.dataset.placeholder = placeholderText;
textarea.rows = 1;
textarea.style.resize = 'vertical';
textarea.style.height = 'auto';
textarea.addEventListener('keydown', (event) => {
if (event.key === 'Enter' && !event.shiftKey) {
event.preventDefault();
document.getElementById('__ap_insert_prompt').click();
}
});
formGroup.appendChild(label);
formGroup.appendChild(textarea);
container.appendChild(formGroup);
});
showModal(currentPlaceholderModal);
setTimeout(() => container.querySelector('input')?.focus(), 100);
}
function applyGrokPadding() {
const styleId = 'my-prompt-grok-padding';
if (document.getElementById(styleId)) return;
const styleElement = document.createElement('style');
styleElement.id = styleId;
const cssRule = `
div.query-bar > div[class*="ps-11"] {
padding-left: 95px !important;
padding-right: 95px !important;
}
`;
setSafeInnerHTML(styleElement, cssRule);
document.head.appendChild(styleElement);
}
// #endregion
// #region DETECTAR E INTERAGIR
function detectPlatform() {
const hostname = window.location.hostname;
if (hostname.includes('chatgpt.com')) return 'chatgpt';
if (hostname.includes('deepseek.com')) return 'deepseek';
if (hostname.includes('aistudio.google.com')) return 'googlestudio';
if (hostname.includes('chat.qwen.ai')) return 'qwen';
if (hostname.includes('chat.z.ai')) return 'zai';
if (hostname.includes('gemini.google.com')) return 'gemini';
if (hostname.includes('lmarena.ai')) return 'lmarena';
if (hostname.includes('kimi.com')) return 'kimi';
if (hostname.includes('claude.ai')) return 'claude';
if (hostname.includes('grok.com')) return 'grok';
if (hostname.includes('www.perplexity.ai')) return 'perplexity';
return null;
}
async function insertPrompt(promptItem, index) {
const platformSelectors = {
chatgpt: '#prompt-textarea',
deepseek: 'textarea.ds-scroll-area',
googlestudio: 'ms-autosize-textarea textarea',
qwen: 'textarea#chat-input',
zai: 'textarea#chat-input',
gemini: 'div.ql-editor[contenteditable="true"]',
lmarena: 'textarea[name="message"]',
kimi: 'div.chat-input-editor[contenteditable="true"]',
claude: 'div.ProseMirror[contenteditable="true"]',
grok: 'div.tiptap.ProseMirror[contenteditable="true"]',
perplexity: '#ask-input'
};
let editor = document.querySelector(platformSelectors[currentPlatform]);
if (!editor && currentPlatform === 'grok') {
editor = document.querySelector('textarea[aria-label]');
}
if (!editor) { return; }
editor.focus();
setTimeout(() => {
const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
if (isFirefox && (currentPlatform === 'kimi' || currentPlatform === 'perplexity')) {
document.execCommand('selectAll', false, null);
document.execCommand('insertText', false, promptItem.text);
}
else if (isFirefox && (currentPlatform === 'chatgpt' || currentPlatform === 'claude' || currentPlatform === 'grok')) {
setSafeInnerHTML(editor, '');
const lines = promptItem.text.split('\n');
lines.forEach(line => {
const p = document.createElement('p');
if (line.trim() === '') {
p.appendChild(document.createElement('br'));
} else {
p.textContent = line;
}
editor.appendChild(p);
});
editor.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
}
else if (currentPlatform === 'gemini') {
let p = editor.querySelector('p') || document.createElement('p');
setSafeInnerHTML(editor, '');
p.textContent = promptItem.text;
editor.appendChild(p);
editor.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
}
else {
const dt = new DataTransfer();
dt.setData('text/plain', promptItem.text);
editor.dispatchEvent(new ClipboardEvent('paste', { clipboardData: dt, bubbles: true, cancelable: true }));
if (editor.value !== undefined && editor.value !== promptItem.text) {
const setter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value').set;
setter.call(editor, promptItem.text);
editor.dispatchEvent(new Event('input', { bubbles: true }));
}
}
moveCursorToEnd(editor);
if (promptItem.autoExecute) {
setTimeout(() => {
let sent = false;
if (currentPlatform === 'qwen') {
try {
const sendButton = document.querySelector('#send-message-button');
if (sendButton && !sendButton.disabled) {
sendButton.click();
sent = true;
}
} catch (e) {}
}
if (currentPlatform === 'googlestudio') {
try {
const runButton = document.querySelector('button[mattooltipclass="run-button-tooltip"]') ||
document.querySelector('button.run-button');
if (runButton && !runButton.disabled) {
runButton.click();
sent = true;
}
} catch (e) {}
}
if (!sent) {
try {
const enterEvent = new KeyboardEvent('keydown', {
key: 'Enter',
code: 'Enter',
which: 13,
keyCode: 13,
bubbles: true,
cancelable: true
});
editor.dispatchEvent(enterEvent);
} catch (e) {}
}
}, 150);
}
}, 100);
let prompts = await getAll();
if (index > 0) {
const item = prompts.splice(index, 1)[0];
prompts.unshift(item);
await GM_setValue(PROMPT_STORAGE_KEY, prompts);
}
}
async function openExportMenu() {
closeMenu();
const overlay = document.createElement('div');
overlay.className = 'mp-overlay';
overlay.id = '__ap_export_overlay';
const box = document.createElement('div');
box.className = 'mp-modal-box';
box.onclick = e => e.stopPropagation();
const prompts = await getAll();
const htmlStructure = `
<button id="__ap_close_export" class="mp-modal-close-btn"><svg viewBox="0 0 24 24"><path d="M6 18L18 6M6 6l12 12" /></svg></button>
<h2 class="modal-title">${getTranslation('export')}</h2>
<div class="mp-search-container">
<input type="text" id="__ap_export_search" class="mp-search-input" placeholder="${getTranslation('search')}" autocomplete="off">
<div class="mp-export-actions">
<label class="mp-checkbox-wrapper" style="cursor:pointer; user-select:none;">
<input type="checkbox" id="__ap_select_all" class="mp-checkbox" checked>
<span style="margin-left:8px;">${getTranslation('selectAll')}</span>
</label>
<span id="__ap_count_label">${getTranslation('countPrompts', { count: prompts.length })}</span>
</div>
</div>
<div class="mp-export-list" id="__ap_export_list">
</div>
<div class="mp-export-buttons">
<button id="__ap_do_export_txt" class="save-button mp-btn-secondary" style="margin-right:auto">TXT</button>
<button id="__ap_do_export_json" class="save-button">JSON</button>
</div>
`;
setSafeInnerHTML(box, htmlStructure);
overlay.appendChild(box);
document.body.appendChild(overlay);
setTimeout(() => overlay.classList.add('visible'), 10);
const listContainer = box.querySelector('#__ap_export_list');
function renderList(filterText = '') {
listContainer.textContent = '';
filterText = filterText.toLowerCase();
let visibleCount = 0;
if (prompts.length === 0) {
const emptyMsg = document.createElement('div');
emptyMsg.className = 'empty-state';
emptyMsg.textContent = getTranslation('noSavedPrompts');
listContainer.appendChild(emptyMsg);
return;
}
prompts.forEach((p, index) => {
const match = p.title.toLowerCase().includes(filterText) || p.text.toLowerCase().includes(filterText);
if (!match) return;
visibleCount++;
const item = document.createElement('div');
item.className = 'mp-export-item';
item.onclick = (e) => {
if (e.target.type !== 'checkbox') {
const cb = item.querySelector('input');
cb.checked = !cb.checked;
updateSelectAllState();
}
};
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.className = 'mp-checkbox prompt-selector';
checkbox.checked = true;
checkbox.dataset.index = index;
checkbox.onclick = (e) => { e.stopPropagation(); updateSelectAllState(); };
const content = document.createElement('div');
content.className = 'mp-item-content';
const title = document.createElement('div');
title.className = 'mp-item-title';
title.textContent = p.title;
const preview = document.createElement('div');
preview.className = 'mp-item-preview';
preview.textContent = p.text.substring(0, 60).replace(/\n/g, ' ') + '...';
const cbWrapper = document.createElement('div');
cbWrapper.className = 'mp-checkbox-wrapper';
cbWrapper.appendChild(checkbox);
content.appendChild(title);
content.appendChild(preview);
item.appendChild(cbWrapper);
item.appendChild(content);
listContainer.appendChild(item);
});
document.getElementById('__ap_count_label').textContent = getTranslation('countPrompts', { count: visibleCount });
}
renderList();
const searchInput = document.getElementById('__ap_export_search');
const selectAllCb = document.getElementById('__ap_select_all');
searchInput.oninput = (e) => {
renderList(e.target.value);
updateSelectAllState();
};
selectAllCb.onchange = (e) => {
const checkboxes = listContainer.querySelectorAll('.prompt-selector');
checkboxes.forEach(cb => cb.checked = e.target.checked);
};
function updateSelectAllState() {
const checkboxes = Array.from(listContainer.querySelectorAll('.prompt-selector'));
if (checkboxes.length === 0) return;
const allChecked = checkboxes.every(cb => cb.checked);
const someChecked = checkboxes.some(cb => cb.checked);
selectAllCb.checked = allChecked;
selectAllCb.indeterminate = someChecked && !allChecked;
}
const getSelectedPrompts = () => {
const checkboxes = Array.from(listContainer.querySelectorAll('.prompt-selector:checked'));
return checkboxes.map(cb => prompts[parseInt(cb.dataset.index)]);
};
const closeExportModal = () => {
overlay.classList.remove('visible');
setTimeout(() => overlay.remove(), 200);
};
box.querySelector('#__ap_close_export').onclick = closeExportModal;
overlay.onclick = (e) => { if (e.target === overlay) closeExportModal(); };
document.getElementById('__ap_do_export_json').onclick = () => {
const selected = getSelectedPrompts();
if (selected.length === 0) { alert(getTranslation('noPromptsToExport')); return; }
const a = document.createElement('a');
a.href = URL.createObjectURL(new Blob([JSON.stringify(selected, null, 2)], { type: 'application/json' }));
a.download = getTranslation('fileName');
a.click();
URL.revokeObjectURL(a.href);
closeExportModal();
};
document.getElementById('__ap_do_export_txt').onclick = async () => {
const selected = getSelectedPrompts();
if (selected.length === 0) { alert(getTranslation('noPromptsToExport')); return; }
if (selected.length > 10 && !confirm(getTranslation('confirmDownloads', { count: selected.length }))) return;
for (let i = 0; i < selected.length; i++) {
const p = selected[i];
const a = document.createElement('a');
const content = p.text;
a.href = URL.createObjectURL(new Blob([content], { type: 'text/plain' }));
let rawTitle = p.title || 'prompt';
const safeTitle = rawTitle.replace(/[<>:"/\\|?*]/g, '').trim();
a.download = `${safeTitle || 'prompt'}.txt`;
a.style.display = 'none';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
await new Promise(r => setTimeout(r, 200));
}
closeExportModal();
};
setTimeout(() => searchInput.focus(), 100);
}
function exportPrompts() {
openExportMenu();
}
function importPrompts() {
const input=document.createElement('input');
input.type='file';
input.accept='.json';
input.onchange=e=>{
const file=e.target.files[0];
if(!file)return;
const reader=new FileReader();
reader.onload=async event=>{
try{
const imported=JSON.parse(event.target.result);
if(!Array.isArray(imported))throw new Error("Not an array.");
const current=await getAll();
const newPrompts = imported.map(p => ({
title: p.title || 'No Title',
text: p.text || '',
usePlaceholders: p.usePlaceholders || false,
autoExecute: p.autoExecute || false
}));
await GM_setValue(PROMPT_STORAGE_KEY,[...current,...newPrompts]);
await refreshMenu();
alert(getTranslation('promptsImported',{count:newPrompts.length}));
}catch(err){alert(getTranslation('errorImporting',{error:err.message}))}
};
reader.readAsText(file);
};
input.click();
closeMenu();
}
function cleanup() {
if (currentButton) { currentButton.remove (); currentButton = null; }
if (currentMenu) { currentMenu.remove (); currentMenu = null; }
if (currentModal) { currentModal.remove (); currentModal = null; }
if (languageModal) { languageModal.remove (); languageModal = null; }
if (currentPlaceholderModal) { currentPlaceholderModal.remove(); currentPlaceholderModal = null; }
isInitialized = false;
}
// #endregion
// #region INICIALIZAÇÃO E OBSERVAÇÃO
async function initUI() {
if (pageObserver) pageObserver.disconnect();
cleanup();
currentPlatform = detectPlatform();
if (!currentPlatform) return;
try {
let btn, elementToInsert, insertionPoint, insertionMethod = 'before';
// CHATGPT
if (currentPlatform === 'chatgpt') {
insertionPoint = await waitFor('div[class*="[grid-area:leading]"]');
insertionPoint.style.display = 'flex';
insertionPoint.style.alignItems = 'center';
btn = createChatGPTButton();
elementToInsert = btn;
insertionMethod = 'append';
}
// DEEPSEEK
else if (currentPlatform === 'deepseek') {
const container = await waitFor('div:has(> input[type="file"])').then(el => el.parentElement);
if (!container) throw new Error('DeepSeek UI: O contêiner dos botões de ação não foi encontrado.');
const uniqueButtonId = 'composer-button-prompts';
let existingBtn = container.querySelector(`[data-testid="${uniqueButtonId}"]`);
if (existingBtn) {
btn = existingBtn;
} else {
const nativeButtons = Array.from(container.querySelectorAll('button:not([data-testid="composer-button-prompts"])'));
if (nativeButtons.length === 0) throw new Error('DeepSeek UI: Nenhum botão de referência nativo foi encontrado.');
const refBtn = nativeButtons[nativeButtons.length - 1];
btn = createDeepSeekButton();
btn.className = refBtn.className;
refBtn.insertAdjacentElement('afterend', btn);
}
elementToInsert = btn;
insertionPoint = container;
insertionMethod = 'handled_manually';
}
// GOOGLE STUDIO
else if (currentPlatform === 'googlestudio') {
insertionPoint = await waitFor('ms-add-chunk-menu', 5000).then(el => el.closest('.button-wrapper'));
const wrapper = document.createElement('div');
wrapper.className = 'button-wrapper';
btn = createGoogleStudioButton();
wrapper.appendChild(btn);
elementToInsert = wrapper;
const parent = insertionPoint.closest('.prompt-input-wrapper-container');
if (parent) parent.style.alignItems = 'center';
}
// QWEN
else if (currentPlatform === 'qwen') {
const referenceButton = await waitFor('button.websearch_button', 5000);
const buttonContainer = referenceButton.parentElement;
if (!buttonContainer) throw new Error('Qwen button container not found.');
insertionPoint = buttonContainer.firstChild;
insertionMethod = 'before';
btn = createQwenButton();
elementToInsert = btn;
const qwenPositionObserver = new MutationObserver(() => {
const myButton = buttonContainer.querySelector('button[data-testid="composer-button-prompts"]');
if (myButton && buttonContainer.firstElementChild !== myButton) {
buttonContainer.prepend(myButton);
}
});
qwenPositionObserver.observe(buttonContainer, { childList: true });
}
// Z.AI
else if (currentPlatform === 'zai') {
const referenceElement = await waitFor('button[data-autothink="true"]', 8000);
insertionPoint = referenceElement.closest('.flex.gap-\\[8px\\].items-center');
if (!insertionPoint) throw new Error('Z.ai button container not found.');
btn = createZaiButton();
elementToInsert = btn;
insertionMethod = 'append';
}
// GEMENI
else if (currentPlatform === 'gemini') {
insertionPoint = await waitFor('uploader', 8000);
btn = createGeminiButton();
elementToInsert = btn;
insertionMethod = 'after';
const wrapper = insertionPoint.parentElement;
if (wrapper) {
wrapper.style.display = 'flex';
wrapper.style.alignItems = 'center';
wrapper.style.gap = '3px';
}
}
// LM ARENA
else if (currentPlatform === 'lmarena') {
insertionPoint = await waitFor('div[data-sentry-component="SelectChatModality"]', 8000);
btn = createLmarenaButton();
elementToInsert = btn;
insertionMethod = 'append';
}
// KIMI
else if (currentPlatform === 'kimi') {
insertionPoint = await waitFor('div.left-area', 8000);
btn = createKimiButton();
if (!btn) return;
elementToInsert = btn;
const ensureButtonIsPresent = () => {
if (!insertionPoint.contains(elementToInsert)) {
insertionPoint.appendChild(elementToInsert);
}
};
ensureButtonIsPresent();
const guardianObserver = new MutationObserver(ensureButtonIsPresent);
guardianObserver.observe(insertionPoint, { childList: true });
insertionMethod = 'handled_by_kimi_guardian';
}
// CLAUDE
else if (currentPlatform === 'claude') {
insertionPoint = await waitFor('button[data-testid="input-menu-plus"]', 8000).then(el => el.closest('div.relative.shrink-0'));
btn = createClaudeButton();
elementToInsert = btn;
insertionMethod = 'after';
}
// GROK
else if (currentPlatform === 'grok') {
const attachButtonSelector = 'button:has(svg > path[d^="M10 9V15C"])';
insertionPoint = await waitFor(attachButtonSelector);
btn = createGrokButton();
btn.className = insertionPoint.className;
btn.style.marginLeft = '-6px';
elementToInsert = btn;
insertionMethod = 'after';
}
// PERPLEXITY
else if (currentPlatform === 'perplexity') {
const containerSelector = 'div.flex.items-center.justify-self-end.col-start-3.row-start-2';
const container = await waitFor(containerSelector);
const spanWrapper = createPerplexityButton();
elementToInsert = spanWrapper;
btn = spanWrapper.querySelector('button');
if (container.firstElementChild) {
insertionPoint = container.firstElementChild;
insertionMethod = 'before';
} else {
insertionPoint = container;
insertionMethod = 'append';
}
}
// #endregion
if (!btn || !insertionPoint) return;
currentButton = elementToInsert;
const clickable = btn;
if (insertionMethod === 'append') {
insertionPoint.appendChild(elementToInsert);
} else if (insertionMethod === 'before') {
insertionPoint.parentNode.insertBefore(elementToInsert, insertionPoint);
} else if (insertionMethod === 'after') {
insertionPoint.parentNode.insertBefore(elementToInsert, insertionPoint.nextSibling);
}
if (currentPlatform === 'grok') {
applyGrokPadding();
}
currentMenu = createPromptMenu();
currentModal = createPromptModal();
languageModal = createLanguageModal();
currentPlaceholderModal = createPlaceholderModal();
infoModal = createInfoModal();
document.body.appendChild(currentMenu);
document.body.appendChild(currentModal);
document.body.appendChild(languageModal);
document.body.appendChild(currentPlaceholderModal);
document.body.appendChild(infoModal);
clickable.addEventListener('click', e => {
e.stopPropagation();
e.preventDefault();
const menu = currentMenu;
if (menu.classList.contains('visible')) {
closeMenu();
return;
}
refreshMenu().then(() => {
positionMenu(menu, clickable);
menu.classList.add('visible');
});
});
currentModal.querySelector('#__ap_save').onclick = async (e) => {
e.stopPropagation();
const index = parseInt(currentModal.dataset.index, 10);
const title = document.getElementById('__ap_title').value.trim();
const text = document.getElementById('__ap_text').value.trim();
const usePlaceholders = document.getElementById('__ap_use_placeholders').checked;
const autoExecute = document.getElementById('__ap_auto_execute').checked;
if (!title || !text) { alert(getTranslation('requiredFields')); return; }
const newItem = { title, text, usePlaceholders, autoExecute };
const op = index > -1 ? update(index, newItem) : addItem(newItem);
op.then(() => { hideModal(currentModal); refreshMenu(); });
};
currentModal.querySelector('#__ap_close_prompt').onclick = (e) => {
e.stopPropagation();
hideModal(currentModal);
};
currentPlaceholderModal.querySelector('#__ap_insert_prompt').onclick = async (e) => {
e.stopPropagation();
const item = JSON.parse(currentPlaceholderModal.dataset.prompt);
const index = parseInt(currentPlaceholderModal.dataset.index, 10);
let completedText = item.text;
const textareas = currentPlaceholderModal.querySelectorAll('#__ap_placeholders_container textarea');
textareas.forEach(textarea => {
const placeholder = textarea.dataset.placeholder;
const userValue = textarea.value;
const regex = new RegExp(`\\[${placeholder.replace(/[\.\+\*?\[\^\]\$\(\)\{\}\=\!<>\|\:\-]/g, '\\$&')}\\]`, 'g');
completedText = completedText.replace(regex, userValue);
});
const finalPrompt = { ...item, text: completedText };
await insertPrompt(finalPrompt, index);
hideModal(currentPlaceholderModal);
};
currentPlaceholderModal.querySelector('#__ap_close_placeholder').onclick = (e) => {
e.stopPropagation();
hideModal(currentPlaceholderModal);
};
currentModal.querySelector('#__ap_info_btn').onclick = (e) => {
e.stopPropagation();
showModal(infoModal);
};
infoModal.querySelector('#__ap_close_info').onclick = (e) => {
e.stopPropagation();
hideModal(infoModal);
};
isInitialized = true;
} catch (error) {
cleanup();
} finally {
setupPageObserver();
}
}
const debouncedTryInit = debounce(tryInit, 500);
function setupPageObserver() {
if (pageObserver) pageObserver.disconnect();
pageObserver = new MutationObserver(() => {
if (!document.body.contains(currentButton)) {
debouncedTryInit();
}
});
pageObserver.observe(document.body, { childList: true, subtree: true });
}
function setupGlobalEventListeners() {
document.addEventListener('click', ev => {
if (!currentMenu || !currentButton) return;
if (ev.target.closest('#prompt-menu-container, [data-testid="composer-button-prompts"]')) return;
closeMenu();
});
document.addEventListener('keydown', ev => {
if (ev.key === 'Escape') {
closeMenu();
if (currentModal && currentModal.classList.contains('visible')) hideModal(currentModal);
if (languageModal && languageModal.classList.contains('visible')) hideModal(languageModal);
if (currentPlaceholderModal && currentPlaceholderModal.classList.contains('visible')) hideModal(currentPlaceholderModal);
}
});
window.addEventListener('resize', debounce(() => {
if (currentMenu && currentMenu.classList.contains('visible')) {
positionMenu(currentMenu, currentButton);
}
}, 100));
}
function tryInit() {
if (isInitializing) return;
if (isInitialized && currentButton && document.body.contains(currentButton) && currentPlatform === detectPlatform()) {
return;
}
isInitializing = true;
initUI().finally(() => { isInitializing = false; });
}
// #endregion
// #region INICIAR SCRIPT
async function start() {
await determineLanguage();
injectGlobalStyles();
setupGlobalEventListeners();
GM_registerMenuCommand(getTranslation('languageSettings'), () => {
if (!languageModal) {
languageModal = createLanguageModal();
document.body.appendChild(languageModal);
}
showModal(languageModal);
});
tryInit();
}
start();
// #endregion
})();