Salesforce OrgPilot

Salesforce OrgPilot: An Extension for environment watermarks and fast navigation in Salesforce orgs.

Salesforce OrgPilot A browser extension (Manifest V3) for Chrome and Firefox that provides environment identification watermarks and quick navigation for Salesforce orgs. Features Environment Watermark Automatically displays a watermark identifying whether you're in Production or a Sandbox (showing the sandbox name). The watermark appears on page load so you can verify your environment at a glance, then disappears on your first click or keypress to stay out of the way. It reappears on the next page load. Customizable via the options page: Setting Default Range Font size 120px 50-300px Opacity 20% 5-50% Production color #ff4444 (red) Any hex color Sandbox color #006600 (green) Any hex color Position Diagonal Diagonal, Top Left, Top Right, Top Center, Center Omnibox Quick Navigation Type sf in the browser address bar followed by a target to quickly navigate anywhere in your Salesforce org. Single-word commands default to production; prefix with a sandbox name to target a sandbox. sf <target> # goes to production (current tab) sf <sandbox> <target> # goes to a sandbox (current tab) sf *<sandbox> <target> # opens in a new tab sf **<sandbox> <target> # opens in a new window Environments: Single word defaults to production (e.g., sf cases → prod cases) Two words: first word is the sandbox name (e.g., sf dev cases → dev sandbox cases) Tab/Window behavior: No prefix — navigates in the current tab (default) * prefix — opens in a new tab (e.g., sf *dev cases) ** prefix — opens in a new window (e.g., sf **dev cases) Targets: Target Destination admin Setup Home flow / flows Flow Builder login Base URL / login page for the org copy Current page in another environment sandbox Sandbox creation page devops DevOps Center (production only) Custom target name User-defined path (see Custom Targets) Any object name (e.g., account, contact) Recent list view for that object 15 or 18-character Salesforce ID Direct record navigation Examples: sf account → Production Account list sf flow → Production Flow Builder sf admin → Production Setup Home sf 001xx000003DGbY → Navigate directly to a production record sf login → Production base URL sf dev login → Dev sandbox base URL sf dive copy → Open current page in dive sandbox sf copy → Open current page in production sf dev flow → Dev sandbox Flow Builder sf qa admin → QA sandbox Setup Home sf dev 001xx000003DGbY → Navigate to a record in dev sandbox sf *prod admin → Production Setup Home in a new tab sf **dev cases → Dev sandbox cases in a new window sf users → Custom target "users" in production sf dev users → Custom target "users" in dev sandbox Popup Dashboard Click the extension icon to open a quick-access popup with: Environment selector — Switch between Production and your configured sandboxes with one click. The selected environment is remembered across popup opens. Navigate buttons — Admin, Flows, Sandbox, DevOps on the first row; Login and Copy on the second. Copy takes the current tab's page and opens it in the selected environment. Custom targets — Any custom targets you've configured appear in their own section. Recent Pages — Shows the last 5 Salesforce pages you visited, with relative timestamps ("just now", "5m ago", "2h ago"). Click any entry to navigate back. Respects the open-in dropdown. Quick Nav — Type a Salesforce ID (15 or 18 characters) or an object name to navigate directly. Includes autocomplete suggestions for standard objects (Account, Contact, Lead, Opportunity, Case, etc.). Open in dropdown — Choose whether links open in the current tab, a new tab, or a new window. Clean Up Groups — Merges duplicate tab groups in the current window. Consolidate — Dropdown lists every tab group that exists in other browser windows. Select one (e.g., PROD, DEV) and click Consolidate to pull all tabs from that group across all windows into the current window. Sandbox tabs in other groups are left untouched. Configure sandbox names in the options page (comma-separated, e.g. DEV, QA, UAT). They display with whatever casing you enter but URLs are always lowercase. Tab Grouping by Environment Automatically organizes Salesforce tabs into color-coded browser tab groups by environment. Production tabs go into a red PROD group, and each sandbox gets its own distinctly colored group (e.g., green DEV, blue QA). Auto-grouping — Enable in options to automatically group every Salesforce tab as it loads Manual grouping — Press Alt+Shift+G (Option+Shift+G on Mac) to sort all open Salesforce tabs into groups at once. Works even when auto-grouping is off. Cross-window consolidation — Use the Consolidate dropdown in the popup to pick any tab group and pull all its tabs from other browser windows into the current one. Tabs that navigate between environments are automatically moved to the correct group Non-Salesforce tabs are never affected Each browser window maintains its own set of groups Empty groups are automatically removed by the browser Keyboard Shortcuts Shortcut Action Alt+S (Option+S on Mac) Open the popup Alt+Shift+G (Option+Shift+G on Mac) Group all Salesforce tabs by environment Alt+Shift+T (Option+Shift+T on Mac) Pull all Salesforce tabs into current window and group Remap shortcuts at chrome://extensions/shortcuts. Installation Chrome Clone or download this repository Open chrome://extensions/ in Chrome Enable Developer Mode (toggle in the top right) Click Load unpacked and select this directory Open the extension's Options page to configure your production URL Firefox Clone or download this repository Open about:debugging#/runtime/this-firefox in Firefox Click Load Temporary Add-on Select the manifest.json file from this directory Open the extension's Options page to configure your production URL Configuration Open the extension options page to set: Production URL — Your Salesforce production domain (e.g., myorg.lightning.force.com). The org name is extracted from the first segment of this URL and used for environment detection and navigation. Sandbox Names — Comma-separated list of sandbox environment names (e.g., DEV, QA, UAT). These appear as buttons in the popup dashboard. Tab Grouping — Toggle auto-grouping of Salesforce tabs by environment. Off by default. Watermark settings — Toggle, font size, opacity, colors, and position. Custom Targets — Up to 10 custom name/URL pairs. Paste a full Salesforce URL and the path is extracted automatically. Target names support flexible plural matching (site matches sites and vice versa). All settings sync across browser instances via chrome.storage.sync. Export / Import Settings From the options page, you can Export your entire configuration as a sfnav-config.json file for backup or sharing, and Import a previously exported file to restore settings. Import validates the file before applying and reloads the page on success. How Environment Detection Works The extension determines the environment from the page hostname: Production — Hostname starts with orgName. (e.g., myorg.lightning.force.com) Sandbox — Hostname contains orgName-- (e.g., myorg--dev.sandbox.lightning.force.com), with the sandbox name extracted and displayed as the watermark label Supported domains: *.salesforce.com *.lightning.force.com *.salesforce-setup.com Project Structure ├── manifest.json # Extension configuration (Manifest V3) ├── content.js # Watermark injection (runs on Salesforce pages) ├── background.js # Omnibox navigation, tab grouping, and command handler ├── popup.html # Popup dashboard UI ├── popup.js # Popup dashboard logic ├── options.html # Settings page UI ├── options.js # Settings page logic └── icons/ # Extension icons (16, 32, 48, 128px) Development No build tools required — vanilla JS, HTML, and CSS loaded directly by the browser. After making changes: Chrome: Go to chrome://extensions/ and click the reload button on the extension card Firefox: Go to about:debugging#/runtime/this-firefox and click Reload