Freelance Quote Calculator

WHAT IT DOES

Freelance Quote Calculator is a floating panel that turns your hourly rate, markup percentage, project hours, and material costs into a complete project quote. Enter your standard hourly rate (e.g., $75), your desired markup percentage (e.g., 30%), the estimated hours for the project, and any materials cost—the panel instantly computes labor cost, markup amount, materials total, and the final grand total quote. You can then insert that total directly into any editable field on the page (input, textarea, or contenteditable) with one click, or copy it to your clipboard. No more switching between calculator apps, spreadsheets, or manual math—everything stays in your workflow.

WHERE IT RUNS

The panel overlays any website that loads the BotGentz extension—whether you're on a freelance platform, a CRM, an invoicing tool, a project management dashboard, or even a simple text editor in your browser. 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 Freelance Quote Calculator, it will appear as a draggable widget near the bottom‑right corner of your viewport. To generate a quote:

- Enter your hourly rate in the "Hourly rate ($)" field.

- Enter your markup percentage in the "Markup percentage (%)" field (use 0 for no markup).

- Enter estimated project hours in the "Project hours" field.

- Enter any materials cost in the "Materials cost ($)" field (use 0 if none).

The panel updates all breakdown figures live—labor, materials, markup, and total quote—as you type. To use the quote:

- Click "Insert Quote into Active Field" to paste the total into whichever input, textarea, or contenteditable element you have focused on the page.

- Click "Copy Quote to Clipboard" to copy the total to your system clipboard for pasting anywhere.

The panel remembers your last used hourly rate, markup, and materials cost across sessions.

REACTIVE DEPENDENCY GRAPH WITH BIDIRECTIONAL BINDING

Unlike static calculators that require a "calculate" button and cannot handle partial inputs, this panel uses a reactive dependency graph where each output node (labor, markup, materials display, total) is a computed function of its source inputs (hourly, markup%, hours, materials). Every input field is bound to the graph via an event-driven transducer that debounces keystrokes (to avoid jank during rapid typing) and then propagates changes through the graph in topological order. The graph is implemented as a directed acyclic map—when any source changes, the engine marks all dependent nodes as "dirty" and recomputes them exactly once using a queue-based scheduler. This ensures that changing hours updates labor and total, but changing markup only updates markup and total, with no redundant recalculations. The system also includes a stale‑detection version counter per node, so if two inputs change in the same event loop tick, the graph still recomputes each output only once, preserving CPU efficiency and preventing visual flicker.

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 Upwork vs. FreshBooks) 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 rates, markup, and project figures remain private to your local session and are persisted only via GM_setValue (the extension's local storage) for convenience, not shared across devices or sessions. We recommend verifying critical quotes with your accounting software, as rounding conventions and tax rules vary by jurisdiction.