Follow Up Tracker Notes

WHAT IT DOES

The Follow Up Tracker Notes scans any webpage for text input fields, textareas, and content-editable elements that appear to be note, comment, follow‑up, action, reminder, task, to‑do, or next‑step fields. It adds a small floating note icon next to each detected field—a subtle 📝 icon that turns into a 📌 icon when a note has been saved. Clicking the icon opens a popup note editor where you can type, edit, and save a follow‑up note. Notes are stored locally per field using GM_setValue and persist across page reloads, so your reminders stay with you. The icon changes color when a note is present, and a tooltip shows a preview of the note content on hover. This helps you keep track of follow‑up items while working in CRM systems, project management tools, or any web application.

WHERE IT RUNS

It runs as a draggable overlay panel inside the BotGentz extension on any website—CRM systems (Salesforce, HubSpot), project management tools (Jira, Asana, Trello), helpdesk software (Zendesk, Freshdesk), or any page with note/task fields. It works on any framework (React, Vue, Angular, vanilla HTML).

HOW TO USE

1. Install the free BotGentz extension.

2. Navigate to any page with note, comment, or task fields.

3. Click the BotGentz icon and select "Follow Up Tracker Notes" from the tools menu.

4. Click "Start Watching" to scan the page and add note icons.

5. Click the 📝 icon next to any field to open the popup note editor.

6. Type your follow‑up note and click "Save" or press Ctrl+Enter.

7. The icon turns into 📌 and changes color—a visual indicator that a note exists.

8. Hover over the icon to see a preview of the note content.

9. Click the icon again to edit or update the note.

10. Use "Refresh" to update icons if new fields appear.

11. Click "Stop" to remove all icons and stop monitoring.

12. Use "Clear All Notes" to delete all saved notes for the current site.

13. Drag the panel to reposition it, resize it, collapse it, or press Escape to close.

THE ACTUAL MECHANISM — intelligent field detection with persistent local storage and icon-based interaction

This tool scans the DOM for text inputs, textareas, and content-editable elements using a heuristic detection algorithm: it checks name, ID, placeholder, className, and aria-label for note-related keywords. For each detected field, it generates a unique key based on the hostname, path, and field identifier (id, name, or position coordinates). It creates a fixed-position floating icon positioned to the right (or left) of the field using the field's bounding client rect. Clicking the icon creates a popup note editor with a textarea, timestamp display, and save button. On save, the note text is stored via GM_setValue under the generated key, and the icon updates to indicate a note is present. The icon also has a title attribute with a note preview. A MutationObserver watches for new fields, and scroll/resize events reposition icons. All settings—icon position, colors, and preview toggle—are persisted via GM_setValue.

THE PANEL

The panel is fully draggable by its title bar and snaps to the nearest edge of the viewport when released. You can resize it horizontally by dragging the left or right border; the height expands to fit content up to a maximum, with scrolling inside the settings area. A collapse button minimizes the panel to a small floating chip showing "⚙️ Follow Up Notes" — click it to expand back. Press Escape at any time to close the panel entirely. The panel remembers its last position, size, and expansion state per domain via localStorage.

PLEASE NOTE

- This tool requires the free BotGentz extension (available for Chromium‑based browsers and Firefox).

- The tool detects note/task fields heuristically—if a field is not detected, it may not be a standard note field.

- Notes are stored locally in your browser's extension storage and are not sent anywhere.

- If you clear your browser data or extension storage, your notes will be lost.

- The tool uses fixed positioning for icons—they may overlap with other page elements in complex layouts.

- No page content is ever sent to any server—all notes are stored locally in your browser. Only anonymized usage metrics (panel open/close, note creations) are collected; you can disable this in the extension settings at any time.