Hourly Rate Calculator

WHAT IT DOES

Hourly Rate Calculator is a floating panel that instantly converts between annual salary and hourly rate. Enter either an annual salary or an hourly wage, adjust your typical work hours per week and vacation weeks per year, and the panel simultaneously displays: equivalent hourly rate, annual salary, monthly salary, weekly salary, and daily rate. The calculation updates live as you type, supporting both salary‑to‑hourly and hourly‑to‑salary conversions. No page reloads, no form submissions—just immediate answers for freelancers, contractors, job seekers, and finance professionals.

WHERE IT RUNS

The panel overlays any website that loads the BotGentz extension—whether you’re browsing job boards, payroll portals, financial dashboards, or your own business tools. It works on all modern Chromium‑based browsers (Chrome, Edge, Brave, Arc) and Firefox. The script injects a self‑contained UI element that does not interfere with the host page’s layout, styles, or JavaScript execution. It runs client‑side only, with no external API calls or cloud dependencies.

HOW TO USE

After installing the free BotGentz extension, visit any page and click the extension icon to activate the panel. The first time you use Hourly Rate Calculator, it will appear as a draggable widget near the bottom‑right corner of your viewport. To convert:

- Type an annual salary into the “Annual Salary” field—the hourly rate and all other fields update automatically.

- Type an hourly rate into the “Hourly Rate” field—the annual salary and all other fields update automatically.

- Adjust “Hours per week” (default 40) and “Vacation weeks per year” (default 2) to match your actual work schedule. The calculator uses these values to compute accurate yearly, monthly, weekly, and daily figures.

The panel remembers your last used values within the session. You can also reset all fields to defaults with a single click.

BIDIRECTIONAL DEPENDENCY INJECTION WITH STALE‑DETECTION

Unlike simple multiplication tools, this calculator uses a bidirectional dependency graph with stale‑detection timestamps. Each of the five output fields is a computed node that holds a version counter. When you type in either primary field (salary or rate), the engine updates that node’s value and increments its version. All dependent nodes then compare their own version against the source’s version—if stale, they recompute using the current work parameters and a deterministic rounding strategy (Banker’s rounding for hourly, floor‑to‑integer for salary). To prevent infinite loops, each update cycle is tagged with a transaction ID; when a node updates a peer, it includes the current transaction ID, and any reciprocal update triggered within the same transaction is ignored via a cyclic guard. This ensures that changing hours or vacation weeks recalculates every output exactly once, without cascading feedback, and all five numbers remain mathematically consistent to within 0.001% tolerance.

THE PANEL

- Drag: Click and hold the panel’s header bar to move it anywhere on the screen.

- Per‑site position: The panel stores its last position separately for each domain (e.g., different positions for LinkedIn vs. Gusto) using the browser’s localStorage, keyed by hostname.

- Snap: When dragged near any edge of the viewport, the panel snaps to that edge with a 16px margin for a clean, docked feel.

- Collapse: Click the “−” button in the header to collapse the panel to a compact title bar, preserving all current values. Click “+” to expand it back.

- Resize: Drag the bottom‑right corner handle to resize the panel from 280px to 600px wide and 200px to 500px tall; the layout adapts responsively.

- Escape: Press the Escape key while the panel is focused to close it entirely (you can reopen it from the extension toolbar).

PLEASE NOTE

This script requires the free BotGentz extension to run—it is not a standalone bookmarklet or user script. Websites frequently update their DOM structures and security policies; while we strive to keep the panel functional across thousands of sites, occasional updates may be needed. The calculator performs all operations entirely in your browser—no data is sent to any server, and no cookies or tracking identifiers are used. Your salary and rate values remain private to your local session and are not persisted across browser restarts unless you explicitly store them via the extension’s settings. We recommend verifying critical calculations with your payroll provider, as rounding conventions and overtime rules vary by jurisdiction.