Cookie Value Editor Panel

WHAT IT DOES

Cookie Value Editor Panel provides a complete interface for managing browser cookies for the current domain. The panel displays all cookies in a sortable, searchable list showing each cookie's name, value, size, and security flags. You can add new cookies, edit existing ones, or delete individual cookies with a single click. When editing or adding cookies, you can set attributes including path, domain, expiration date, Secure flag, and SameSite policy (Lax, Strict, or None). The extension automatically detects and parses JSON-encoded cookie values, displaying them in a readable format. A search filter lets you quickly find cookies by name or value. The panel also shows total cookie count and size information. An export feature backs up all cookies as a JSON file, and an import feature restores cookies from a previously exported file. The "Clear All" button removes all cookies for the domain with confirmation.

WHERE IT RUNS

The extension works on every website with cookies, including complex single-page applications, traditional websites, and any page that sets or reads cookies. It runs locally in your browser, reading and writing cookies directly using the document.cookie API without sending any data to external servers. The extension supports all major browsers and adapts to both desktop and mobile viewports seamlessly.

HOW TO USE

After installation, a "🍪 Cookies" badge appears in the bottom-right corner of the page (if enabled). Click the badge to open the Cookie Editor panel. The panel displays all cookies for the current domain in a list showing name, value, size, and security flags. To find a specific cookie, type a search term into the search box—the list updates in real-time. To add a new cookie, click the "+ Add" button and enter the name and value. To edit a cookie, click the edit (✎) button next to any entry—you can modify the name, value, and set attributes including path, Secure flag, and SameSite policy. Click "Save" to apply changes or "Cancel" to discard. To delete a cookie, click the delete (×) button. Use "Refresh" to reload the cookie list. Use "Export" to save all cookies as a JSON file. Use "Import" to restore cookies from a JSON file. Use "Clear All" to delete all cookies for the domain (with confirmation).

THE ACTUAL MECHANISM — DOCUMENT.COOKIE API WITH ATTRIBUTE SUPPORT AND JSON PARSING

The extension uses the `document.cookie` API to read and write cookies. Reading is done by splitting the `document.cookie` string by semicolons and parsing each name=value pair with `decodeURIComponent()` to handle URL-encoded values. For JSON detection, the extension attempts `JSON.parse()` on each value and displays the parsed structure if successful. Writing cookies is done by constructing a cookie string with the format `name=value; path=...; domain=...; expires=...; secure; SameSite=...` and assigning it to `document.cookie`. For deletion, the extension sets the cookie with `expires=Thu, 01 Jan 1970 00:00:00 GMT`. The extension supports setting path, domain, expiration date, Secure flag, and SameSite attribute (Lax, Strict, None). When editing an existing cookie, if the name is changed, the extension first deletes the old cookie using its name and then sets the new one. The export feature serializes all cookies to a JSON object and creates a downloadable blob. The import feature reads a JSON file and writes each key-value pair to `document.cookie` with a default path of '/'. The panel renders the cookie list using DOM manipulation with click handlers for edit, delete, copy, and search functionality.

THE PANEL

The settings panel is a lightweight, draggable overlay that appears in the center of your screen. You can reposition it by clicking and dragging the title bar; release it near the screen edge and it will snap into place automatically. To collapse the panel into a compact title bar, click the minimize button, expanding it again with the same control. The panel is fully responsive, adapting to different screen resolutions with a minimum width of 300px and a maximum of 480px. Press the Escape key at any time to dismiss the panel without applying changes. All controls—the enable/disable toggle, open/close editor buttons, search input, add button, refresh button, JSON view toggle, auto-refresh toggle, compact view toggle, export/import buttons, clear all button, and per-site controls—are accessible within a clean, high-contrast interface that respects your system's color scheme.

PLEASE NOTE

This extension requires the free BotGentz companion extension to be installed and active, which provides the underlying DOM access, clipboard, and storage engine. The extension reads and writes cookies using the standard document.cookie API. Some cookie attributes (HttpOnly) cannot be read or modified from JavaScript—these cookies will appear in the list but their values cannot be edited. Cookies with the HttpOnly flag will show a lock icon (🔑) but cannot be modified or deleted from the panel. The Secure flag can only be set on HTTPS pages. The extension does not store or transmit any cookie data externally; all data remains on your local device. No personal data, browsing history, or page content is ever collected, stored, or transmitted. All settings are saved using the browser's storage API and remain solely on your device. The extension does not inject ads, trackers, or analytics of any kind.