Skip to content

Commit a8d6f88

Browse files
MaxITServiceMaxITService
committed
Added help
1 parent 8ae32cd commit a8d6f88

File tree

1 file changed

+147
-8
lines changed

1 file changed

+147
-8
lines changed

‎popup.html‎

Lines changed: 147 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -197,6 +197,7 @@ <h3>
197197
<input
198198
type="checkbox"
199199
id="crossChatModuleEnableToggle"
200+
title="Enable this module to add two new buttons (📋 Copy and 📥 Paste) to AI chat pages. This allows you to easily transfer prompts between different AI platforms."
200201
aria-label="Enable Cross-Chat Prompt Sharing"
201202
/>
202203
<span class="slider round"></span>
@@ -208,41 +209,81 @@ <h3>
208209

209210
<!-- Settings container - hidden by default -->
210211
<div id="crossChatModuleSettings" style="display: none">
212+
<div class="text-inside-container" style="margin-bottom: 16px">
213+
<p>
214+
This module streamlines your workflow when using multiple AI
215+
chat services.
216+
</p>
217+
<ul>
218+
<li>
219+
<strong>How it works:</strong> On a supported chat page
220+
(like ChatGPT), type a prompt and click the
221+
<strong style="font-family: 'Segoe UI Emoji'">📋</strong>
222+
button. Then, navigate to another chat page (like Claude)
223+
and click the
224+
<strong style="font-family: 'Segoe UI Emoji'">📥</strong>
225+
button to paste the same prompt.
226+
</li>
227+
<li>
228+
The prompt is stored globally, so you can copy it once and
229+
paste it on multiple different sites. Hovering over the
230+
<strong style="font-family: 'Segoe UI Emoji'">📥</strong>
231+
button on a chat page will show you the stored prompt in a
232+
tooltip.
233+
</li>
234+
</ul>
235+
</div>
211236
<div class="row">
212237
<label for="storedPromptDisplay">Stored Prompt:</label>
213238
<textarea
214239
id="storedPromptDisplay"
215240
class="selector-config-textarea"
216241
rows="4"
217242
readonly
243+
title="This read-only area shows the prompt that is currently saved in the extension's memory. Use the 'Refresh' button to update it."
218244
placeholder="No prompt has been saved."
219245
></textarea>
220246
</div>
221247
<div class="row" style="justify-content: flex-end">
222-
<button id="refreshStoredPrompt">Refresh</button>
223-
<button id="clearStoredPrompt" class="danger">
248+
<button
249+
id="refreshStoredPrompt"
250+
title="Manually fetch and display the currently stored prompt from memory. Useful if you've copied a new prompt in another tab and want to see it here."
251+
>
252+
Refresh
253+
</button>
254+
<button
255+
id="clearStoredPrompt"
256+
class="danger"
257+
title="Permanently deletes the prompt currently stored in memory. This cannot be undone."
258+
>
224259
Clear Stored Prompt
225260
</button>
226261
</div>
227262
<hr style="margin: 16px 0" />
228263
<h4>Settings</h4>
229-
<div class="row">
264+
<div
265+
class="row"
266+
title="If enabled, after you click the '📋 Copy' button on a chat page, the extension will also immediately 'send' the text in that same chat. This is useful for workflows where you want to send a prompt and simultaneously save it for use elsewhere."
267+
>
230268
<div class="switch-container">
231269
<label class="switch">
232270
<input type="checkbox" id="crossChatAutosendCopy" />
233271
<span class="slider round"></span>
234272
</label>
235-
<span class="switch-label">Autosend after Copy</span>
273+
<span class="switch-label">Autosend after 📋 Copy</span>
236274
</div>
237275
</div>
238-
<div class="row">
276+
<div
277+
class="row"
278+
title="If enabled, clicking the '📥 Paste & Send' button will not only paste the stored prompt into the chat input but also automatically trigger the send action, submitting it to the AI."
279+
>
239280
<div class="switch-container">
240281
<label class="switch">
241282
<input type="checkbox" id="crossChatAutosendPaste" />
242283
<span class="slider round"></span>
243284
</label>
244285
<span class="switch-label"
245-
>Autosend after Paste & Send</span
286+
>Autosend after 📥 Paste & Send</span
246287
>
247288
</div>
248289
</div>
@@ -251,7 +292,10 @@ <h4>Settings</h4>
251292
style="flex-direction: column; align-items: flex-start"
252293
>
253294
<label>Button Placement:</label>
254-
<div style="margin-top: 8px">
295+
<div
296+
style="margin-top: 8px"
297+
title="Places the 📋 and 📥 buttons before your other custom buttons. They will be assigned shortcuts Alt+1 and Alt+2."
298+
>
255299
<label>
256300
<input
257301
type="radio"
@@ -263,7 +307,9 @@ <h4>Settings</h4>
263307
Custom Buttons
264308
</label>
265309
</div>
266-
<div>
310+
<div
311+
title="Places the 📋 and 📥 buttons after all your other custom buttons. Their shortcuts will follow your last custom button."
312+
>
267313
<label>
268314
<input
269315
type="radio"
@@ -281,6 +327,98 @@ <h4>Settings</h4>
281327
</div>
282328
</section>
283329

330+
<!-- Help Section -->
331+
<section class="section" id="helpSection">
332+
<h2>Help</h2>
333+
<div class="text-inside-container">
334+
<p>Some information:</p>
335+
<p>
336+
ABSOLUTELY DO BACKUP YOUR PROFILE! IN CASE OF UPDATE, YOU MAY LOSE
337+
YOUR BUTTONS - ANYTIME. BE SURE TO BACKUP YOUR PROFILE! I am not yet
338+
skillful enough in JS to make sure all updates will go without
339+
problems
340+
</p>
341+
<ul>
342+
<li>
343+
Pressing "Shift" while pressing a key or button changes its
344+
autosend behavior! Works both with clicks and keyboard shortcuts!
345+
</li>
346+
<li>Keyboard shortcuts can be enabled in Settings section</li>
347+
<li>
348+
<strong>Queue Feature:</strong> Use the floating panel (click the
349+
'🔼' button on the chat page) to access the new Queue feature. It
350+
allows you to send multiple prompts sequentially with a
351+
configurable delay. Be sure to use it responsibly and in
352+
accordance with the website's Terms of Service.
353+
</li>
354+
<li>
355+
<strong>Cross-Chat Prompt Sharing:</strong> A new module that
356+
lets you copy a prompt from one AI chat and paste it into
357+
another. Enable it in the "Modules" section above to get started.
358+
</li>
359+
<li>In case of a problem: first step is to reload your browser.</li>
360+
<li>
361+
In case something stopped working completely: The websites often
362+
change their structure. My extension therefore addresses elements
363+
that are not longer present. Therefore, when I notice this, I need
364+
to make an update, and then it takes time for Google to approve
365+
it.
366+
</li>
367+
<li>
368+
In case something is not working: try to use English version of
369+
the websites. LLMs do not care about language, so you can use any
370+
language you want in chat, while keeping interface language
371+
English. I only test on English languages of webpages, because I
372+
have to work and have no spare time.
373+
</li>
374+
<li>
375+
If buttons disappear, first step is to refresh the page, then try
376+
pressing "Reset Floating Window Settings for all pages" up here in
377+
this popup. You can open an issue on Github:
378+
<a
379+
href="https://github.com/MaxITService/ChatGPT-Quick-Buttons-for-your-text/issues"
380+
>
381+
Issues page</a
382+
>
383+
Or email me at [email protected]
384+
</li>
385+
<li>
386+
In case absolutely nothing works, do the following:
387+
<ul>
388+
<li>Export all the profiles you need to JSON files</li>
389+
<li>Uninstall extension</li>
390+
<li>
391+
Install extension again and test if it's working with default
392+
profiles
393+
</li>
394+
<li>Import your saved profiles and test again</li>
395+
</ul>
396+
</li>
397+
<li>
398+
<a
399+
href="https://github.com/MaxITService/ChatGPT-Quick-Buttons-for-your-text"
400+
>Github: you can provide code you want to see in app here.</a
401+
>
402+
</li>
403+
<li>
404+
<a href="https://buymeacoffee.com/netstaff"
405+
>Donation link. If you are very rich, please send me huge amount
406+
of money, thank you!</a
407+
>
408+
</li>
409+
<li>
410+
Introducing changes faster than once in second causes saving
411+
issues
412+
</li>
413+
<li>
414+
<a href="#" id="openWelcomePage"
415+
>Open Welcome page (the one with instructions) again</a
416+
>
417+
</li>
418+
</ul>
419+
</div>
420+
</section>
421+
284422
<!-- Settings -->
285423
<section class="section">
286424
<h2>Settings</h2>
@@ -639,3 +777,4 @@ <h2>Theme</h2>
639777
</body>
640778
</html>
641779

780+

0 commit comments

Comments
 (0)