Skip to content

Commit 2366d08

Browse files
MaxITServiceMaxITService
committed
Enhance button tooltips for better user guidance in profile management
1 parent 559e61c commit 2366d08

File tree

1 file changed

+101
-23
lines changed

1 file changed

+101
-23
lines changed

‎popup.html‎

Lines changed: 101 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,22 @@ <h2>Profile</h2>
3131
>
3232
<option value="default">Default Profile</option>
3333
</select>
34-
<button id="addProfile">Add Profile</button>
35-
<button id="copyProfile">
34+
<button id="addProfile" title="Create a new, empty profile.">
35+
Add Profile
36+
</button>
37+
<button
38+
id="copyProfile"
39+
title="Duplicate the current profile with all its buttons and settings to new profile that you will name."
40+
>
3641
Duplicate Current Profile To A New One
3742
</button>
38-
<button id="deleteProfile" class="danger">Delete</button>
43+
<button
44+
id="deleteProfile"
45+
class="danger"
46+
title="Delete the currently selected profile. The 'Default' profile cannot be deleted."
47+
>
48+
Delete
49+
</button>
3950

4051
<div id="versionContainer">
4152
<p id="version">Version 0.0.2.6</p>
@@ -46,7 +57,10 @@ <h2>Profile</h2>
4657

4758
<a href="#helpSection">Go to Help Section</a>
4859
</p>
49-
<button id="open-in-tab-button">
60+
<button
61+
id="open-in-tab-button"
62+
title="Open this settings page in a new browser tab for more space."
63+
>
5064
↗️ Expand this page to new tab
5165
</button>
5266
</div>
@@ -64,8 +78,19 @@ <h2>Profile</h2>
6478
placeholder="Enter profile name here"
6579
title="New profile name"
6680
/>
67-
<button id="saveAddProfile">Save</button>
68-
<button id="cancelAddProfile" class="danger">Cancel</button>
81+
<button
82+
id="saveAddProfile"
83+
title="Save the new profile with the name entered above."
84+
>
85+
Save
86+
</button>
87+
<button
88+
id="cancelAddProfile"
89+
class="danger"
90+
title="Cancel creating a new profile and hide this input."
91+
>
92+
Cancel
93+
</button>
6994
</div>
7095
<!-- Copy Profile Input and Save/Cancel Buttons -->
7196
<div
@@ -95,27 +120,46 @@ <h2>Button Configuration</h2>
95120
id="buttonIcon"
96121
placeholder="✨"
97122
class="emoji-input"
98-
title="Button icon"
123+
title="Button icon that will be clickable in the chat interface, or you may have text here or multiple emojis. (Emoji menu Win+. Or you may ask AI for them and copy)"
99124
aria-label="Button icon"
100125
/>
101126

102127
<textarea
103128
id="buttonText"
104-
placeholder="Button Template Text"
129+
placeholder="Button Template Text To be Inserted"
105130
class="text-input"
106131
rows="1"
107-
title="Button template text"
132+
title="This will be inserting text into the chat input when the button is clicked, into textbox after your text"
108133
aria-label="Button template text"
109134
></textarea>
110-
<label class="checkbox-row" for="buttonAutoSendToggle">
135+
<label
136+
class="checkbox-row"
137+
for="buttonAutoSendToggle"
138+
title="If checked, clicking the new button will automatically send the prompt. This setting can be overridden by the global auto-send toggle below."
139+
>
111140
<input type="checkbox" id="buttonAutoSendToggle" checked />
112141
<span>Auto-send</span>
113142
</label>
114143
</div>
115144
<div class="row">
116-
<button id="addButton">Add Button</button>
117-
<button id="clearText">Clear Text</button>
118-
<button id="addSeparator">Add Separator</button>
145+
<button
146+
id="addButton"
147+
title="Add a new prompt button using the icon, text, and auto-send setting from above."
148+
>
149+
Add Button
150+
</button>
151+
<button
152+
id="clearText"
153+
title="Clear the icon and text fields for adding a new button."
154+
>
155+
Clear Text
156+
</button>
157+
<button
158+
id="addSeparator"
159+
title="Add a visual separator to the button list to organize your prompts."
160+
>
161+
Add Separator
162+
</button>
119163
</div>
120164
<div id="buttonCardsList" data-draggable="true">
121165
<!-- Button cards added dynamically here -->
@@ -126,7 +170,11 @@ <h2>Button Configuration</h2>
126170
<section class="section">
127171
<h2>Settings</h2>
128172
<div class="row">
129-
<label class="checkbox-row" for="autoSendToggle">
173+
<label
174+
class="checkbox-row"
175+
for="autoSendToggle"
176+
title="Global setting for this profile. If unchecked, no buttons will auto-send, overriding individual button settings."
177+
>
130178
<input type="checkbox" id="autoSendToggle" />
131179
<span
132180
>Enable Global Auto-send for profile. Disabling will disable
@@ -135,18 +183,29 @@ <h2>Settings</h2>
135183
</label>
136184
</div>
137185
<div class="row">
138-
<label class="checkbox-row" for="shortcutsToggle">
186+
<label
187+
class="checkbox-row"
188+
for="shortcutsToggle"
189+
title="Enable or disable keyboard shortcuts (Alt+1 through Alt+0) for the first 10 buttons in this profile, so you can press keyboard instead of clicking them. If disabled, you can still click buttons with mouse."
190+
>
139191
<input type="checkbox" id="shortcutsToggle" />
140192
<span>Enable Keyboard Shortcuts</span>
141193
</label>
142194
</div>
143195
<div class="row">
144-
<button id="revertDefault" class="danger">
196+
<button
197+
id="revertDefault"
198+
class="danger"
199+
title="Reset all buttons and settings in the current profile back to the extension's defaults."
200+
>
145201
Revert Current Profile to Default
146202
</button>
147203
</div>
148204
<div class="row">
149-
<button id="resetFloatingWindowSettings">
205+
<button
206+
id="resetFloatingWindowSettings"
207+
title="Reset the position, size, and visibility of the floating panel on all websites."
208+
>
150209
Reset Floating Window Settings for all pages
151210
</button>
152211
</div>
@@ -162,8 +221,18 @@ <h2>Console</h2>
162221
<section class="section" id="backupSection">
163222
<h2>Backup &amp; Restore</h2>
164223
<div class="row">
165-
<button id="exportProfile">Export Profile</button>
166-
<button id="importProfile">Import Profile</button>
224+
<button
225+
id="exportProfile"
226+
title="Download the current profile's settings as a JSON backup file. You can then import this file to another computer or restore in case of data loss."
227+
>
228+
Export Profile
229+
</button>
230+
<button
231+
id="importProfile"
232+
title="Import a profile's settings from a JSON backup file."
233+
>
234+
Import Profile
235+
</button>
167236
<!-- Hidden file input for importing profile -->
168237
<input
169238
type="file"
@@ -177,8 +246,7 @@ <h2>Backup &amp; Restore</h2>
177246
<!-- Confirmation Div -->
178247
<div id="confirmationDiv" class="confirmation" style="display: none">
179248
<p>
180-
File loaded successfully. But profile with the same name exists in a
181-
system. Do you want to overwrite currently existing profile?
249+
File loaded successfully, but a profile with the same name already exists in the system. Do you want to overwrite the existing profile?
182250
</p>
183251
<button id="confirmOverwrite">Yes</button>
184252
<button id="cancelOverwrite">No</button>
@@ -320,8 +388,17 @@ <h2>
320388
></textarea>
321389
</div>
322390
<div class="row">
323-
<button id="saveSelectors">Save Selectors</button>
324-
<button id="resetSelectors" class="danger">
391+
<button
392+
id="saveSelectors"
393+
title="Save your custom CSS selectors for the selected website."
394+
>
395+
Save Selectors
396+
</button>
397+
<button
398+
id="resetSelectors"
399+
class="danger"
400+
title="Revert the CSS selectors for the selected website to the extension's defaults."
401+
>
325402
Reset to Defaults
326403
</button>
327404
</div>
@@ -413,3 +490,4 @@ <h2>Theme</h2>
413490
<script src="/popup-page-scripts/popup-page-floating-window-handler.js"></script>
414491
</body>
415492
</html>
493+
</html>

0 commit comments

Comments
 (0)