I want to develop a browser extension for the Facebook Ads Manager page, with the following features: 1. Access Control: Password Verification When clicking the extension icon, a password input dialog should pop up. Only after entering the correct preset password: The main interface of the extension should open. The extension should then start working. 2. Ad Data Extraction (by Hierarchy) After the password is successfully verified, the extension should automatically extract data from the current Facebook Ads Manager page. Facebook’s structure is: Campaign Ad Set Ad For each Ad on the current page, the extension needs to extract the following fields: Spend Result Completed Registrations Impressions Unique Link Clicks At the same time, based on these fields, the extension should calculate for each ad: Cost per Result Cost per Registration CPM (Cost per 1,000 Impressions) CPC (Cost per Click) 3. Sorting Validation & Filtering Rules If the current ad list is not sorted by Spend from highest to lowest, the extension should display a message in its UI: Please sort the ads by spend from highest to lowest. For ad rows where Spend = 0: The extension should automatically ignore them. They should not be included in any statistics or calculations (including totals and derived metrics). 4. Local Editable Simulation & Real-Time Recalculation In the extension’s interface, each ad should be locally editable: Add input fields next to the following fields to allow me to manually modify the values: Spend Result Completed Registrations Impressions Unique Link Clicks When I modify any of these fields, the extension should: Recalculate in real time the derived metrics for that ad: Cost per Result Cost per Registration CPM CPC And synchronously update and overwrite the corresponding values shown on the Facebook page for that ad row (front-end display only, visual replacement). 5. Hierarchical Aggregation Linkage (Ad → Ad Set → Campaign) Since Facebook’s structure is Ads nested in Ad Sets, and Ad Sets nested in Campaigns, then: When I modify data in any Ad row: The bottom “Total” row on the page should be recalculated based on the latest values of all valid ads (Spend > 0). The corresponding Ad Set–level aggregated data (Spend, Result, Completed Registrations, Impressions, Unique Link Clicks and all derived metrics) should also be automatically recalculated based on all its child ads’ latest values and updated in the UI. The corresponding Campaign–level data should likewise be aggregated and updated. This ensures: Changes at the Ad level propagate upward to affect the Ad Set and Campaign summaries. All levels on the page remain logically consistent: Ad Ad Set Campaign Bottom page Total In simple terms: The smallest unit is the Ad. All summaries (Ad Set, Campaign, and page Total) must be recalculated based on the current locally modified ad data. 6. Local Persistence & State Restoration After Refresh All modifications I make to ad fields in the extension, as well as all recalculated metrics and aggregated results, need to be stored locally (for example, using localStorage or IndexedDB). When I: Refresh the page, Reopen the Facebook Ads Manager page, or Open the extension again, the extension should: Reapply and re-render the previously modified ad values, Restore the aggregated data for Ad Sets and Campaigns, Restore the bottom Total row, so that: What I see on the page is still the locally simulated data I modified earlier. All these changes should only take effect in the local browser front end. They must not write to or modify the real ad data in Facebook’s backend. They are purely visual and computational local simulations.