From 8a4b68e156af1d67d37abb7c0fc61a333611f762 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Sat, 7 Feb 2026 15:12:31 +0000
Subject: [PATCH 01/35] ci: bump patch version to 5.1.4

---
 package.json          | 4 ++--
 src-node/package.json | 4 ++--
 src/config.json       | 4 ++--
 src/index.html        | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 1f185417f..4548962a7 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "phoenix",
-    "version": "5.1.3-0",
-    "apiVersion": "5.1.3",
+    "version": "5.1.4-0",
+    "apiVersion": "5.1.4",
     "homepage": "https://core.ai",
     "issues": {
         "url": "https://github.com/phcode-dev/phoenix/issues"
diff --git a/src-node/package.json b/src-node/package.json
index a397ade5f..d6bc88143 100644
--- a/src-node/package.json
+++ b/src-node/package.json
@@ -1,8 +1,8 @@
 {
     "name": "@phcode/node-core",
     "description": "Phoenix Node Core",
-    "version": "5.1.3-0",
-    "apiVersion": "5.1.3",
+    "version": "5.1.4-0",
+    "apiVersion": "5.1.4",
     "keywords": [],
     "author": "arun@core.ai",
     "homepage": "https://github.com/phcode-dev/phoenix",
diff --git a/src/config.json b/src/config.json
index c858953d8..5d502d24c 100644
--- a/src/config.json
+++ b/src/config.json
@@ -46,8 +46,8 @@
         "bugsnagEnv": "development"
     },
     "name": "Phoenix Code",
-    "version": "5.1.3-0",
-    "apiVersion": "5.1.3",
+    "version": "5.1.4-0",
+    "apiVersion": "5.1.4",
     "homepage": "https://core.ai",
     "issues": {
         "url": "https://github.com/phcode-dev/phoenix/issues"
diff --git a/src/index.html b/src/index.html
index a4e5c3cb9..11b78711d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -68,7 +68,7 @@
     <!-- start inline javascript and non module bootstrap scripts. you must add module scripts to the
      javascript module section only!!-->
 <!--    The app cache version is set by the pipeline version update script. Do not update manually.-->
-    <script>window.PHOENIX_APP_CACHE_VERSION="5.1.3";</script>
+    <script>window.PHOENIX_APP_CACHE_VERSION="5.1.4";</script>
 <!--    The app cache version is set by the pipeline version update script. Do not update manually.-->
     <script>
         if(["dev.phcode.dev", "staging.phcode.dev"].includes(location.hostname)

From 1e78804eb8964e573357a3472a1c8b6357754abc Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 9 Feb 2026 20:53:35 +0530
Subject: [PATCH 02/35] fix: in macs without git, xcode git install dialog
 comes up when phoenix code starts always

---
 src-node/git/processUtils.js                  | 25 +++++++++++++++
 src-node/package-lock.json                    |  4 +--
 src/extensions/default/Git/src/git/GitCli.js  | 31 +++++++++++++++++--
 src/extensions/default/Git/src/utils/Setup.js |  5 +--
 4 files changed, 58 insertions(+), 7 deletions(-)

diff --git a/src-node/git/processUtils.js b/src-node/git/processUtils.js
index e2f3dee2b..86d760bdc 100644
--- a/src-node/git/processUtils.js
+++ b/src-node/git/processUtils.js
@@ -4,8 +4,22 @@ var exec  = require("child_process").exec,
     which = require("which");
 
 var isWin = /^win/.test(process.platform);
+var isMac = process.platform === "darwin";
 var noop = function () {};
 
+// Cache for xcode-select CLT check (null = not yet checked)
+var _xcodeCliToolsInstalled = null;
+
+function _isXcodeCliToolsInstalled(callback) {
+    if (_xcodeCliToolsInstalled !== null) {
+        return callback(_xcodeCliToolsInstalled);
+    }
+    exec("xcode-select -p", function (err) {
+        _xcodeCliToolsInstalled = !err;
+        callback(_xcodeCliToolsInstalled);
+    });
+}
+
 function fixEOL(str) {
     if (str[str.length - 1] === "\n") {
         str = str.slice(0, -1);
@@ -104,6 +118,17 @@ function executableExists(filename, dir, callback) {
             var exists = stats.isFile();
             if (!exists) { path = undefined; }
 
+            // On macOS, /usr/bin/git is a shim that triggers an "Install Xcode CLT" dialog
+            // when spawned if CLT is not installed. Check for CLT before allowing it.
+            if (exists && isMac && Path.normalize(path) === "/usr/bin/git") {
+                return _isXcodeCliToolsInstalled(function (installed) {
+                    if (!installed) {
+                        return callback(null, false, undefined);
+                    }
+                    return callback(null, true, path);
+                });
+            }
+
             return callback(null, exists, path);
         });
     });
diff --git a/src-node/package-lock.json b/src-node/package-lock.json
index 459799020..86b04e13a 100644
--- a/src-node/package-lock.json
+++ b/src-node/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@phcode/node-core",
-    "version": "5.1.3-0",
+    "version": "5.1.4-0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@phcode/node-core",
-            "version": "5.1.3-0",
+            "version": "5.1.4-0",
             "license": "GNU-AGPL3.0",
             "dependencies": {
                 "@expo/sudo-prompt": "^9.3.2",
diff --git a/src/extensions/default/Git/src/git/GitCli.js b/src/extensions/default/Git/src/git/GitCli.js
index 39cd9aa56..16d269776 100644
--- a/src/extensions/default/Git/src/git/GitCli.js
+++ b/src/extensions/default/Git/src/git/GitCli.js
@@ -1022,9 +1022,33 @@ define(function (require, exports) {
 
     function getGitRoot() {
         var projectRoot = Utils.getProjectRoot();
-        return git(["rev-parse", "--show-toplevel"], {
-            cwd: fs.getTauriPlatformPath(projectRoot)
-        })
+
+        // Quick filesystem pre-check: if .git doesn't exist in the project root,
+        // skip spawning git entirely. This avoids triggering macOS CLT shim dialogs
+        // on non-git projects and is a minor optimization on all platforms.
+        return new Promise(function (resolve) {
+            var checkPath = projectRoot;
+            if (strEndsWith(checkPath, "/")) {
+                checkPath = checkPath.slice(0, -1);
+            }
+            if (typeof brackets !== "undefined" && brackets.fs && brackets.fs.stat) {
+                brackets.fs.stat(checkPath + "/.git", function (err, result) {
+                    var exists = err ? false : (result.isFile() || result.isDirectory());
+                    resolve(exists);
+                });
+            } else {
+                FileSystem.resolve(checkPath + "/.git", function (err, item, stat) {
+                    var exists = err ? false : (stat.isFile || stat.isDirectory);
+                    resolve(exists);
+                });
+            }
+        }).then(function (hasGitDir) {
+            if (!hasGitDir) {
+                return null;
+            }
+            return git(["rev-parse", "--show-toplevel"], {
+                cwd: fs.getTauriPlatformPath(projectRoot)
+            })
             .catch(function (e) {
                 if (ErrorHandler.contains(e, "Not a git repository")) {
                     return null;
@@ -1095,6 +1119,7 @@ define(function (require, exports) {
                 });
 
             });
+        });
     }
 
     function setTagName(tagname, commitHash) {
diff --git a/src/extensions/default/Git/src/utils/Setup.js b/src/extensions/default/Git/src/utils/Setup.js
index af109c30b..a172da134 100644
--- a/src/extensions/default/Git/src/utils/Setup.js
+++ b/src/extensions/default/Git/src/utils/Setup.js
@@ -16,9 +16,10 @@ define(function (require, exports) {
     ];
 
     let standardGitPathsNonWin = [
+        "/opt/homebrew/bin/git",   // Apple Silicon Homebrew
         "/usr/local/git/bin/git",
         "/usr/local/bin/git",
-        "/usr/bin/git"
+        "/usr/bin/git"             // macOS CLT shim check handled on node side
     ];
 
     let extensionActivated = false;
@@ -27,7 +28,7 @@ define(function (require, exports) {
     function getGitVersion() {
         return new Promise(function (resolve, reject) {
 
-            // TODO: do this in two steps - first check user config and then check all
+            // User-configured path gets priority, then "git" (PATH lookup), then standard paths
             var pathsToLook = [Preferences.get("gitPath"), "git"].concat(brackets.platform === "win" ? standardGitPathsWin : standardGitPathsNonWin);
             pathsToLook = _.unique(_.compact(pathsToLook));
 

From 2057402540f2e97635a6956fcaa837533d4c0523 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Wed, 11 Feb 2026 11:06:56 +0530
Subject: [PATCH 03/35] chore: wirkspace manager panel resize apis

---
 docs/API-Reference/view/WorkspaceManager.md   |  14 +++
 .../Phoenix-live-preview/live-preview.css     |  30 ++++++
 src/view/WorkspaceManager.js                  |  28 +++++
 test/spec/MainViewManager-integ-test.js       | 102 +++++++++++++++++-
 4 files changed, 173 insertions(+), 1 deletion(-)

diff --git a/docs/API-Reference/view/WorkspaceManager.md b/docs/API-Reference/view/WorkspaceManager.md
index 34948a266..a98228275 100644
--- a/docs/API-Reference/view/WorkspaceManager.md
+++ b/docs/API-Reference/view/WorkspaceManager.md
@@ -121,6 +121,20 @@ Returns true if visible else false.
 | --- |
 | panelID | 
 
+<a name="setPluginPanelWidth"></a>
+
+## setPluginPanelWidth(width)
+Programmatically sets the plugin panel content width to the given value in pixels.
+The total toolbar width is adjusted to account for the plugin icons bar.
+Width is clamped to respect panel minWidth and max size (75% of window).
+No-op if no panel is currently visible.
+
+**Kind**: global function  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| width | <code>number</code> | Desired content width in pixels |
+
 <a name="addEscapeKeyEventHandler"></a>
 
 ## addEscapeKeyEventHandler(consumerName, eventHandler) ⇒ <code>boolean</code>
diff --git a/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css b/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
index ec9f7cef7..4cdef6f66 100644
--- a/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
+++ b/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
@@ -105,6 +105,36 @@
     padding-left: 7.5px;
 }
 
+.lp-device-size-icon {
+    color: #a0a0a0;
+    display: flex;
+    align-items: center;
+    padding-left: 7.5px;
+    margin-right: 7.5px;
+}
+
+#deviceSizeBtn.btn-dropdown::after {
+    position: static;
+    margin-top: 2px;
+    margin-left: 3px;
+}
+
+.device-size-item-icon {
+    margin-right: 6px;
+    width: 12px;
+    text-align: center;
+    font-size: inherit;
+}
+
+.device-size-item-width {
+    margin-left: 10px;
+    opacity: 0.5;
+}
+
+.device-size-item-disabled {
+    opacity: 0.35;
+}
+
 #livePreviewModeBtn {
     min-width: fit-content;
     display: flex;
diff --git a/src/view/WorkspaceManager.js b/src/view/WorkspaceManager.js
index 839104ff7..da0bf1417 100644
--- a/src/view/WorkspaceManager.js
+++ b/src/view/WorkspaceManager.js
@@ -424,6 +424,33 @@ define(function (require, exports, module) {
         return false;
     }
 
+    /**
+     * Programmatically sets the plugin panel content width to the given value in pixels.
+     * The total toolbar width is adjusted to account for the plugin icons bar.
+     * Width is clamped to respect panel minWidth and max size (75% of window).
+     * No-op if no panel is currently visible.
+     * @param {number} width  Desired content width in pixels
+     */
+    function setPluginPanelWidth(width) {
+        if (!currentlyShownPanel) {
+            return;
+        }
+        var pluginIconsBarWidth = $pluginIconsBar.outerWidth();
+        var newToolbarWidth = width + pluginIconsBarWidth;
+
+        // Respect min/max constraints
+        var minSize = currentlyShownPanel.minWidth || 0;
+        var minToolbarWidth = minSize + pluginIconsBarWidth;
+        var maxToolbarWidth = window.innerWidth * 0.75;
+        newToolbarWidth = Math.max(newToolbarWidth, minToolbarWidth);
+        newToolbarWidth = Math.min(newToolbarWidth, maxToolbarWidth);
+
+        $mainToolbar.width(newToolbarWidth);
+        $windowContent.css("right", newToolbarWidth);
+        Resizer.resyncSizer($mainToolbar[0]);
+        recomputeLayout(true);
+    }
+
     // Escape key and toggle panel special handling
     let _escapeKeyConsumers = {};
 
@@ -540,6 +567,7 @@ define(function (require, exports, module) {
     exports.createBottomPanel               = createBottomPanel;
     exports.createPluginPanel               = createPluginPanel;
     exports.isPanelVisible                  = isPanelVisible;
+    exports.setPluginPanelWidth             = setPluginPanelWidth;
     exports.recomputeLayout                 = recomputeLayout;
     exports.getAllPanelIDs                  = getAllPanelIDs;
     exports.getPanelForID                   = getPanelForID;
diff --git a/test/spec/MainViewManager-integ-test.js b/test/spec/MainViewManager-integ-test.js
index 7f443641a..1d9d96e36 100644
--- a/test/spec/MainViewManager-integ-test.js
+++ b/test/spec/MainViewManager-integ-test.js
@@ -19,7 +19,7 @@
  *
  */
 
-/*global describe, beforeEach, beforeAll, afterAll, it, expect, awaitsForDone, spyOn, jasmine, awaitsFor */
+/*global describe, beforeEach, beforeAll, afterAll, afterEach, it, expect, awaitsForDone, spyOn, jasmine, awaitsFor */
 
 define(function (require, exports, module) {
 
@@ -1139,5 +1139,105 @@ define(function (require, exports, module) {
                 panel2.registerCanBeShownHandler(null);
             });
         });
+
+        describe("setPluginPanelWidth", function () {
+            let pluginPanel, $toolbarIcon;
+            const MIN_WIDTH = 200;
+
+            beforeAll(function () {
+                // Create a toolbar icon in #plugin-icons-bar
+                $toolbarIcon = _$('<a id="test-plugin-icon" href="#"></a>');
+                _$("#plugin-icons-bar").append($toolbarIcon);
+
+                let panelTemplate = '<div id="test-plugin-panel">Test Panel</div>';
+                pluginPanel = WorkspaceManager.createPluginPanel(
+                    "test-setwidth-panel", _$(panelTemplate), MIN_WIDTH, $toolbarIcon
+                );
+            });
+
+            afterAll(function () {
+                if (pluginPanel) {
+                    pluginPanel.hide();
+                }
+                $toolbarIcon.remove();
+            });
+
+            afterEach(function () {
+                pluginPanel.hide();
+            });
+
+            it("should be a no-op when no panel is visible", function () {
+                expect(pluginPanel.isVisible()).toBeFalse();
+                var toolbarWidthBefore = _$("#main-toolbar").width();
+                WorkspaceManager.setPluginPanelWidth(500);
+                var toolbarWidthAfter = _$("#main-toolbar").width();
+                expect(toolbarWidthAfter).toEqual(toolbarWidthBefore);
+            });
+
+            it("should resize the panel to the specified width", function () {
+                pluginPanel.show();
+                expect(pluginPanel.isVisible()).toBeTrue();
+
+                WorkspaceManager.setPluginPanelWidth(500);
+
+                var $mainToolbar = _$("#main-toolbar");
+                var $pluginIconsBar = _$("#plugin-icons-bar");
+                var panelContentWidth = $mainToolbar.width() - $pluginIconsBar.outerWidth();
+                expect(panelContentWidth).toEqual(500);
+            });
+
+            it("should clamp width to panel minWidth", function () {
+                pluginPanel.show();
+
+                // Request a width smaller than minWidth
+                WorkspaceManager.setPluginPanelWidth(50);
+
+                var $mainToolbar = _$("#main-toolbar");
+                var $pluginIconsBar = _$("#plugin-icons-bar");
+                var panelContentWidth = $mainToolbar.width() - $pluginIconsBar.outerWidth();
+                expect(panelContentWidth).toBeGreaterThanOrEqual(MIN_WIDTH);
+            });
+
+            it("should clamp width to max size (75% of window)", function () {
+                pluginPanel.show();
+
+                var maxContentWidth = (testWindow.innerWidth * 0.75) -
+                    _$("#plugin-icons-bar").outerWidth();
+
+                // Request a width larger than max
+                WorkspaceManager.setPluginPanelWidth(testWindow.innerWidth);
+
+                var $mainToolbar = _$("#main-toolbar");
+                var $pluginIconsBar = _$("#plugin-icons-bar");
+                var panelContentWidth = $mainToolbar.width() - $pluginIconsBar.outerWidth();
+                expect(panelContentWidth).toBeLessThanOrEqual(maxContentWidth + 1);
+            });
+
+            it("should update $windowContent right offset to match toolbar width", function () {
+                pluginPanel.show();
+
+                WorkspaceManager.setPluginPanelWidth(600);
+
+                var $mainToolbar = _$("#main-toolbar");
+                var $windowContent = _$(".content");
+                var toolbarWidth = $mainToolbar.width();
+                var rightOffset = parseInt($windowContent.css("right"), 10);
+                expect(rightOffset).toEqual(toolbarWidth);
+            });
+
+            it("should handle multiple successive resizes", function () {
+                pluginPanel.show();
+
+                var widths = [300, 500, 400, 700];
+                var $mainToolbar = _$("#main-toolbar");
+                var $pluginIconsBar = _$("#plugin-icons-bar");
+
+                widths.forEach(function (targetWidth) {
+                    WorkspaceManager.setPluginPanelWidth(targetWidth);
+                    var panelContentWidth = $mainToolbar.width() - $pluginIconsBar.outerWidth();
+                    expect(panelContentWidth).toEqual(targetWidth);
+                });
+            });
+        });
     });
 });

From 7a4eabb89ba9f2215caf0cd2c7924ede8015c8fb Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Wed, 11 Feb 2026 11:37:22 +0530
Subject: [PATCH 04/35] chore: update device dropdown size styles

---
 .../Phoenix-live-preview/live-preview.css                  | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css b/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
index 4cdef6f66..604503708 100644
--- a/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
+++ b/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
@@ -126,6 +126,13 @@
     font-size: inherit;
 }
 
+.device-size-item-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
 .device-size-item-width {
     margin-left: 10px;
     opacity: 0.5;

From b28e55ad2a20b77bb2458f2370c44f4d5712b811 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Wed, 11 Feb 2026 15:02:03 +0530
Subject: [PATCH 05/35] chore: update media query styles

---
 .../Phoenix-live-preview/live-preview.css                 | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css b/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
index 604503708..6e3536afd 100644
--- a/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
+++ b/src/extensionsIntegrated/Phoenix-live-preview/live-preview.css
@@ -142,6 +142,14 @@
     opacity: 0.35;
 }
 
+.device-size-item-breakpoint-icon {
+    margin-right: 6px;
+    width: 12px;
+    text-align: center;
+    font-size: inherit;
+    color: rgba(100, 180, 255, 0.8);
+}
+
 #livePreviewModeBtn {
     min-width: fit-content;
     display: flex;

From 3f030343eabfef9f69e3037fb9c9a29597c08fcc Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Wed, 11 Feb 2026 15:27:10 +0530
Subject: [PATCH 06/35] chore: device switch strings

---
 src/nls/root/strings.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index bade4354d..de0cc8fb4 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -232,6 +232,8 @@ define({
     "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Type folder path (e.g., assets/images/)",
     "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Type folder path or leave empty to download in 'images' folder.",
     "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Don't ask again for this project",
+    "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
+    "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
     "IMAGE_SEARCH_LIMIT_TITLE": "Image search limit reached",
     "IMAGE_SEARCH_LIMIT_MESSAGE": "You’ve used all {0} image searches for this month.<br>Start a paid Phoenix Pro plan to remove trial limits and continue searching.",
     "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Image search is temporarily unavailable due to high demand.<br>Start a paid Phoenix Pro plan to remove trial limits and continue searching.",

From ada7326dd48ad8519fe6fe9175fff9fa7dc4ca53 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Wed, 11 Feb 2026 18:09:00 +0530
Subject: [PATCH 07/35] chore: cancel trial help menu entry

---
 src/command/Commands.js | 3 +++
 src/nls/root/strings.js | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/src/command/Commands.js b/src/command/Commands.js
index 216561b40..dbd94cb21 100644
--- a/src/command/Commands.js
+++ b/src/command/Commands.js
@@ -405,6 +405,9 @@ define(function (require, exports, module) {
     /** Opens Phoenix Pro page */
     exports.HELP_GET_PRO                = "help.getPro";                // HelpCommandHandlers.js       _handleLinkMenuItem()
 
+    /** Cancels Phoenix Pro trial */
+    exports.HELP_CANCEL_TRIAL           = "help.cancelTrial";
+
     /** Opens Phoenix License page */
     exports.HELP_VIEW_LICENSE           = "help.viewLicense";           // HelpCommandHandlers.js       _handleLinkMenuItem()
 
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index de0cc8fb4..0d1870e0e 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -697,6 +697,10 @@ define({
     "CMD_HOW_TO_USE_BRACKETS": "How to Use {APP_NAME}",
     "CMD_SUPPORT": "{APP_NAME} Support",
     "CMD_GET_PRO": "Get Phoenix Pro",
+    "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
+    "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
+    "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+    "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
     "CMD_VIEW_LICENSE": "View License",
     "CMD_MANAGE_LICENSES": "Manage Licenses",
     "CMD_USER_PROFILE": "{APP_NAME} Account",

From add61b76626268185c0038dfedc000d167ea04f9 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Wed, 11 Feb 2026 18:11:45 +0530
Subject: [PATCH 08/35] build: update pro dep

---
 tracking-repos.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tracking-repos.json b/tracking-repos.json
index 71f529a2e..0d7763cef 100644
--- a/tracking-repos.json
+++ b/tracking-repos.json
@@ -1,5 +1,5 @@
 {
   "phoenixPro": {
-    "commitID": "1687d43c4e8f87cb01e9e7de614c2ce1e85e7a30"
+    "commitID": "30f7c0134525df5d1f055fcea9cc276025cb1a68"
   }
 }

From 2f956567e9019a17d05d9112e567d6af8c304e4b Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Wed, 11 Feb 2026 19:04:16 +0530
Subject: [PATCH 09/35] chore: update test files for media query dropdown

---
 docs/API-Reference/command/Commands.md        |  6 ++++++
 .../mediaQuery.html                           | 20 +++++++++++++++++++
 tracking-repos.json                           |  2 +-
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 test/spec/LiveDevelopment-MultiBrowser-test-files/mediaQuery.html

diff --git a/docs/API-Reference/command/Commands.md b/docs/API-Reference/command/Commands.md
index 0e2fef498..e5b864be4 100644
--- a/docs/API-Reference/command/Commands.md
+++ b/docs/API-Reference/command/Commands.md
@@ -734,6 +734,12 @@ Opens support resources
 ## HELP\_GET\_PRO
 Opens Phoenix Pro page
 
+**Kind**: global variable  
+<a name="HELP_CANCEL_TRIAL"></a>
+
+## HELP\_CANCEL\_TRIAL
+Cancels Phoenix Pro trial
+
 **Kind**: global variable  
 <a name="HELP_VIEW_LICENSE"></a>
 
diff --git a/test/spec/LiveDevelopment-MultiBrowser-test-files/mediaQuery.html b/test/spec/LiveDevelopment-MultiBrowser-test-files/mediaQuery.html
new file mode 100644
index 000000000..951e7650e
--- /dev/null
+++ b/test/spec/LiveDevelopment-MultiBrowser-test-files/mediaQuery.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Media Query Test</title>
+<style>
+    body { margin: 0; font-family: sans-serif; }
+    #content { padding: 20px; }
+    @media (max-width: 768px) {
+        #content { background: lightblue; }
+    }
+    @media (max-width: 480px) {
+        #content { background: lightgreen; }
+    }
+</style>
+</head>
+<body>
+<div id="content">Media query test page</div>
+</body>
+</html>
diff --git a/tracking-repos.json b/tracking-repos.json
index 0d7763cef..b8b06efa7 100644
--- a/tracking-repos.json
+++ b/tracking-repos.json
@@ -1,5 +1,5 @@
 {
   "phoenixPro": {
-    "commitID": "30f7c0134525df5d1f055fcea9cc276025cb1a68"
+    "commitID": "eb905df1b6d728d57118f012ba787d42a2eaa7fb"
   }
 }

From 2a5bee24a5a01845684c9346ab434cabbb159be6 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Wed, 11 Feb 2026 20:35:33 +0530
Subject: [PATCH 10/35] build: update pro dep

---
 tracking-repos.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tracking-repos.json b/tracking-repos.json
index b8b06efa7..15e87406b 100644
--- a/tracking-repos.json
+++ b/tracking-repos.json
@@ -1,5 +1,5 @@
 {
   "phoenixPro": {
-    "commitID": "eb905df1b6d728d57118f012ba787d42a2eaa7fb"
+    "commitID": "968dd7418a998b9fbde87fd393e338d84d9ce4c3"
   }
 }

From 0494d2b39206b71b5abca234fa7fb0d1ef9ffff0 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Wed, 11 Feb 2026 15:18:57 +0000
Subject: [PATCH 11/35] ci: update Translations

---
 src/nls/ar/lastTranslated.json    |  6 ++++++
 src/nls/ar/strings.js             | 10 ++++++++--
 src/nls/bg/lastTranslated.json    |  6 ++++++
 src/nls/bg/strings.js             | 10 ++++++++--
 src/nls/cs/lastTranslated.json    |  6 ++++++
 src/nls/cs/strings.js             | 10 ++++++++--
 src/nls/da/lastTranslated.json    |  6 ++++++
 src/nls/da/strings.js             | 10 ++++++++--
 src/nls/de/lastTranslated.json    |  6 ++++++
 src/nls/de/strings.js             | 10 ++++++++--
 src/nls/el/lastTranslated.json    |  6 ++++++
 src/nls/el/strings.js             | 10 ++++++++--
 src/nls/en-gb/lastTranslated.json |  6 ++++++
 src/nls/en-gb/strings.js          | 10 ++++++++--
 src/nls/es/lastTranslated.json    |  6 ++++++
 src/nls/es/strings.js             | 10 ++++++++--
 src/nls/fa-ir/lastTranslated.json |  6 ++++++
 src/nls/fa-ir/strings.js          | 10 ++++++++--
 src/nls/fi/lastTranslated.json    |  6 ++++++
 src/nls/fi/strings.js             | 10 ++++++++--
 src/nls/fr/lastTranslated.json    |  6 ++++++
 src/nls/fr/strings.js             | 10 ++++++++--
 src/nls/gl/lastTranslated.json    |  6 ++++++
 src/nls/gl/strings.js             | 10 ++++++++--
 src/nls/hi/lastTranslated.json    |  6 ++++++
 src/nls/hi/strings.js             | 10 ++++++++--
 src/nls/hr/lastTranslated.json    |  6 ++++++
 src/nls/hr/strings.js             | 10 ++++++++--
 src/nls/hu/lastTranslated.json    |  6 ++++++
 src/nls/hu/strings.js             | 10 ++++++++--
 src/nls/id/lastTranslated.json    |  6 ++++++
 src/nls/id/strings.js             | 10 ++++++++--
 src/nls/it/lastTranslated.json    |  6 ++++++
 src/nls/it/strings.js             | 10 ++++++++--
 src/nls/ja/lastTranslated.json    |  6 ++++++
 src/nls/ja/strings.js             | 10 ++++++++--
 src/nls/ko/lastTranslated.json    |  6 ++++++
 src/nls/ko/strings.js             | 10 ++++++++--
 src/nls/lv/lastTranslated.json    |  6 ++++++
 src/nls/lv/strings.js             | 10 ++++++++--
 src/nls/ml/lastTranslated.json    |  6 ++++++
 src/nls/ml/strings.js             | 10 ++++++++--
 src/nls/nb/lastTranslated.json    |  6 ++++++
 src/nls/nb/strings.js             | 10 ++++++++--
 src/nls/nl/lastTranslated.json    |  6 ++++++
 src/nls/nl/strings.js             | 10 ++++++++--
 src/nls/pl/lastTranslated.json    |  6 ++++++
 src/nls/pl/strings.js             | 10 ++++++++--
 src/nls/pt-br/lastTranslated.json |  6 ++++++
 src/nls/pt-br/strings.js          | 10 ++++++++--
 src/nls/pt-pt/lastTranslated.json |  6 ++++++
 src/nls/pt-pt/strings.js          | 10 ++++++++--
 src/nls/ro/lastTranslated.json    |  6 ++++++
 src/nls/ro/strings.js             | 10 ++++++++--
 src/nls/ru/lastTranslated.json    |  6 ++++++
 src/nls/ru/strings.js             | 10 ++++++++--
 src/nls/sk/lastTranslated.json    |  6 ++++++
 src/nls/sk/strings.js             | 10 ++++++++--
 src/nls/sr/lastTranslated.json    |  6 ++++++
 src/nls/sr/strings.js             | 10 ++++++++--
 src/nls/sv/lastTranslated.json    |  6 ++++++
 src/nls/sv/strings.js             | 10 ++++++++--
 src/nls/tr/lastTranslated.json    |  6 ++++++
 src/nls/tr/strings.js             | 10 ++++++++--
 src/nls/uk/lastTranslated.json    |  6 ++++++
 src/nls/uk/strings.js             | 10 ++++++++--
 src/nls/ur/lastTranslated.json    |  6 ++++++
 src/nls/ur/strings.js             | 10 ++++++++--
 src/nls/zh-cn/lastTranslated.json |  6 ++++++
 src/nls/zh-cn/strings.js          | 10 ++++++++--
 src/nls/zh-tw/lastTranslated.json |  6 ++++++
 src/nls/zh-tw/strings.js          | 10 ++++++++--
 72 files changed, 504 insertions(+), 72 deletions(-)

diff --git a/src/nls/ar/lastTranslated.json b/src/nls/ar/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/ar/lastTranslated.json
+++ b/src/nls/ar/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/ar/strings.js b/src/nls/ar/strings.js
index 96d42fcd5..1f2d6d9ca 100644
--- a/src/nls/ar/strings.js
+++ b/src/nls/ar/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "حجم الخط",
   "FONT_FAMILY": "عائلة الخطوط",
   "FONT_LINE_HEIGHT": "ارتفاع السطر",
+  "SCROLL_SENSITIVITY": "حساسية التمرير",
   "THEMES_SETTINGS": "إعدادات السمات",
   "THEMES_ERROR": "خطأ في السمات",
   "THEMES_ERROR_CANNOT_APPLY": "تعذر تطبيق السمة بسبب خطأ.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "إعدادات خاصة بالمسار",
   "DESCRIPTION_PROXY": "عنوان URL لخادم الوكيل المستخدم لتثبيت الامتداد",
   "DESCRIPTION_SCROLL_PAST_END": "صحيح لتمكين التمرير إلى ما بعد نهاية المستند",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "مُضاعِف لسرعة تمرير عجلة الماوس (من 0.1 إلى 10، الافتراضي 1). اضبط القيمة إذا كان التمرير بطيئًا جدًا أو سريعًا جدًا.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` لإخفاء كل تلميحات الأكواد",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "إبقاء المؤشر الوامض مرئيًا عند تحديد نص",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` لإظهار أرقام الأسطر في \"هامش\" على يسار الكود",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "البدء من جديد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 بطاقات",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 محذوف",
-  "SCROLL_SENSITIVITY": "حساسية التمرير",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "مُضاعِف لسرعة تمرير عجلة الماوس (من 0.1 إلى 10، الافتراضي 1). اضبط القيمة إذا كان التمرير بطيئًا جدًا أو سريعًا جدًا."
+  "DEVICE_SIZE_LIMIT_TITLE": "تم الوصول إلى حد المعاينة المتجاوبة",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "تحصل الحسابات المجانية على عدد قليل من المعاينات المتجاوبة يوميًا. قم بالترقية إلى Phoenix Pro للحصول على معاينات متجاوبة غير محدودة عبر جميع أحجام الأجهزة.",
+  "CMD_CANCEL_TRIAL": "إلغاء الفترة التجريبية لـ Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "هل تريد إلغاء الفترة التجريبية لـ {0}؟",
+  "CANCEL_TRIAL_MESSAGE": "تبقى لديك {0} أيام في الفترة التجريبية لـ Phoenix Pro. لا يمكن التراجع عن الإلغاء. هل أنت متأكد من أنك تريد إيقاف فترتك التجريبية؟",
+  "CANCEL_TRIAL_STOP_BTN": "إيقاف الفترة التجريبية"
 });
\ No newline at end of file
diff --git a/src/nls/bg/lastTranslated.json b/src/nls/bg/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/bg/lastTranslated.json
+++ b/src/nls/bg/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/bg/strings.js b/src/nls/bg/strings.js
index 68a9d9c2d..0214e8ef9 100644
--- a/src/nls/bg/strings.js
+++ b/src/nls/bg/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Размер на шрифта",
   "FONT_FAMILY": "Семейство на шрифта",
   "FONT_LINE_HEIGHT": "Височина на реда",
+  "SCROLL_SENSITIVITY": "Чувствителност на превъртане",
   "THEMES_SETTINGS": "Настройки на темите",
   "THEMES_ERROR": "Грешка в темите",
   "THEMES_ERROR_CANNOT_APPLY": "Неуспешно прилагане на тема поради грешка.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Настройки за пътищата",
   "DESCRIPTION_PROXY": "Адресът на прокси сървъра, използван за инсталиране на разширения",
   "DESCRIPTION_SCROLL_PAST_END": "Задайте true за включване на превъртането след края на документа",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Множител за скоростта на превъртане с колелцето на мишката (от 0,1 до 10, по подразбиране 1). Регулирайте, ако превъртането е твърде бавно или бързо.",
   "DESCRIPTION_SHOW_CODE_HINTS": "Задайте false за изключване на всички подсказки",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Курсорът продължава да мига дори и когато има избран текст",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "Задайте true за показване на номерата на редовете в ивица отляво на кода",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Започни отново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карти",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 изтрит",
-  "SCROLL_SENSITIVITY": "Чувствителност на превъртане",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Множител за скоростта на превъртане с колелцето на мишката (от 0,1 до 10, по подразбиране 1). Регулирайте, ако превъртането е твърде бавно или бързо."
+  "DEVICE_SIZE_LIMIT_TITLE": "Достигнат лимит за адаптивен преглед",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Безплатните акаунти получават няколко адаптивни прегледа на ден. Надградете до Phoenix Pro за неограничени адаптивни прегледи за всички размери устройства.",
+  "CMD_CANCEL_TRIAL": "Прекратяване на пробния период на Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Прекратяване на пробния период на {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Остават ви {0} дни от пробния ви период на Phoenix Pro. Прекратяването не може да бъде отменено. Сигурни ли сте, че искате да прекратите пробния си период?",
+  "CANCEL_TRIAL_STOP_BTN": "Прекратяване на пробния период"
 });
\ No newline at end of file
diff --git a/src/nls/cs/lastTranslated.json b/src/nls/cs/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/cs/lastTranslated.json
+++ b/src/nls/cs/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/cs/strings.js b/src/nls/cs/strings.js
index 58deba352..3718a27cc 100644
--- a/src/nls/cs/strings.js
+++ b/src/nls/cs/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Velikost písma",
   "FONT_FAMILY": "Rodina písma",
   "FONT_LINE_HEIGHT": "Výška řádku",
+  "SCROLL_SENSITIVITY": "Citlivost posouvání",
   "THEMES_SETTINGS": "Nastavení motivů",
   "THEMES_ERROR": "Chyba motivů",
   "THEMES_ERROR_CANNOT_APPLY": "Nepodařilo se použít motiv kvůli chybě.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Vlastní nastavení cest",
   "DESCRIPTION_PROXY": "URL proxy serveru použitého k instalaci doplňků",
   "DESCRIPTION_SCROLL_PAST_END": "true k povolení rolování za konec dokumentu",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Násobič rychlosti posouvání kolečkem myši (0,1 až 10, výchozí 1). Upravte, pokud se vám posouvání zdá příliš pomalé nebo rychlé.",
   "DESCRIPTION_SHOW_CODE_HINTS": "false k zakázání všech nápověd kódu",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Při výběru textu nechat zobrazený blikající kurzor",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "true ke zobrazení čísel řádků na okraji vlevo od kódu",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začít znovu",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karet",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 smazáno",
-  "SCROLL_SENSITIVITY": "Citlivost posouvání",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Násobič rychlosti posouvání kolečkem myši (0,1 až 10, výchozí 1). Upravte, pokud se vám posouvání zdá příliš pomalé nebo rychlé."
+  "DEVICE_SIZE_LIMIT_TITLE": "Byl dosažen limit responzivních náhledů",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezplatné účty mají k dispozici několik responzivních náhledů denně. Přejděte na Phoenix Pro a získejte neomezené responzivní náhledy pro všechny velikosti zařízení.",
+  "CMD_CANCEL_TRIAL": "Zrušit zkušební verzi Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Zrušit zkušební verzi {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Zbývá vám {0} dní zkušební verze Phoenix Pro. Zrušení je nevratné. Jste si jisti, že chcete zkušební verzi ukončit?",
+  "CANCEL_TRIAL_STOP_BTN": "Ukončit zkušební verzi"
 });
\ No newline at end of file
diff --git a/src/nls/da/lastTranslated.json b/src/nls/da/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/da/lastTranslated.json
+++ b/src/nls/da/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/da/strings.js b/src/nls/da/strings.js
index ad2ff5565..caaefadc0 100644
--- a/src/nls/da/strings.js
+++ b/src/nls/da/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Skriftstørrelse",
   "FONT_FAMILY": "Skrifttype",
   "FONT_LINE_HEIGHT": "Linjehøjde",
+  "SCROLL_SENSITIVITY": "Rullefølsomhed",
   "THEMES_SETTINGS": "Temaindstillinger",
   "THEMES_ERROR": "Temafejl",
   "THEMES_ERROR_CANNOT_APPLY": "Kunne ikke anvende temaet på grund af en fejl.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Stispecifikke indstillinger",
   "DESCRIPTION_PROXY": "URL'en til proxyserveren, der bruges til installation af udvidelser",
   "DESCRIPTION_SCROLL_PAST_END": "true for at aktivere scrolling forbi slutningen af dokumentet",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplikator for musens rullehastighed (0,1 til 10, standard 1). Juster, hvis rulning føles for langsom eller hurtig.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` for at deaktivere alle kodehints",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Holder den blinkende markør synlig, når du har en tekstmarkering",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` for at vise linjenumre i en \"margen\" til venstre for koden",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start forfra",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "SCROLL_SENSITIVITY": "Rullefølsomhed",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplikator for musens rullehastighed (0,1 til 10, standard 1). Juster, hvis rulning føles for langsom eller hurtig."
+  "DEVICE_SIZE_LIMIT_TITLE": "Grænse for responsiv forhåndsvisning nået",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratis konti får et par responsive forhåndsvisninger om dagen. Opgrader til Phoenix Pro for ubegrænsede responsive forhåndsvisninger på tværs af alle enhedsstørrelser.",
+  "CMD_CANCEL_TRIAL": "Annuller Phoenix Pro-prøveperiode",
+  "CANCEL_TRIAL_TITLE": "Annuller {0}-prøveperiode?",
+  "CANCEL_TRIAL_MESSAGE": "Du har {0} dage tilbage af din Phoenix Pro-prøveperiode. Annulleringen kan ikke fortrydes. Er du sikker på, at du vil stoppe din prøveperiode?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop prøveperiode"
 });
\ No newline at end of file
diff --git a/src/nls/de/lastTranslated.json b/src/nls/de/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/de/lastTranslated.json
+++ b/src/nls/de/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/de/strings.js b/src/nls/de/strings.js
index 185a33987..f1a812790 100644
--- a/src/nls/de/strings.js
+++ b/src/nls/de/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Schriftgröße",
   "FONT_FAMILY": "Schriftart",
   "FONT_LINE_HEIGHT": "Zeilenhöhe",
+  "SCROLL_SENSITIVITY": "Scroll-Empfindlichkeit",
   "THEMES_SETTINGS": "Design-Einstellungen",
   "THEMES_ERROR": "Designfehler",
   "THEMES_ERROR_CANNOT_APPLY": "Design konnte aufgrund eines Fehlers nicht angewendet werden.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Pfadspezifische Einstellungen",
   "DESCRIPTION_PROXY": "URL des Proxyservers, der bei der Installation von Erweiterungen verwendet wird",
   "DESCRIPTION_SCROLL_PAST_END": "Aktiviert Scrollen über das Ende des Dokuments hinaus",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplikator für die Scroll-Geschwindigkeit des Mausrads (0,1 bis 10, Standard: 1). Passen Sie diesen Wert an, wenn sich das Scrollen zu langsam oder zu schnell anfühlt.",
   "DESCRIPTION_SHOW_CODE_HINTS": "Aktiviert Code Hints",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Der Cursor wird auch angezeigt, wenn eine Auswahl besteht",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "Zeigt Zeilennummern am linken Zeilenrand an",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Erneut starten",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 Karten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 gelöscht",
-  "SCROLL_SENSITIVITY": "Scroll-Empfindlichkeit",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplikator für die Scroll-Geschwindigkeit des Mausrads (0,1 bis 10, Standard: 1). Passen Sie diesen Wert an, wenn sich das Scrollen zu langsam oder zu schnell anfühlt."
+  "DEVICE_SIZE_LIMIT_TITLE": "Limit für responsive Vorschauen erreicht",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Kostenlose Konten erhalten einige responsive Vorschauen pro Tag. Upgraden Sie auf Phoenix Pro für unbegrenzte responsive Vorschauen auf allen Gerätegrößen.",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro-Testversion beenden",
+  "CANCEL_TRIAL_TITLE": "{0}-Testversion beenden?",
+  "CANCEL_TRIAL_MESSAGE": "Sie haben noch {0} Tage in Ihrer Phoenix Pro-Testversion. Das Beenden kann nicht rückgängig gemacht werden. Möchten Sie Ihre Testversion wirklich beenden?",
+  "CANCEL_TRIAL_STOP_BTN": "Testversion beenden"
 });
\ No newline at end of file
diff --git a/src/nls/el/lastTranslated.json b/src/nls/el/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/el/lastTranslated.json
+++ b/src/nls/el/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/el/strings.js b/src/nls/el/strings.js
index ef48f0f64..1469c4411 100644
--- a/src/nls/el/strings.js
+++ b/src/nls/el/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Μέγεθος Γραμματοσειράς",
   "FONT_FAMILY": "Οικογένεια Γραμματοσειράς",
   "FONT_LINE_HEIGHT": "Ύψος Γραμμής",
+  "SCROLL_SENSITIVITY": "Ευαισθησία Κύλισης",
   "THEMES_SETTINGS": "Ρυθμίσεις Θεμάτων",
   "THEMES_ERROR": "Σφάλμα Θεμάτων",
   "THEMES_ERROR_CANNOT_APPLY": "Δεν ήταν δυνατή η εφαρμογή του θέματος λόγω σφάλματος.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Ρυθμίσεις ειδικές για τη διαδρομή",
   "DESCRIPTION_PROXY": "Η διεύθυνση URL του διακομιστή μεσολάβησης που χρησιμοποιείται για την εγκατάσταση επεκτάσεων",
   "DESCRIPTION_SCROLL_PAST_END": "true για ενεργοποίηση κύλισης πέρα από το τέλος του εγγράφου",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Πολλαπλασιαστής για την ταχύτητα κύλισης της ροδέλας του ποντικιού (0,1 έως 10, προεπιλογή 1). Προσαρμόστε εάν η κύλιση είναι πολύ αργή ή γρήγορη.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` για απενεργοποίηση όλων των υποδείξεων κώδικα",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Διατηρεί τον δρομέα που αναβοσβήνει ορατό όταν έχετε επιλεγμένο κείμενο",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` για εμφάνιση αριθμών γραμμών σε ένα \"περιθώριο\" αριστερά από τον κώδικα",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Έναρξη από την αρχή",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 κάρτες",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 διαγράφηκε",
-  "SCROLL_SENSITIVITY": "Ευαισθησία Κύλισης",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Πολλαπλασιαστής για την ταχύτητα κύλισης της ροδέλας του ποντικιού (0,1 έως 10, προεπιλογή 1). Προσαρμόστε εάν η κύλιση είναι πολύ αργή ή γρήγορη."
+  "DEVICE_SIZE_LIMIT_TITLE": "Επίτευξη ορίου αποκριτικών προεπισκοπήσεων",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Οι δωρεάν λογαριασμοί έχουν μερικές αποκριτικές προεπισκοπήσεις την ημέρα. Αναβαθμίστε σε Phoenix Pro για απεριόριστες αποκριτικές προεπισκοπήσεις σε όλα τα μεγέθη συσκευών.",
+  "CMD_CANCEL_TRIAL": "Ακύρωση δοκιμαστικής περιόδου Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Ακύρωση δοκιμαστικής περιόδου {0};",
+  "CANCEL_TRIAL_MESSAGE": "Απομένουν {0} ημέρες στη δοκιμαστική σας περίοδο Phoenix Pro. Η ακύρωση δεν μπορεί να αναιρεθεί. Είστε βέβαιοι ότι θέλετε να διακόψετε τη δοκιμαστική σας περίοδο;",
+  "CANCEL_TRIAL_STOP_BTN": "Διακοπή δοκιμής"
 });
\ No newline at end of file
diff --git a/src/nls/en-gb/lastTranslated.json b/src/nls/en-gb/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/en-gb/lastTranslated.json
+++ b/src/nls/en-gb/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/en-gb/strings.js b/src/nls/en-gb/strings.js
index 342812cac..fdda65613 100644
--- a/src/nls/en-gb/strings.js
+++ b/src/nls/en-gb/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Font Size",
   "FONT_FAMILY": "Font Family",
   "FONT_LINE_HEIGHT": "Line Height",
+  "SCROLL_SENSITIVITY": "Scroll Sensitivity",
   "THEMES_SETTINGS": "Theme Settings",
   "THEMES_ERROR": "Theme Error",
   "THEMES_ERROR_CANNOT_APPLY": "Couldn't apply theme due to an error.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Path-specific settings.",
   "DESCRIPTION_PROXY": "The URL of the proxy server used for extension installation.",
   "DESCRIPTION_SCROLL_PAST_END": "Enable scrolling beyond the end of the document.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplier for mouse wheel scroll speed (0.1 to 10, default 1). Adjust if scrolling feels too slow or fast.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` to disable all code hints",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Keeps the blinking cursor visible when you have selected text",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` to show line numbers in a “gutter” to the left of the code",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start Again",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cards",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 deleted",
-  "SCROLL_SENSITIVITY": "Scroll Sensitivity",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplier for mouse wheel scroll speed (0.1 to 10, default 1). Adjust if scrolling feels too slow or fast."
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial"
 });
\ No newline at end of file
diff --git a/src/nls/es/lastTranslated.json b/src/nls/es/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/es/lastTranslated.json
+++ b/src/nls/es/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js
index 719a536c3..a13057966 100644
--- a/src/nls/es/strings.js
+++ b/src/nls/es/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Tamaño de letra",
   "FONT_FAMILY": "Tipo de letra",
   "FONT_LINE_HEIGHT": "Altura de línea",
+  "SCROLL_SENSITIVITY": "Sensibilidad de desplazamiento",
   "THEMES_SETTINGS": "Preferencias de temas",
   "THEMES_ERROR": "Error de temas",
   "THEMES_ERROR_CANNOT_APPLY": "No se pudo aplicar el tema debido a un error.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Preferencias especificas para una ruta de archivo",
   "DESCRIPTION_PROXY": "La URL del servidor proxy utilizada para la instalación de extensiones",
   "DESCRIPTION_SCROLL_PAST_END": "true permitir el desplazamiento más allá del final del documento",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicador para la velocidad de desplazamiento de la rueda del ratón (de 0,1 a 10, predeterminado 1). Ajusta este valor si el desplazamiento es demasiado lento o rápido.",
   "DESCRIPTION_SHOW_CODE_HINTS": "false para deshabilitar todas las sugerencias de código",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Mantiene el cursor intermitente visible cuando se tiene una selección de texto",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "true para mostrar los números de líne a la izquierda del código",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Empezar de nuevo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarjetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "SCROLL_SENSITIVITY": "Sensibilidad de desplazamiento",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicador para la velocidad de desplazamiento de la rueda del ratón (de 0,1 a 10, predeterminado 1). Ajusta este valor si el desplazamiento es demasiado lento o rápido."
+  "DEVICE_SIZE_LIMIT_TITLE": "Límite de previsualizaciones adaptables alcanzado",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Las cuentas gratuitas obtienen unas pocas previsualizaciones adaptables al día. Actualiza a Phoenix Pro para obtener previsualizaciones adaptables ilimitadas en todos los tamaños de dispositivo.",
+  "CMD_CANCEL_TRIAL": "Cancelar la prueba de Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "¿Cancelar la prueba de {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Te quedan {0} días de tu prueba de Phoenix Pro. La cancelación no se puede deshacer. ¿Estás seguro de que quieres detener la prueba?",
+  "CANCEL_TRIAL_STOP_BTN": "Detener prueba"
 });
\ No newline at end of file
diff --git a/src/nls/fa-ir/lastTranslated.json b/src/nls/fa-ir/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/fa-ir/lastTranslated.json
+++ b/src/nls/fa-ir/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/fa-ir/strings.js b/src/nls/fa-ir/strings.js
index 322a52101..0ddf243a3 100644
--- a/src/nls/fa-ir/strings.js
+++ b/src/nls/fa-ir/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "اندازه قلم",
   "FONT_FAMILY": "نوع قلم",
   "FONT_LINE_HEIGHT": "ارتفاع خط",
+  "SCROLL_SENSITIVITY": "حساسیت اسکرول",
   "THEMES_SETTINGS": "تنظیمات پوسته ها",
   "THEMES_ERROR": "خطای پوسته‌ها",
   "THEMES_ERROR_CANNOT_APPLY": "به دلیل خطایی، پوسته اعمال نشد.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "تنظیمات مختص مسیر",
   "DESCRIPTION_PROXY": "آدرس URL سرور پروکسی مورد استفاده برای نصب افزونه.",
   "DESCRIPTION_SCROLL_PAST_END": "فعال‌سازی پیمایش فراتر از انتهای سند (true)",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "ضریب برای سرعت اسکرول چرخ ماوس (از ۰٫۱ تا ۱۰، پیش‌فرض ۱). اگر اسکرول خیلی کند یا سریع به نظر می‌رسد، این مقدار را تنظیم کنید.",
   "DESCRIPTION_SHOW_CODE_HINTS": "مقدار «نادرست» برای غیرفعال کردن تمام подскаزهای کد",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "مکان‌نما (Cursor) چشمک‌زن را هنگام انتخاب متن، قابل مشاهده نگه می‌دارد",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "مقدار «درست» برای نمایش شماره خطوط در یک «حاشیه» در سمت چپ کد",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "شروع مجدد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE} از ۳ کارت",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE} از ۱ مورد حذف شد",
-  "SCROLL_SENSITIVITY": "حساسیت اسکرول",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "ضریب برای سرعت اسکرول چرخ ماوس (از ۰٫۱ تا ۱۰، پیش‌فرض ۱). اگر اسکرول خیلی کند یا سریع به نظر می‌رسد، این مقدار را تنظیم کنید."
+  "DEVICE_SIZE_LIMIT_TITLE": "محدودیت پیش‌نمایش واکنش‌گرا",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "حساب‌های رایگان روزانه تعداد محدودی پیش‌نمایش واکنش‌گرا دریافت می‌کنند. برای پیش‌نمایش واکنش‌گرای نامحدود در تمام اندازه‌های دستگاه، به Phoenix Pro ارتقا دهید.",
+  "CMD_CANCEL_TRIAL": "لغو دوره آزمایشی Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "آیا دوره آزمایشی {0} لغو شود؟",
+  "CANCEL_TRIAL_MESSAGE": "از دوره آزمایشی Phoenix Pro شما {0} روز باقی مانده است. این عملیات قابل بازگردانی نیست. آیا از توقف دوره آزمایشی خود اطمینان دارید؟",
+  "CANCEL_TRIAL_STOP_BTN": "توقف دوره آزمایشی"
 });
\ No newline at end of file
diff --git a/src/nls/fi/lastTranslated.json b/src/nls/fi/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/fi/lastTranslated.json
+++ b/src/nls/fi/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/fi/strings.js b/src/nls/fi/strings.js
index 49d4655c4..6917f6dc7 100644
--- a/src/nls/fi/strings.js
+++ b/src/nls/fi/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Fonttikoko",
   "FONT_FAMILY": "Fonttiperhe",
   "FONT_LINE_HEIGHT": "Rivin korkeus",
+  "SCROLL_SENSITIVITY": "Vierityksen herkkyys",
   "THEMES_SETTINGS": "Teema-asetukset",
   "THEMES_ERROR": "Teemoissa virhe",
   "THEMES_ERROR_CANNOT_APPLY": "Teeman käyttöönotto epäonnistui virheen vuoksi.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Polkukohtaiset asetukset",
   "DESCRIPTION_PROXY": "URL välityspalvelimelle, jota käytetään laajennusten asentamiseen",
   "DESCRIPTION_SCROLL_PAST_END": "true: ota käyttöön vierittäminen pidemmälle kuin dokumentin loppuun",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Kerroin hiiren rullan vieritysnopeudelle (0,1–10, oletus 1). Säädä, jos vieritys tuntuu liian hitaalta tai nopealta.",
   "DESCRIPTION_SHOW_CODE_HINTS": "false: poista kaikki koodivihjeet käytöstä",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Pitää vilkkuvan kohdistimen esillä, kun tekstiä on valittu",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "true: näytä rivinumerot vasemman reunan marginaalissa",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Aloita alusta",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 korttia",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 poistettu",
-  "SCROLL_SENSITIVITY": "Vierityksen herkkyys",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Kerroin hiiren rullan vieritysnopeudelle (0,1–10, oletus 1). Säädä, jos vieritys tuntuu liian hitaalta tai nopealta."
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsiivisten esikatselujen raja saavutettu",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Maksuttomat tilit saavat muutaman responsiivisen esikatselun päivässä. Päivitä Phoenix Pro -versioon saadaksesi rajattomat responsiiviset esikatselut kaikilla laitekooilla.",
+  "CMD_CANCEL_TRIAL": "Peruuta Phoenix Pro -kokeilu",
+  "CANCEL_TRIAL_TITLE": "Peruutetaanko {0}-kokeilu?",
+  "CANCEL_TRIAL_MESSAGE": "Sinulla on {0} päivää jäljellä Phoenix Pro -kokeilujaksossasi. Peruuttamista ei voi kumota. Haluatko varmasti lopettaa kokeilujaksosi?",
+  "CANCEL_TRIAL_STOP_BTN": "Lopeta kokeilu"
 });
\ No newline at end of file
diff --git a/src/nls/fr/lastTranslated.json b/src/nls/fr/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/fr/lastTranslated.json
+++ b/src/nls/fr/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/fr/strings.js b/src/nls/fr/strings.js
index 6dd5572ea..849845ade 100644
--- a/src/nls/fr/strings.js
+++ b/src/nls/fr/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Taille de la police ",
   "FONT_FAMILY": "Famille de polices ",
   "FONT_LINE_HEIGHT": "Hauteur de ligne",
+  "SCROLL_SENSITIVITY": "Sensibilité du défilement",
   "THEMES_SETTINGS": "Paramètres des thèmes",
   "THEMES_ERROR": "Erreur de thèmes",
   "THEMES_ERROR_CANNOT_APPLY": "Impossible d'appliquer le thème en raison d'une erreur.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Paramètres spécifiques au chemin d’accès",
   "DESCRIPTION_PROXY": "URL du serveur proxy utilisé pour l’installation des extensions",
   "DESCRIPTION_SCROLL_PAST_END": "vrai pour autoriser le défilement au-delà de la fin du document",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicateur pour la vitesse de défilement de la molette (0,1 à 10, par défaut 1). Ajustez si le défilement vous semble trop lent ou trop rapide.",
   "DESCRIPTION_SHOW_CODE_HINTS": "faux pour désactiver tous les indicateurs de code",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Laisse le curseur clignotant visible en cas de sélection de texte",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "vrai pour afficher les numéros de ligne dans une « gouttière » à gauche du code",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Recommencer",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 supprimé",
-  "SCROLL_SENSITIVITY": "Sensibilité du défilement",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicateur pour la vitesse de défilement de la molette (0,1 à 10, par défaut 1). Ajustez si le défilement vous semble trop lent ou trop rapide."
+  "DEVICE_SIZE_LIMIT_TITLE": "Limite d'aperçus adaptatifs atteinte",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Les comptes gratuits ont droit à quelques aperçus adaptatifs par jour. Passez à Phoenix Pro pour des aperçus adaptatifs illimités sur toutes les tailles d'appareils.",
+  "CMD_CANCEL_TRIAL": "Annuler l'essai de Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Annuler l'essai de {0} ?",
+  "CANCEL_TRIAL_MESSAGE": "Il vous reste {0} jours dans votre période d'essai de Phoenix Pro. L'annulation est irréversible. Êtes-vous sûr de vouloir arrêter votre essai ?",
+  "CANCEL_TRIAL_STOP_BTN": "Arrêter l'essai"
 });
\ No newline at end of file
diff --git a/src/nls/gl/lastTranslated.json b/src/nls/gl/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/gl/lastTranslated.json
+++ b/src/nls/gl/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/gl/strings.js b/src/nls/gl/strings.js
index 804b45a95..cad735a9c 100644
--- a/src/nls/gl/strings.js
+++ b/src/nls/gl/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Tamaño de letra",
   "FONT_FAMILY": "Tipo de letra",
   "FONT_LINE_HEIGHT": "Altura da liña",
+  "SCROLL_SENSITIVITY": "Sensibilidade do desprazamento",
   "THEMES_SETTINGS": "Preferencias dos temas",
   "THEMES_ERROR": "Erro de temas",
   "THEMES_ERROR_CANNOT_APPLY": "Non se puido aplicar o tema debido a un erro.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Configuración específica da ruta.",
   "DESCRIPTION_PROXY": "O URL do servidor proxy usado para a instalación de extensións.",
   "DESCRIPTION_SCROLL_PAST_END": "\"true\" para activar o desprazamento máis alá do final do documento.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicador para a velocidade de desprazamento da roda do rato (de 0,1 a 10, predeterminado 1). Axuste se o desprazamento parece demasiado lento ou rápido.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` para desactivar todas as suxestións de código",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Mantén o cursor intermitente visible cando teñas unha selección de texto",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` para mostrar os números de liña nunha \"marxe\" á esquerda do código",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Comezar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarxetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "SCROLL_SENSITIVITY": "Sensibilidade do desprazamento",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicador para a velocidade de desprazamento da roda do rato (de 0,1 a 10, predeterminado 1). Axuste se o desprazamento parece demasiado lento ou rápido."
+  "DEVICE_SIZE_LIMIT_TITLE": "Límite de previsualizacións adaptativas acadado",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "As contas gratuítas obteñen unhas poucas previsualizacións adaptativas por día. Actualiza a Phoenix Pro para obter previsualizacións adaptativas ilimitadas en todos os tamaños de dispositivo.",
+  "CMD_CANCEL_TRIAL": "Cancelar a proba de Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "¿Cancelar a proba de {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Restan {0} días da túa proba de Phoenix Pro. A cancelación non se pode desfacer. ¿Seguro que queres deter a túa proba?",
+  "CANCEL_TRIAL_STOP_BTN": "Deter a proba"
 });
\ No newline at end of file
diff --git a/src/nls/hi/lastTranslated.json b/src/nls/hi/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/hi/lastTranslated.json
+++ b/src/nls/hi/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/hi/strings.js b/src/nls/hi/strings.js
index 9a1bbae8a..ec46b37df 100644
--- a/src/nls/hi/strings.js
+++ b/src/nls/hi/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "फ़ॉन्ट आकार",
   "FONT_FAMILY": "फ़ॉन्ट फ़ैमिली",
   "FONT_LINE_HEIGHT": "लाइन ऊँचाई",
+  "SCROLL_SENSITIVITY": "स्क्रॉल संवेदनशीलता",
   "THEMES_SETTINGS": "थीम सेटिंग्स",
   "THEMES_ERROR": "थीम त्रुटि",
   "THEMES_ERROR_CANNOT_APPLY": "किसी त्रुटि के कारण थीम लागू नहीं हो सका।",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "पथ विशिष्ट सेटिंग्स",
   "DESCRIPTION_PROXY": "एक्सटेंशन इंस्टॉलेशन के लिए उपयोग किए जाने वाले प्रॉक्सी सर्वर का URL",
   "DESCRIPTION_SCROLL_PAST_END": "दस्तावेज़ के अंत से आगे स्क्रॉल करने में सक्षम बनाने के लिए सही",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "माउस व्हील स्क्रॉल गति के लिए गुणक (0.1 से 10, डिफ़ॉल्ट 1)। यदि स्क्रॉलिंग बहुत धीमी या तेज़ लगे तो समायोजित करें।",
   "DESCRIPTION_SHOW_CODE_HINTS": "सभी कोड संकेतों को अक्षम करने के लिए `false`",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "टेक्स्ट चयन होने पर ब्लिंकिंग कर्सर को दृश्यमान रखता है",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "कोड के बाईं ओर “गटर” में लाइन नंबर दिखाने के लिए `true`",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "फिर से शुरू करें",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 कार्ड",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 हटाया गया",
-  "SCROLL_SENSITIVITY": "स्क्रॉल संवेदनशीलता",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "माउस व्हील स्क्रॉल गति के लिए गुणक (0.1 से 10, डिफ़ॉल्ट 1)। यदि स्क्रॉलिंग बहुत धीमी या तेज़ लगे तो समायोजित करें।"
+  "DEVICE_SIZE_LIMIT_TITLE": "रिस्पॉन्सिव प्रीव्यू सीमा समाप्त",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "मुफ़्त खातों को प्रतिदिन कुछ रिस्पॉन्सिव प्रीव्यू मिलते हैं। सभी डिवाइस आकारों पर असीमित रिस्पॉन्सिव प्रीव्यू के लिए Phoenix Pro में अपग्रेड करें।",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro ट्रायल रद्द करें",
+  "CANCEL_TRIAL_TITLE": "{0} ट्रायल रद्द करें?",
+  "CANCEL_TRIAL_MESSAGE": "आपके Phoenix Pro ट्रायल में {0} दिन शेष हैं। रद्द करने की प्रक्रिया को पूर्ववत नहीं किया जा सकता। क्या आप वाकई अपना ट्रायल रोकना चाहते हैं?",
+  "CANCEL_TRIAL_STOP_BTN": "ट्रायल रोकें"
 });
\ No newline at end of file
diff --git a/src/nls/hr/lastTranslated.json b/src/nls/hr/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/hr/lastTranslated.json
+++ b/src/nls/hr/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/hr/strings.js b/src/nls/hr/strings.js
index 290fb1a85..7d6806d0c 100644
--- a/src/nls/hr/strings.js
+++ b/src/nls/hr/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Veličina fonta",
   "FONT_FAMILY": "Obitelj fonta",
   "FONT_LINE_HEIGHT": "Visina retka",
+  "SCROLL_SENSITIVITY": "Osjetljivost pomicanja",
   "THEMES_SETTINGS": "Postavke teme",
   "THEMES_ERROR": "Pogreška teme",
   "THEMES_ERROR_CANNOT_APPLY": "Tema nije mogla biti primijenjena zbog pogreške.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Postavke specifične za putanju",
   "DESCRIPTION_PROXY": "URL proxy poslužitelja koji se koristi za instalaciju proširenja",
   "DESCRIPTION_SCROLL_PAST_END": "true za omogućavanje pomicanja preko kraja dokumenta",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Množitelj za brzinu pomicanja kotačićem miša (0,1 do 10, zadano 1). Prilagodite ako vam se pomicanje čini presporim ili prebrzim.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` za onemogućavanje svih savjeta za kod",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Trepćući kursor ostaje vidljiv kada je tekst označen",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` za prikaz brojeva redaka u \"žlijebu\" lijevo od koda",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Kreni ispočetka",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartice",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 obrisano",
-  "SCROLL_SENSITIVITY": "Osjetljivost pomicanja",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Množitelj za brzinu pomicanja kotačićem miša (0,1 do 10, zadano 1). Prilagodite ako vam se pomicanje čini presporim ili prebrzim."
+  "DEVICE_SIZE_LIMIT_TITLE": "Dosegnuto ograničenje responzivnih pregleda",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Besplatni računi imaju nekoliko responzivnih pregleda dnevno. Nadogradite na Phoenix Pro za neograničene responzivne preglede na svim veličinama uređaja.",
+  "CMD_CANCEL_TRIAL": "Otkaži probno razdoblje za Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Otkaži probno razdoblje za {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Preostalo vam je {0} dana u probnom razdoblju za Phoenix Pro. Otkazivanje je nepovratno. Jeste li sigurni da želite prekinuti probno razdoblje?",
+  "CANCEL_TRIAL_STOP_BTN": "Prekini probno razdoblje"
 });
\ No newline at end of file
diff --git a/src/nls/hu/lastTranslated.json b/src/nls/hu/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/hu/lastTranslated.json
+++ b/src/nls/hu/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/hu/strings.js b/src/nls/hu/strings.js
index 239b18f96..e1a9b7178 100644
--- a/src/nls/hu/strings.js
+++ b/src/nls/hu/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Betűméret",
   "FONT_FAMILY": "Betűtípus",
   "FONT_LINE_HEIGHT": "Sorköz",
+  "SCROLL_SENSITIVITY": "Görgetési érzékenység",
   "THEMES_SETTINGS": "Témabeállítások",
   "THEMES_ERROR": "Témahiba",
   "THEMES_ERROR_CANNOT_APPLY": "Téma alkalmazása hiba miatt sikertelen.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Elérési úthoz tartozó beállítások.",
   "DESCRIPTION_PROXY": "A bővítménytelepítéshez használt proxy szerver URL-címe.",
   "DESCRIPTION_SCROLL_PAST_END": "`true`, ha engedélyezni szeretné a görgetést a dokumentum vége után is.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Szorzó az egérgörgő görgetési sebességéhez (0,1-től 10-ig, alapértelmezett: 1). Módosítsa, ha a görgetést túl lassúnak vagy gyorsnak érzi.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` érték esetén a kódsúgók letiltásra kerülnek",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "A villogó kurzor látható marad szöveg kijelölésekor",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` érték esetén sorszámok jelennek meg a kód bal oldalán",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Újrakezdés",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kártya",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 törölve",
-  "SCROLL_SENSITIVITY": "Görgetési érzékenység",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Szorzó az egérgörgő görgetési sebességéhez (0,1-től 10-ig, alapértelmezett: 1). Módosítsa, ha a görgetést túl lassúnak vagy gyorsnak érzi."
+  "DEVICE_SIZE_LIMIT_TITLE": "Reszponzív előnézeti korlát elérve",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Az ingyenes fiókok naponta néhány reszponzív előnézetet tesznek lehetővé. Váltson Phoenix Pro-ra a korlátlan, minden eszközméretre kiterjedő reszponzív előnézetekért.",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro próbaverzió lemondása",
+  "CANCEL_TRIAL_TITLE": "A(z) {0} próbaverzió lemondása?",
+  "CANCEL_TRIAL_MESSAGE": "Még {0} nap van hátra a Phoenix Pro próbaidőszakából. A lemondás nem vonható vissza. Biztosan le szeretné állítani a próbaidőszakot?",
+  "CANCEL_TRIAL_STOP_BTN": "Próbaidőszak leállítása"
 });
\ No newline at end of file
diff --git a/src/nls/id/lastTranslated.json b/src/nls/id/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/id/lastTranslated.json
+++ b/src/nls/id/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/id/strings.js b/src/nls/id/strings.js
index 4c3c5bd95..ee4ab987a 100644
--- a/src/nls/id/strings.js
+++ b/src/nls/id/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Ukuran Huruf",
   "FONT_FAMILY": "Famili Huruf",
   "FONT_LINE_HEIGHT": "Tinggi Baris",
+  "SCROLL_SENSITIVITY": "Sensitivitas Gulir",
   "THEMES_SETTINGS": "Pengaturan Tema",
   "THEMES_ERROR": "Kesalahan Tema",
   "THEMES_ERROR_CANNOT_APPLY": "Tema tidak dapat diterapkan karena kesalahan.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Pengaturan khusus jalur",
   "DESCRIPTION_PROXY": "URL server proxy yang digunakan untuk instalasi ekstensi",
   "DESCRIPTION_SCROLL_PAST_END": "`true` untuk mengaktifkan pengguliran melewati akhir dokumen",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Pengali untuk kecepatan gulir roda mouse (0,1 hingga 10, default 1). Sesuaikan jika guliran terasa terlalu lambat atau cepat.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` untuk menonaktifkan semua petunjuk kode",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Menjaga kursor berkedip tetap terlihat saat Anda memiliki pilihan teks",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` untuk menampilkan nomor baris di \"gutter\" di sebelah kiri kode",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Mulai Lagi",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartu",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 dihapus",
-  "SCROLL_SENSITIVITY": "Sensitivitas Gulir",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Pengali untuk kecepatan gulir roda mouse (0,1 hingga 10, default 1). Sesuaikan jika guliran terasa terlalu lambat atau cepat."
+  "DEVICE_SIZE_LIMIT_TITLE": "Batas Pratinjau Responsif Tercapai",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Akun gratis mendapatkan beberapa pratinjau responsif per hari. Upgrade ke Phoenix Pro untuk pratinjau responsif tanpa batas di semua ukuran perangkat.",
+  "CMD_CANCEL_TRIAL": "Batalkan Uji Coba Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Batalkan Uji Coba {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Anda memiliki {0} hari tersisa dalam uji coba Phoenix Pro Anda. Pembatalan tidak dapat diurungkan. Apakah Anda yakin ingin menghentikan uji coba Anda?",
+  "CANCEL_TRIAL_STOP_BTN": "Hentikan Uji Coba"
 });
\ No newline at end of file
diff --git a/src/nls/it/lastTranslated.json b/src/nls/it/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/it/lastTranslated.json
+++ b/src/nls/it/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/it/strings.js b/src/nls/it/strings.js
index 6df83ec4c..4bd1cd0ba 100644
--- a/src/nls/it/strings.js
+++ b/src/nls/it/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Dimensioni carattere",
   "FONT_FAMILY": "Tipo di carattere",
   "FONT_LINE_HEIGHT": "Interlinea",
+  "SCROLL_SENSITIVITY": "Sensibilità scorrimento",
   "THEMES_SETTINGS": "Impostazioni Temi",
   "THEMES_ERROR": "Errore temi",
   "THEMES_ERROR_CANNOT_APPLY": "Impossibile applicare il tema a causa di un errore.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Impostazioni specifiche per un percorso",
   "DESCRIPTION_PROXY": "L'URL del server proxy utilizzato per installare le estensioni",
   "DESCRIPTION_SCROLL_PAST_END": "true per attivare lo scorrimento oltre la fine del documento",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Moltiplicatore per la velocità di scorrimento della rotellina del mouse (da 0,1 a 10, predefinito 1). Regolare se lo scorrimento risulta troppo lento o veloce.",
   "DESCRIPTION_SHOW_CODE_HINTS": "false per disattivare tutti i suggerimenti sul codice",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Mantiene il cursore lampeggiante quando del testo è selezionato",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "true per mostrare i numeri delle righe a sinistra del codice",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Ricomincia",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carte",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminato",
-  "SCROLL_SENSITIVITY": "Sensibilità scorrimento",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Moltiplicatore per la velocità di scorrimento della rotellina del mouse (da 0,1 a 10, predefinito 1). Regolare se lo scorrimento risulta troppo lento o veloce."
+  "DEVICE_SIZE_LIMIT_TITLE": "Limite anteprime responsive raggiunto",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Gli account gratuiti hanno a disposizione un numero limitato di anteprime responsive al giorno. Passa a Phoenix Pro per anteprime responsive illimitate su tutte le dimensioni dei dispositivi.",
+  "CMD_CANCEL_TRIAL": "Annulla prova di Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Annullare la prova di {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Ti rimangono {0} giorni della tua prova di Phoenix Pro. L'annullamento è irreversibile. Sei sicuro di voler interrompere la prova?",
+  "CANCEL_TRIAL_STOP_BTN": "Interrompi prova"
 });
\ No newline at end of file
diff --git a/src/nls/ja/lastTranslated.json b/src/nls/ja/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/ja/lastTranslated.json
+++ b/src/nls/ja/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/ja/strings.js b/src/nls/ja/strings.js
index 8a68408c4..7b0320e82 100644
--- a/src/nls/ja/strings.js
+++ b/src/nls/ja/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "フォントサイズ ",
   "FONT_FAMILY": "フォントファミリー ",
   "FONT_LINE_HEIGHT": "行の高さ",
+  "SCROLL_SENSITIVITY": "スクロール感度",
   "THEMES_SETTINGS": "テーマ設定",
   "THEMES_ERROR": "テーマエラー",
   "THEMES_ERROR_CANNOT_APPLY": "エラーが発生したため、テーマを適用できませんでした。",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "パス固有の設定",
   "DESCRIPTION_PROXY": "拡張機能のインストールに使用するプロキシサーバーの URL",
   "DESCRIPTION_SCROLL_PAST_END": "ドキュメントの終端を超えたスクロールを有効にするには true",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "マウスホイールのスクロール速度の倍率（0.1～10、デフォルトは1）。スクロールが遅すぎる、または速すぎると感じる場合に調整してください。",
   "DESCRIPTION_SHOW_CODE_HINTS": "すべてのコードヒントを無効にするには false",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "文字が選択されているときに点滅カーソルを表示したままにします",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "コードの左の「余白」に行番号を表示するには true",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "最初からやり直す",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3枚のカード",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1件削除済み",
-  "SCROLL_SENSITIVITY": "スクロール感度",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "マウスホイールのスクロール速度の倍率（0.1～10、デフォルトは1）。スクロールが遅すぎる、または速すぎると感じる場合に調整してください。"
+  "DEVICE_SIZE_LIMIT_TITLE": "レスポンシブプレビューの上限に達しました",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "無料アカウントでは、１日あたりのレスポンシブプレビューの回数が制限されています。Phoenix Proにアップグレードすると、すべてのデバイスサイズでレスポンシブプレビューを無制限にご利用いただけます。",
+  "CMD_CANCEL_TRIAL": "Phoenix Proトライアルの解約",
+  "CANCEL_TRIAL_TITLE": "{0}トライアルを解約しますか？",
+  "CANCEL_TRIAL_MESSAGE": "Phoenix Proトライアルの残り日数は{0}日です。一度解約すると元に戻すことはできません。トライアルを解約してもよろしいですか？",
+  "CANCEL_TRIAL_STOP_BTN": "トライアルを解約する"
 });
\ No newline at end of file
diff --git a/src/nls/ko/lastTranslated.json b/src/nls/ko/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/ko/lastTranslated.json
+++ b/src/nls/ko/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/ko/strings.js b/src/nls/ko/strings.js
index 8d4cfb072..7fd5b6b52 100644
--- a/src/nls/ko/strings.js
+++ b/src/nls/ko/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "글자 크기",
   "FONT_FAMILY": "글꼴",
   "FONT_LINE_HEIGHT": "줄 높이",
+  "SCROLL_SENSITIVITY": "스크롤 감도",
   "THEMES_SETTINGS": "테마 설정",
   "THEMES_ERROR": "테마 오류",
   "THEMES_ERROR_CANNOT_APPLY": "오류로 인해 테마를 적용할 수 없습니다.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "경로 별 설정",
   "DESCRIPTION_PROXY": "확장기능 설치를 위해 사용된 프록시 서버 URL",
   "DESCRIPTION_SCROLL_PAST_END": "문서 끝을 넘어선 스크롤을 활성화 하려면 true",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "마우스 휠 스크롤 속도 배수 (0.1에서 10까지, 기본값 1). 스크롤이 너무 느리거나 빠르다고 느껴지면 조절하세요.",
   "DESCRIPTION_SHOW_CODE_HINTS": "모든 코드 힌트를 비활성화 하려면 false",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "문자를 선택한 경우 깜빡이는 커서 표시",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "코드 왼쪽의 “여백”에 행 번호를 표시하려면 true",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "다시 시작",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 카드",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 삭제됨",
-  "SCROLL_SENSITIVITY": "스크롤 감도",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "마우스 휠 스크롤 속도 배수 (0.1에서 10까지, 기본값 1). 스크롤이 너무 느리거나 빠르다고 느껴지면 조절하세요."
+  "DEVICE_SIZE_LIMIT_TITLE": "반응형 미리보기 한도 초과",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "무료 계정은 하루에 몇 번의 반응형 미리보기만 사용할 수 있습니다. 모든 기기 크기에서 무제한 반응형 미리보기를 사용하려면 Phoenix Pro로 업그레이드하세요.",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro 체험판 취소",
+  "CANCEL_TRIAL_TITLE": "{0} 체험판을 취소하시겠습니까?",
+  "CANCEL_TRIAL_MESSAGE": "Phoenix Pro 체험판이 {0}일 남았습니다. 취소하면 되돌릴 수 없습니다. 정말로 체험판을 중단하시겠습니까?",
+  "CANCEL_TRIAL_STOP_BTN": "체험판 중단"
 });
\ No newline at end of file
diff --git a/src/nls/lv/lastTranslated.json b/src/nls/lv/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/lv/lastTranslated.json
+++ b/src/nls/lv/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/lv/strings.js b/src/nls/lv/strings.js
index 140258bf8..fd9717141 100644
--- a/src/nls/lv/strings.js
+++ b/src/nls/lv/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Fonta lielums",
   "FONT_FAMILY": "Fontu saime",
   "FONT_LINE_HEIGHT": "Rindas augstums",
+  "SCROLL_SENSITIVITY": "Ritināšanas jutība",
   "THEMES_SETTINGS": "Dizaina iestatījumi",
   "THEMES_ERROR": "Kļūda tēmās",
   "THEMES_ERROR_CANNOT_APPLY": "Motīvu neizdevās lietot kļūdas dēļ.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Specifiski ceļu iestatījumi",
   "DESCRIPTION_PROXY": "Paplašinājuma instalēšanai izmantotais starpniekservera URL",
   "DESCRIPTION_SCROLL_PAST_END": "vērtība true, lai iespējotu ritināšanu pēc dokumenta beigām",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Peles ritentiņa ritināšanas ātruma reizinātājs (no 0,1 līdz 10, noklusējums 1). Pielāgojiet, ja ritināšana šķiet pārāk lēna vai ātra.",
   "DESCRIPTION_SHOW_CODE_HINTS": "vērtība false, lai atspējotu koda ieteikumus",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Atstāj mirgojošo kursoru redzamu, kad izvēlēts teksts",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "vērtība true, lai rādītu rindu numuru koda kreisajā malā",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Sākt no jauna",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartītes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 izdzēsts",
-  "SCROLL_SENSITIVITY": "Ritināšanas jutība",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Peles ritentiņa ritināšanas ātruma reizinātājs (no 0,1 līdz 10, noklusējums 1). Pielāgojiet, ja ritināšana šķiet pārāk lēna vai ātra."
+  "DEVICE_SIZE_LIMIT_TITLE": "Responzīvo priekšskatījumu limits sasniegts",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezmaksas konti saņem dažus responzīvos priekšskatījumus dienā. Jauniniet uz Phoenix Pro, lai saņemtu neierobežotus responzīvos priekšskatījumus visos ierīču izmēros.",
+  "CMD_CANCEL_TRIAL": "Atcelt Phoenix Pro izmēģinājumu",
+  "CANCEL_TRIAL_TITLE": "Atcelt {0} izmēģinājumu?",
+  "CANCEL_TRIAL_MESSAGE": "Jums ir atlikušas {0} dienas Phoenix Pro izmēģinājuma versijā. Atcelšanu nevarēs atsaukt. Vai tiešām vēlaties pārtraukt savu izmēģinājumu?",
+  "CANCEL_TRIAL_STOP_BTN": "Pārtraukt izmēģinājumu"
 });
\ No newline at end of file
diff --git a/src/nls/ml/lastTranslated.json b/src/nls/ml/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/ml/lastTranslated.json
+++ b/src/nls/ml/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/ml/strings.js b/src/nls/ml/strings.js
index 8a13a15cb..cafb46bbe 100644
--- a/src/nls/ml/strings.js
+++ b/src/nls/ml/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "ഫോണ്ട് വലുപ്പം",
   "FONT_FAMILY": "ഫോണ്ട് കുടുംബം",
   "FONT_LINE_HEIGHT": "ലൈൻ ഉയരം",
+  "SCROLL_SENSITIVITY": "സ്ക്രോൾ സെൻസിറ്റിവിറ്റി",
   "THEMES_SETTINGS": "തീമുകൾ ക്രമീകരണങ്ങൾ",
   "THEMES_ERROR": "തീമുകൾ പിശക്",
   "THEMES_ERROR_CANNOT_APPLY": "തീം പ്രയോഗിക്കുന്നതിൽ പിഴവ്.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "പാത്ത് നിർദ്ദിഷ്ട ക്രമീകരണങ്ങൾ.",
   "DESCRIPTION_PROXY": "എക്സ്റ്റൻഷൻ ഇൻസ്റ്റാളേഷനായി ഉപയോഗിക്കുന്ന പ്രോക്സി സെർവറിന്റെ URL.",
   "DESCRIPTION_SCROLL_PAST_END": "പ്രമാണത്തിന്റെ അവസാനത്തിനപ്പുറത്തേക്ക് സ്ക്രോൾ ചെയ്യാൻ പ്രാപ്തമാക്കാൻ true ആക്കുക.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "മൗസ് വീൽ സ്ക്രോൾ വേഗതയുടെ ഗുണകം (0.1 മുതൽ 10 വരെ, സാധാരണ 1). സ്ക്രോളിംഗ് വളരെ വേഗത കുറഞ്ഞതായോ കൂടിയതായോ അനുഭവപ്പെട്ടാൽ ക്രമീകരിക്കുക.",
   "DESCRIPTION_SHOW_CODE_HINTS": "കോഡ് സൂചനകൾ പൂർണ്ണമായും പ്രവർത്തനരഹിതമാക്കാൻ `false` എന്നു നൽകുക.",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "ടെക്സ്റ്റ് തിരഞ്ഞെടുക്കുമ്പോൾ ബ്ലിങ്കിംഗ് കഴ്സർ ദൃശ്യമായിരിക്കും.",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "കോഡിന്റെ ഇടതുവശത്തുള്ള \"ഗട്ടറിൽ\" ലൈൻ നമ്പറുകൾ കാണിക്കാൻ `true` എന്നു നൽകുക.",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "വീണ്ടും ആരംഭിക്കുക",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 കാർഡുകൾ",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 ഇല്ലാതാക്കി",
-  "SCROLL_SENSITIVITY": "സ്ക്രോൾ സെൻസിറ്റിവിറ്റി",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "മൗസ് വീൽ സ്ക്രോൾ വേഗതയുടെ ഗുണകം (0.1 മുതൽ 10 വരെ, സാധാരണ 1). സ്ക്രോളിംഗ് വളരെ വേഗത കുറഞ്ഞതായോ കൂടിയതായോ അനുഭവപ്പെട്ടാൽ ക്രമീകരിക്കുക."
+  "DEVICE_SIZE_LIMIT_TITLE": "റെസ്പോൺസീവ് പ്രിവ്യൂ പരിധിയിലെത്തി",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "സൗജന്യ അക്കൗണ്ടുകൾക്ക് പ്രതിദിനം കുറച്ച് റെസ്പോൺസീവ് പ്രിവ്യൂകൾ ലഭിക്കും. എല്ലാ ഉപകരണ വലുപ്പങ്ങളിലും പരിധിയില്ലാത്ത റെസ്പോൺസീവ് പ്രിവ്യൂകൾക്കായി Phoenix Pro-ലേക്ക് അപ്‌ഗ്രേഡ് ചെയ്യുക.",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro ട്രയൽ റദ്ദാക്കുക",
+  "CANCEL_TRIAL_TITLE": "{0} ട്രയൽ റദ്ദാക്കണോ?",
+  "CANCEL_TRIAL_MESSAGE": "നിങ്ങളുടെ Phoenix Pro ട്രയലിൽ {0} ദിവസം കൂടി ബാക്കിയുണ്ട്. റദ്ദാക്കുന്നത് പഴയപടിയാക്കാൻ കഴിയില്ല. നിങ്ങളുടെ ട്രയൽ നിർത്തണമെന്ന് ഉറപ്പാണോ?",
+  "CANCEL_TRIAL_STOP_BTN": "ട്രയൽ നിർത്തുക"
 });
\ No newline at end of file
diff --git a/src/nls/nb/lastTranslated.json b/src/nls/nb/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/nb/lastTranslated.json
+++ b/src/nls/nb/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/nb/strings.js b/src/nls/nb/strings.js
index c9b945f06..471783685 100644
--- a/src/nls/nb/strings.js
+++ b/src/nls/nb/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Skriftstørrelse",
   "FONT_FAMILY": "Skriftfamilie",
   "FONT_LINE_HEIGHT": "Linjehøyde",
+  "SCROLL_SENSITIVITY": "Rullefølsomhet",
   "THEMES_SETTINGS": "Temainnstillinger",
   "THEMES_ERROR": "Temafeil",
   "THEMES_ERROR_CANNOT_APPLY": "Kunne ikke bruke temaet på grunn av en feil.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Stiespesifikke innstillinger.",
   "DESCRIPTION_PROXY": "URL-en til proxy-serveren som brukes for installasjon av utvidelser.",
   "DESCRIPTION_SCROLL_PAST_END": "`true` for å aktivere rulling forbi slutten av dokumentet.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplikator for rullehastigheten til musehjulet (0,1 til 10, standard 1). Juster hvis rullingen føles for treg eller for rask.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` for å deaktivere alle kodehint",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Holder den blinkende markøren synlig når du har en tekst markert",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` for å vise linjenumre i en marg til venstre for koden",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start på nytt",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "SCROLL_SENSITIVITY": "Rullefølsomhet",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplikator for rullehastigheten til musehjulet (0,1 til 10, standard 1). Juster hvis rullingen føles for treg eller for rask."
+  "DEVICE_SIZE_LIMIT_TITLE": "Grense for responsiv forhåndsvisning nådd",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratiskontoer får et begrenset antall responsive forhåndsvisninger per dag. Oppgrader til Phoenix Pro for ubegrensede responsive forhåndsvisninger på tvers av alle enhetsstørrelser.",
+  "CMD_CANCEL_TRIAL": "Avbryt Phoenix Pro-prøveperiode",
+  "CANCEL_TRIAL_TITLE": "Avbryte {0}-prøveperioden?",
+  "CANCEL_TRIAL_MESSAGE": "Du har {0} dager igjen av din Phoenix Pro-prøveperiode. Avbrytelsen kan ikke angres. Er du sikker på at du vil avslutte prøveperioden din?",
+  "CANCEL_TRIAL_STOP_BTN": "Avslutt prøveperiode"
 });
\ No newline at end of file
diff --git a/src/nls/nl/lastTranslated.json b/src/nls/nl/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/nl/lastTranslated.json
+++ b/src/nls/nl/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/nl/strings.js b/src/nls/nl/strings.js
index 40ff5c586..b24c6936b 100644
--- a/src/nls/nl/strings.js
+++ b/src/nls/nl/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Lettergrootte",
   "FONT_FAMILY": "Lettertype(s)",
   "FONT_LINE_HEIGHT": "Regelhoogte",
+  "SCROLL_SENSITIVITY": "Scrolgevoeligheid",
   "THEMES_SETTINGS": "Thema-instellingen",
   "THEMES_ERROR": "Themafout",
   "THEMES_ERROR_CANNOT_APPLY": "Thema kon vanwege een fout niet worden toegepast.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Pad-specifieke instellingen.",
   "DESCRIPTION_PROXY": "De URL van de proxyserver die gebruikt wordt voor extensie-installatie.",
   "DESCRIPTION_SCROLL_PAST_END": "`true` om scrollen voorbij het einde van het document mogelijk te maken.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Vermenigvuldiger voor de scrolsnelheid van het muiswiel (0,1 tot 10, standaard 1). Pas aan als scrollen te traag of te snel aanvoelt.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` om alle codehints uit te schakelen",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Houdt de knipperende cursor zichtbaar wanneer u een tekstselectie hebt",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` om regelnummers weer te geven in een \"goot\" links van de code",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Opnieuw beginnen",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kaarten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 verwijderd",
-  "SCROLL_SENSITIVITY": "Scrolgevoeligheid",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Vermenigvuldiger voor de scrolsnelheid van het muiswiel (0,1 tot 10, standaard 1). Pas aan als scrollen te traag of te snel aanvoelt."
+  "DEVICE_SIZE_LIMIT_TITLE": "Limiet voor responsieve voorvertoningen bereikt",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Met een gratis account krijgt u een paar responsieve voorvertoningen per dag. Upgrade naar Phoenix Pro voor onbeperkte responsieve voorvertoningen op alle apparaatformaten.",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro-proefperiode annuleren",
+  "CANCEL_TRIAL_TITLE": "{0}-proefperiode annuleren?",
+  "CANCEL_TRIAL_MESSAGE": "U heeft nog {0} dagen van uw Phoenix Pro-proefperiode. Annuleren kan niet ongedaan worden gemaakt. Weet u zeker dat u uw proefperiode wilt beëindigen?",
+  "CANCEL_TRIAL_STOP_BTN": "Proefperiode beëindigen"
 });
\ No newline at end of file
diff --git a/src/nls/pl/lastTranslated.json b/src/nls/pl/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/pl/lastTranslated.json
+++ b/src/nls/pl/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/pl/strings.js b/src/nls/pl/strings.js
index dec4c4583..ede5e94c9 100644
--- a/src/nls/pl/strings.js
+++ b/src/nls/pl/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Rozmiar czcionki",
   "FONT_FAMILY": "Rodzina czcionek",
   "FONT_LINE_HEIGHT": "Wysokość wiersza",
+  "SCROLL_SENSITIVITY": "Czułość przewijania",
   "THEMES_SETTINGS": "Ustawienia motywów",
   "THEMES_ERROR": "Błąd motywów",
   "THEMES_ERROR_CANNOT_APPLY": "Nie można zastosować motywu z powodu błędu.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Ścieżka do ustawień",
   "DESCRIPTION_PROXY": "Adres URL serwera proxy używanego do instalacji rozszerzeń",
   "DESCRIPTION_SCROLL_PAST_END": "true, by włączyć możliwość przewijania poza koniec dokumentu",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Mnożnik prędkości przewijania kółkiem myszy (od 0,1 do 10, domyślnie 1). Dostosuj, jeśli przewijanie jest zbyt wolne lub zbyt szybkie.",
   "DESCRIPTION_SHOW_CODE_HINTS": "false, by wyłączyć wszystkie podpowiedzi do kodu",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Wyświetlaj migający kursor podczas zaznaczenia tekstu",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "true, by wyświetlać numery linii obok kodu",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Zacznij od nowa",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 usunięto",
-  "SCROLL_SENSITIVITY": "Czułość przewijania",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Mnożnik prędkości przewijania kółkiem myszy (od 0,1 do 10, domyślnie 1). Dostosuj, jeśli przewijanie jest zbyt wolne lub zbyt szybkie."
+  "DEVICE_SIZE_LIMIT_TITLE": "Osiągnięto limit responsywnych podglądów",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Darmowe konta mają dostęp do kilku responsywnych podglądów dziennie. Przejdź na Phoenix Pro, aby uzyskać nieograniczony dostęp do responsywnych podglądów na wszystkich rozmiarach urządzeń.",
+  "CMD_CANCEL_TRIAL": "Anuluj okres próbny Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Anulować okres próbny {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Pozostało Ci {0} dni okresu próbnego Phoenix Pro. Anulowania nie można cofnąć. Czy na pewno chcesz zakończyć okres próbny?",
+  "CANCEL_TRIAL_STOP_BTN": "Zakończ okres próbny"
 });
\ No newline at end of file
diff --git a/src/nls/pt-br/lastTranslated.json b/src/nls/pt-br/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/pt-br/lastTranslated.json
+++ b/src/nls/pt-br/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/pt-br/strings.js b/src/nls/pt-br/strings.js
index 88b25cda0..2389fdad2 100644
--- a/src/nls/pt-br/strings.js
+++ b/src/nls/pt-br/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Tamanho da fonte",
   "FONT_FAMILY": "Família da fonte",
   "FONT_LINE_HEIGHT": "Altura da linha",
+  "SCROLL_SENSITIVITY": "Sensibilidade da Rolagem",
   "THEMES_SETTINGS": "Configurações de temas",
   "THEMES_ERROR": "Erro de temas",
   "THEMES_ERROR_CANNOT_APPLY": "Não foi possível aplicar o tema devido a um erro.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Configurações específicas para uma rota de arquivo",
   "DESCRIPTION_PROXY": "A URL do proxy utilizado para a instalação das extensões",
   "DESCRIPTION_SCROLL_PAST_END": "verdadeiro (true) para habilitar o scrolling após o fim do arquivo",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicador para a velocidade de rolagem da roda do mouse (0,1 a 10, padrão 1). Ajuste se a rolagem parecer muito lenta ou rápida.",
   "DESCRIPTION_SHOW_CODE_HINTS": "falso (false) para desabilitar todos as sugestões de código",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Mantenha o cursor visível quando houver uma seleção de texto",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "verdadeiro (true) para mostrar o número das linhas na borda \"gutter\" à esquerda do editor",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído",
-  "SCROLL_SENSITIVITY": "Sensibilidade da Rolagem",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicador para a velocidade de rolagem da roda do mouse (0,1 a 10, padrão 1). Ajuste se a rolagem parecer muito lenta ou rápida."
+  "DEVICE_SIZE_LIMIT_TITLE": "Limite de Visualizações Responsivas Atingido",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Contas gratuitas têm direito a algumas visualizações responsivas por dia. Faça o upgrade para o Phoenix Pro para ter visualizações responsivas ilimitadas em todos os tamanhos de dispositivo.",
+  "CMD_CANCEL_TRIAL": "Cancelar Avaliação do Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Cancelar a Avaliação do {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Você tem {0} dias restantes na sua avaliação do Phoenix Pro. O cancelamento não pode ser desfeito. Tem certeza de que deseja interromper sua avaliação?",
+  "CANCEL_TRIAL_STOP_BTN": "Interromper Avaliação"
 });
\ No newline at end of file
diff --git a/src/nls/pt-pt/lastTranslated.json b/src/nls/pt-pt/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/pt-pt/lastTranslated.json
+++ b/src/nls/pt-pt/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/pt-pt/strings.js b/src/nls/pt-pt/strings.js
index 340deae43..1a8f205f6 100644
--- a/src/nls/pt-pt/strings.js
+++ b/src/nls/pt-pt/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Tamanho da letra",
   "FONT_FAMILY": "Família da letra",
   "FONT_LINE_HEIGHT": "Altura da linha",
+  "SCROLL_SENSITIVITY": "Sensibilidade de Deslocamento",
   "THEMES_SETTINGS": "Definições de temas",
   "THEMES_ERROR": "Erro de temas",
   "THEMES_ERROR_CANNOT_APPLY": "Não foi possível aplicar o tema devido a um erro.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Definições específicas do caminho",
   "DESCRIPTION_PROXY": "O URL do servidor proxy usado para a instalação de extensões",
   "DESCRIPTION_SCROLL_PAST_END": "`true` para ativar a deslocação para além do final do documento",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicador para a velocidade de deslocamento da roda do rato (0,1 a 10, predefinição 1). Ajuste se o deslocamento parecer demasiado lento ou rápido.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` para desativar todas as sugestões de código",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Mantém o cursor piscando visível quando tem uma seleção de texto",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` para mostrar os números de linha numa \"margem\" à esquerda do código",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "SCROLL_SENSITIVITY": "Sensibilidade de Deslocamento",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicador para a velocidade de deslocamento da roda do rato (0,1 a 10, predefinição 1). Ajuste se o deslocamento parecer demasiado lento ou rápido."
+  "DEVICE_SIZE_LIMIT_TITLE": "Limite de Pré-visualizações Responsivas Atingido",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "As contas gratuitas têm um número limitado de pré-visualizações responsivas por dia. Atualize para o Phoenix Pro para obter pré-visualizações responsivas ilimitadas em todos os tamanhos de dispositivo.",
+  "CMD_CANCEL_TRIAL": "Cancelar Período de Avaliação do Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Cancelar o período de avaliação do {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Restam-lhe {0} dias no seu período de avaliação do Phoenix Pro. O cancelamento não pode ser revertido. Tem a certeza de que quer terminar o seu período de avaliação?",
+  "CANCEL_TRIAL_STOP_BTN": "Terminar Período de Avaliação"
 });
\ No newline at end of file
diff --git a/src/nls/ro/lastTranslated.json b/src/nls/ro/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/ro/lastTranslated.json
+++ b/src/nls/ro/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/ro/strings.js b/src/nls/ro/strings.js
index fc9849ec8..70cabe003 100644
--- a/src/nls/ro/strings.js
+++ b/src/nls/ro/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Mărimea fontului",
   "FONT_FAMILY": "Familia fontului",
   "FONT_LINE_HEIGHT": "Înălțimea liniei",
+  "SCROLL_SENSITIVITY": "Sensibilitate derulare",
   "THEMES_SETTINGS": "Setările temei",
   "THEMES_ERROR": "Eroare teme",
   "THEMES_ERROR_CANNOT_APPLY": "Nu s-a putut aplica tema din cauza unei erori.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Setări specifice căii.",
   "DESCRIPTION_PROXY": "URL-ul serverului proxy utilizat pentru instalarea extensiilor.",
   "DESCRIPTION_SCROLL_PAST_END": "`true` pentru a activa derularea dincolo de sfârșitul documentului.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicator pentru viteza de derulare a rotiței mouse-ului (de la 0,1 la 10, implicit 1). Ajustați dacă derularea pare prea lentă sau prea rapidă.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` pentru a dezactiva toate sugestiile de cod",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Păstrează cursorul intermitent vizibil atunci când aveți o selecție de text",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` pentru a afișa numerele de linie într-un „chenar” în stânga codului",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Reîncepe",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carduri",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters",
-  "SCROLL_SENSITIVITY": "Sensibilitate derulare",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplicator pentru viteza de derulare a rotiței mouse-ului (de la 0,1 la 10, implicit 1). Ajustați dacă derularea pare prea lentă sau prea rapidă."
+  "DEVICE_SIZE_LIMIT_TITLE": "Limitǎ de previzualizări responsive atinsă",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Conturile gratuite beneficiază de câteva previzualizări responsive pe zi. Faceți upgrade la Phoenix Pro pentru previzualizări responsive nelimitate pe toate dimensiunile de dispozitive.",
+  "CMD_CANCEL_TRIAL": "Anulați perioada de probă Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Anulați perioada de probă {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Mai aveți {0} zile rămase din perioada de probă Phoenix Pro. Anularea nu poate fi revocată. Sunteți sigur că doriți să opriți perioada de probă?",
+  "CANCEL_TRIAL_STOP_BTN": "Opriți proba"
 });
\ No newline at end of file
diff --git a/src/nls/ru/lastTranslated.json b/src/nls/ru/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/ru/lastTranslated.json
+++ b/src/nls/ru/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/ru/strings.js b/src/nls/ru/strings.js
index 6df8dc5e5..a7bbe454d 100644
--- a/src/nls/ru/strings.js
+++ b/src/nls/ru/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Размер шрифта",
   "FONT_FAMILY": "Семейство шрифтов",
   "FONT_LINE_HEIGHT": "Высота строки",
+  "SCROLL_SENSITIVITY": "Чувствительность прокрутки",
   "THEMES_SETTINGS": "Настройки тем",
   "THEMES_ERROR": "Ошибка тем",
   "THEMES_ERROR_CANNOT_APPLY": "Не удалось применить тему из-за ошибки.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Настройки, специфичные для пути.",
   "DESCRIPTION_PROXY": "URL прокси-сервера, используемого для установки расширений.",
   "DESCRIPTION_SCROLL_PAST_END": "`true` для включения прокрутки за пределы конца документа.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Множитель скорости прокрутки колесом мыши (от 0,1 до 10, по умолчанию 1). Настройте, если прокрутка кажется слишком медленной или быстрой.",
   "DESCRIPTION_SHOW_CODE_HINTS": "Значение `false` отключает все подсказки кода",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Курсор остается видимым при выделении текста",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "Значение `true` отображает номера строк слева от кода",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Начать заново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карточки",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено",
-  "SCROLL_SENSITIVITY": "Чувствительность прокрутки",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Множитель скорости прокрутки колесом мыши (от 0,1 до 10, по умолчанию 1). Настройте, если прокрутка кажется слишком медленной или быстрой."
+  "DEVICE_SIZE_LIMIT_TITLE": "Достигнут лимит адаптивных предпросмотров",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "На бесплатных аккаунтах доступно несколько адаптивных предпросмотров в день. Перейдите на Phoenix Pro, чтобы получить неограниченный доступ к адаптивным предпросмотрам для всех размеров устройств.",
+  "CMD_CANCEL_TRIAL": "Отменить пробную версию Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Отменить пробную версию {0}?",
+  "CANCEL_TRIAL_MESSAGE": "У вас осталось {0} дней пробного периода Phoenix Pro. Это действие нельзя будет отменить. Вы уверены, что хотите прекратить пробный период?",
+  "CANCEL_TRIAL_STOP_BTN": "Прекратить пробную версию"
 });
\ No newline at end of file
diff --git a/src/nls/sk/lastTranslated.json b/src/nls/sk/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/sk/lastTranslated.json
+++ b/src/nls/sk/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/sk/strings.js b/src/nls/sk/strings.js
index 48a05eba9..dcb76dee6 100644
--- a/src/nls/sk/strings.js
+++ b/src/nls/sk/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Veľkosť písma",
   "FONT_FAMILY": "Rodina písma",
   "FONT_LINE_HEIGHT": "Výška riadku",
+  "SCROLL_SENSITIVITY": "Citlivosť posúvania",
   "THEMES_SETTINGS": "Nastavenia tém",
   "THEMES_ERROR": "Chyba tém",
   "THEMES_ERROR_CANNOT_APPLY": "Nepodarilo sa použiť tému z dôvodu chyby.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Nastavenia špecifické pre cestu.",
   "DESCRIPTION_PROXY": "URL adresa proxy servera použitého na inštaláciu rozšírenia.",
   "DESCRIPTION_SCROLL_PAST_END": "Pravda pre povolenie posúvania za koniec dokumentu.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Násobok rýchlosti posúvania kolieskom myši (0,1 až 10, predvolené 1). Upravte, ak sa vám posúvanie zdá príliš pomalé alebo rýchle.",
   "DESCRIPTION_SHOW_CODE_HINTS": "Hodnota `false` zakáže všetky tipy kódu",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Udržuje blikajúci kurzor viditeľný, aj keď máte vybratý text",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "Hodnota `true` zobrazí čísla riadkov v ľavom okraji editora kódu",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začať znova",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karty",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 odstránené",
-  "SCROLL_SENSITIVITY": "Citlivosť posúvania",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Násobok rýchlosti posúvania kolieskom myši (0,1 až 10, predvolené 1). Upravte, ak sa vám posúvanie zdá príliš pomalé alebo rýchle."
+  "DEVICE_SIZE_LIMIT_TITLE": "Dosiahnutý limit responzívnych náhľadov",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezplatné účty majú k dispozícii niekoľko responzívnych náhľadov denne. Prejdite na Phoenix Pro a získajte neobmedzené responzívne náhľady na všetkých veľkostiach zariadení.",
+  "CMD_CANCEL_TRIAL": "Zrušiť skúšobnú verziu Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Zrušiť skúšobnú verziu {0}?",
+  "CANCEL_TRIAL_MESSAGE": "V skúšobnej verzii Phoenix Pro vám zostáva {0} dní. Zrušenie nie je možné vrátiť späť. Naozaj chcete ukončiť skúšobnú verziu?",
+  "CANCEL_TRIAL_STOP_BTN": "Ukončiť skúšobnú verziu"
 });
\ No newline at end of file
diff --git a/src/nls/sr/lastTranslated.json b/src/nls/sr/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/sr/lastTranslated.json
+++ b/src/nls/sr/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/sr/strings.js b/src/nls/sr/strings.js
index 6541a2039..5193a8da0 100644
--- a/src/nls/sr/strings.js
+++ b/src/nls/sr/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Величина фонта",
   "FONT_FAMILY": "Породица фонта",
   "FONT_LINE_HEIGHT": "Висина линије",
+  "SCROLL_SENSITIVITY": "Осетљивост скроловања",
   "THEMES_SETTINGS": "Подешавања теме",
   "THEMES_ERROR": "Грешка тема",
   "THEMES_ERROR_CANNOT_APPLY": "Тема није могла бити примењена због грешке.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Подешавања специфична за путању",
   "DESCRIPTION_PROXY": "URL прокси сервера који се користи за инсталацију екстензија",
   "DESCRIPTION_SCROLL_PAST_END": "true за омогућавање померања ван краја документа",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Множилац за брзину скроловања точкићем миша (од 0,1 до 10, подразумевано 1). Подесите ако вам се чини да је скроловање преспоро или пребрзо.",
   "DESCRIPTION_SHOW_CODE_HINTS": "Унесите `false` да бисте онемогућили све сугестије кода",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Одржава курсор видљивим када је текст селектован",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "Унесите `true` да бисте приказали бројеве редова у левом делу уређивача кода",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почни поново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 картице",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано",
-  "SCROLL_SENSITIVITY": "Осетљивост скроловања",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Множилац за брзину скроловања точкићем миша (од 0,1 до 10, подразумевано 1). Подесите ако вам се чини да је скроловање преспоро или пребрзо."
+  "DEVICE_SIZE_LIMIT_TITLE": "Достигнуто је ограничење за респонзивни преглед",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Бесплатни налози добијају неколико респонзивних прегледа дневно. Надоградите на Phoenix Pro за неограничене респонзивне прегледе на свим величинама уређаја.",
+  "CMD_CANCEL_TRIAL": "Откажи Phoenix Pro пробни период",
+  "CANCEL_TRIAL_TITLE": "Откажи {0} пробни период?",
+  "CANCEL_TRIAL_MESSAGE": "Преостало вам је {0} дана у пробном периоду за Phoenix Pro. Отказивање се не може опозвати. Да ли сте сигурни да желите да прекинете пробни период?",
+  "CANCEL_TRIAL_STOP_BTN": "Прекини пробни период"
 });
\ No newline at end of file
diff --git a/src/nls/sv/lastTranslated.json b/src/nls/sv/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/sv/lastTranslated.json
+++ b/src/nls/sv/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/sv/strings.js b/src/nls/sv/strings.js
index c68cbd52d..073447b85 100644
--- a/src/nls/sv/strings.js
+++ b/src/nls/sv/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Teckenstorlek",
   "FONT_FAMILY": "Typsnitt",
   "FONT_LINE_HEIGHT": "Radhöjd",
+  "SCROLL_SENSITIVITY": "Scrollkänslighet",
   "THEMES_SETTINGS": "Temainställningar",
   "THEMES_ERROR": "Temafel",
   "THEMES_ERROR_CANNOT_APPLY": "Kunde inte tillämpa temat på grund av ett fel.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Vägspecifika inställningar",
   "DESCRIPTION_PROXY": "URL:en för proxyservern som används för installation av tillägg",
   "DESCRIPTION_SCROLL_PAST_END": "true för att aktivera scrollning bortom slutet av dokumentet",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplikator för mushjulets scrollhastighet (0,1 till 10, standard 1). Justera om scrollningen känns för långsam eller snabb.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` för att inaktivera alla kodförslag",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Håller den blinkande markören synlig när du har en textmarkering",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` för att visa radnummer i en \"ränna\" till vänster om koden",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Börja om",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat",
-  "SCROLL_SENSITIVITY": "Scrollkänslighet",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Multiplikator för mushjulets scrollhastighet (0,1 till 10, standard 1). Justera om scrollningen känns för långsam eller snabb."
+  "DEVICE_SIZE_LIMIT_TITLE": "Gräns för responsiv förhandsgranskning uppnådd",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratiskonton får ett fåtal responsiva förhandsgranskningar per dag. Uppgradera till Phoenix Pro för obegränsade responsiva förhandsgranskningar för alla enhetsstorlekar.",
+  "CMD_CANCEL_TRIAL": "Avbryt Phoenix Pro-provperiod",
+  "CANCEL_TRIAL_TITLE": "Avbryta {0}-provperiod?",
+  "CANCEL_TRIAL_MESSAGE": "Du har {0} dagar kvar av din Phoenix Pro-provperiod. Avbrytandet kan inte ångras. Är du säker på att du vill avsluta din provperiod?",
+  "CANCEL_TRIAL_STOP_BTN": "Avsluta provperiod"
 });
\ No newline at end of file
diff --git a/src/nls/tr/lastTranslated.json b/src/nls/tr/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/tr/lastTranslated.json
+++ b/src/nls/tr/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/tr/strings.js b/src/nls/tr/strings.js
index 59b35ed46..c5d88ce3e 100644
--- a/src/nls/tr/strings.js
+++ b/src/nls/tr/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Yazı Tipi Boyutu",
   "FONT_FAMILY": "Yazı Tipi Ailesi",
   "FONT_LINE_HEIGHT": "Satır Yüksekliği",
+  "SCROLL_SENSITIVITY": "Kaydırma Hassasiyeti",
   "THEMES_SETTINGS": "Tema Ayarları",
   "THEMES_ERROR": "Tema Hatası",
   "THEMES_ERROR_CANNOT_APPLY": "Bir hata nedeniyle tema uygulanamadı.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Yola özgü ayarlar",
   "DESCRIPTION_PROXY": "Eklenti kurulumu için kullanılan vekil sunucusunun URL'si",
   "DESCRIPTION_SCROLL_PAST_END": "Belgenin sonunun ötesine kaydırmayı etkinleştirmek için `true`",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Fare tekerleği kaydırma hızı için çarpan (0,1 ila 10, varsayılan 1). Kaydırma çok yavaş veya hızlı geliyorsa ayarlayın.",
   "DESCRIPTION_SHOW_CODE_HINTS": "Tüm kod ipuçlarını devre dışı bırakmak için \"false\"",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Metin seçiliyken yanıp sönen imleci görünür tutar",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "Kodun sol tarafında bir “olukta” satır numaralarını göstermek için \"true\"",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Yeniden Başla",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 silindi",
-  "SCROLL_SENSITIVITY": "Kaydırma Hassasiyeti",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Fare tekerleği kaydırma hızı için çarpan (0,1 ila 10, varsayılan 1). Kaydırma çok yavaş veya hızlı geliyorsa ayarlayın."
+  "DEVICE_SIZE_LIMIT_TITLE": "Duyarlı Önizleme Sınırına Ulaşıldı",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Ücretsiz hesaplar günde birkaç duyarlı önizleme hakkı elde eder. Tüm cihaz boyutlarında sınırsız duyarlı önizleme için Phoenix Pro'ya yükseltin.",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro Denemesini İptal Et",
+  "CANCEL_TRIAL_TITLE": "{0} Denemesi İptal Edilsin mi?",
+  "CANCEL_TRIAL_MESSAGE": "Phoenix Pro denemenizin bitmesine {0} gün kaldı. İptal etme işlemi geri alınamaz. Denemenizi sonlandırmak istediğinizden emin misiniz?",
+  "CANCEL_TRIAL_STOP_BTN": "Denemeyi Sonlandır"
 });
\ No newline at end of file
diff --git a/src/nls/uk/lastTranslated.json b/src/nls/uk/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/uk/lastTranslated.json
+++ b/src/nls/uk/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/uk/strings.js b/src/nls/uk/strings.js
index f1a6ffc19..270ea77f6 100644
--- a/src/nls/uk/strings.js
+++ b/src/nls/uk/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "Розмір шрифту",
   "FONT_FAMILY": "Сімейство шрифтів",
   "FONT_LINE_HEIGHT": "Висота рядка",
+  "SCROLL_SENSITIVITY": "Чутливість прокручування",
   "THEMES_SETTINGS": "Налаштування тем",
   "THEMES_ERROR": "Помилка тем",
   "THEMES_ERROR_CANNOT_APPLY": "Не вдалося застосувати тему через помилку.",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "Налаштування, специфічні для шляху.",
   "DESCRIPTION_PROXY": "URL-адреса проксі-сервера, що використовується для встановлення розширень.",
   "DESCRIPTION_SCROLL_PAST_END": "`true` для увімкнення прокручування за межі кінця документа.",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Множник швидкості прокручування коліщатка миші (від 0,1 до 10, за замовчуванням 1). Налаштуйте, якщо прокручування здається занадто повільним або швидким.",
   "DESCRIPTION_SHOW_CODE_HINTS": "`false` – вимкнути всі підказки коду",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "Залишає курсор, що блимає, видимим, коли у вас є виділений текст",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "`true` – показувати номери рядків у «жолобі» ліворуч від коду",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почати знову",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карток",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 видалено",
-  "SCROLL_SENSITIVITY": "Чутливість прокручування",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "Множник швидкості прокручування коліщатка миші (від 0,1 до 10, за замовчуванням 1). Налаштуйте, якщо прокручування здається занадто повільним або швидким."
+  "DEVICE_SIZE_LIMIT_TITLE": "Досягнуто ліміту адаптивних переглядів",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "На безкоштовних акаунтах доступно кілька адаптивних переглядів на день. Перейдіть на Phoenix Pro, щоб отримати необмежену кількість адаптивних переглядів для всіх розмірів пристроїв.",
+  "CMD_CANCEL_TRIAL": "Скасувати пробний період Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Скасувати пробний період {0}?",
+  "CANCEL_TRIAL_MESSAGE": "У вашому пробному періоді Phoenix Pro залишилося {0} днів. Скасування є незворотним. Ви впевнені, що хочете припинити пробний період?",
+  "CANCEL_TRIAL_STOP_BTN": "Припинити пробний період"
 });
\ No newline at end of file
diff --git a/src/nls/ur/lastTranslated.json b/src/nls/ur/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/ur/lastTranslated.json
+++ b/src/nls/ur/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/ur/strings.js b/src/nls/ur/strings.js
index e89c15aeb..83836407d 100644
--- a/src/nls/ur/strings.js
+++ b/src/nls/ur/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "فونٹ سائز",
   "FONT_FAMILY": "فونٹ فیملی",
   "FONT_LINE_HEIGHT": "لائن کی اونچائی",
+  "SCROLL_SENSITIVITY": "اسکرول حساسیت",
   "THEMES_SETTINGS": "تھیمز کی ترتیبات",
   "THEMES_ERROR": "تھیمز میں خرابی",
   "THEMES_ERROR_CANNOT_APPLY": "کسی خرابی کی وجہ سے تھیم لاگو نہیں ہو سکی۔",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "راستے کی مخصوص ترتیبات",
   "DESCRIPTION_PROXY": "ایکسٹینشن انسٹالیشن کے لیے استعمال ہونے والے پراکسی سرور کا یو آر ایل",
   "DESCRIPTION_SCROLL_PAST_END": "دستاویز کے اختتام سے آگے سکرولنگ کو فعال کرنے کے لیے 'صحیح'",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "ماؤس وہیل کی اسکرول رفتار کا ملٹی پلائر (0.1 سے 10 تک، ڈیفالٹ 1)۔ اگر اسکرولنگ بہت سست یا تیز محسوس ہو تو ایڈجسٹ کریں۔",
   "DESCRIPTION_SHOW_CODE_HINTS": "تمام کوڈ اشارے غیر فعال کرنے کیلئے غلط",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "جب آپ ٹیکسٹ منتخب کرتے ہیں تو پلک کرتا ہوا کرسر نظر آتا رہتا ہے",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "کوڈ کے بائیں جانب \"گٹر\" میں لائن نمبرز دکھانے کیلئے درست",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "دوبارہ شروع کریں",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 کارڈز",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 حذف شدہ",
-  "SCROLL_SENSITIVITY": "اسکرول حساسیت",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "ماؤس وہیل کی اسکرول رفتار کا ملٹی پلائر (0.1 سے 10 تک، ڈیفالٹ 1)۔ اگر اسکرولنگ بہت سست یا تیز محسوس ہو تو ایڈجسٹ کریں۔"
+  "DEVICE_SIZE_LIMIT_TITLE": "رسپانسیو پریویو کی حد پوری ہو گئی",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "مفت اکاؤنٹس کو روزانہ چند رسپانسیو پریویوز ملتے ہیں۔ تمام ڈیوائس سائزز پر لامحدود رسپانسیو پریویوز کے لیے Phoenix Pro پر اپ گریڈ کریں۔",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro ٹرائل منسوخ کریں",
+  "CANCEL_TRIAL_TITLE": "{0} ٹرائل منسوخ کریں؟",
+  "CANCEL_TRIAL_MESSAGE": "آپ کے Phoenix Pro ٹرائل میں {0} دن باقی ہیں۔ منسوخی کو واپس نہیں لیا جا سکتا۔ کیا آپ واقعی اپنا ٹرائل روکنا چاہتے ہیں؟",
+  "CANCEL_TRIAL_STOP_BTN": "ٹرائل روکیں"
 });
\ No newline at end of file
diff --git a/src/nls/zh-cn/lastTranslated.json b/src/nls/zh-cn/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/zh-cn/lastTranslated.json
+++ b/src/nls/zh-cn/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/zh-cn/strings.js b/src/nls/zh-cn/strings.js
index 9b0a241e9..cf7d00e8c 100644
--- a/src/nls/zh-cn/strings.js
+++ b/src/nls/zh-cn/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "字号",
   "FONT_FAMILY": "字体",
   "FONT_LINE_HEIGHT": "行高",
+  "SCROLL_SENSITIVITY": "滚动灵敏度",
   "THEMES_SETTINGS": "主题设置",
   "THEMES_ERROR": "主题错误",
   "THEMES_ERROR_CANNOT_APPLY": "由于发生错误，无法应用主题。",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "路径特定设置",
   "DESCRIPTION_PROXY": "扩展安装所用的代理服务器 URL",
   "DESCRIPTION_SCROLL_PAST_END": "值为真时，允许滚动超出文档末尾",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "鼠标滚轮滚动速度倍率（0.1 到 10，默认为 1）。如果滚动过慢或过快，可调整此项。",
   "DESCRIPTION_SHOW_CODE_HINTS": "值为假时，关闭所有代码提示",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "有文字选区时保持光标闪烁",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "值为真时，在代码左侧显示行号",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新开始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 张卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已删除",
-  "SCROLL_SENSITIVITY": "滚动灵敏度",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "鼠标滚轮滚动速度倍率（0.1 到 10，默认为 1）。如果滚动过慢或过快，可调整此项。"
+  "DEVICE_SIZE_LIMIT_TITLE": "响应式预览次数已达上限",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "免费帐户每天可进行有限次数的响应式预览。升级到 Phoenix Pro 即可在所有设备尺寸上享受无限制的响应式预览。",
+  "CMD_CANCEL_TRIAL": "取消 Phoenix Pro 试用",
+  "CANCEL_TRIAL_TITLE": "取消 {0} 试用？",
+  "CANCEL_TRIAL_MESSAGE": "您的 Phoenix Pro 试用还剩 {0} 天。取消后将无法撤销。您确定要停止试用吗？",
+  "CANCEL_TRIAL_STOP_BTN": "停止试用"
 });
\ No newline at end of file
diff --git a/src/nls/zh-tw/lastTranslated.json b/src/nls/zh-tw/lastTranslated.json
index ed6ad7512..32185ea01 100644
--- a/src/nls/zh-tw/lastTranslated.json
+++ b/src/nls/zh-tw/lastTranslated.json
@@ -96,6 +96,9 @@
   "CANCEL": "Cancel",
   "CANCELING_HUNG": "Canceling the install is taking a long time. An internal error may have occurred.",
   "CANCELING_INSTALL": "Canceling…",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
   "CANNOT_DOWNLOAD_TITLE": "Cannot Download {0}",
   "CANNOT_DUPLICATE_TITLE": "Cannot Duplicate",
   "CANNOT_FIX_MESSAGE": "The document has been modified since the fix was prepared. Please try again.",
@@ -152,6 +155,7 @@
   "CMD_BEAUTIFY_CODE_ON_SAVE": "Beautify Code After Save",
   "CMD_BLOCK_COMMENT": "Toggle Block Comment",
   "CMD_BUILD_TESTS": "Build Editor Tests",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
   "CMD_CHECK_FOR_UPDATE": "Check for Updates…",
   "CMD_CLOSE_UNMODIFIED": "Close Unmodified Files",
   "CMD_COMMENT": "Toggle Line Comment",
@@ -674,6 +678,8 @@
   "DETECTED_EXCLUSION_INFO": "{APP_NAME} ran into trouble processing <span class='dialog-filename'>{0}</span>.<br><br>This file will no longer be processed for code hints, Jump to Definition or Quick Edit. To re-enable this file, open <code>.phcode.json</code> in your project and edit <code>jscodehints.detectedExclusions</code>.<br><br>This is likely a {APP_NAME} bug. If you can provide a copy of this file, please <a href='https://github.com/adobe/brackets/wiki/How-to-Report-an-Issue'>file a bug</a> with a link to the file named here.",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
   "DEVELOPMENT_BUILD": "development build",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
   "DIALOG_CHECKOUT": "When checking out a commit, the repo will go into a DETACHED HEAD state. You can't make any commits unless you create a branch based on this.",
   "DIALOG_PULL_TITLE": "Pull from remote",
   "DIALOG_PUSH_TITLE": "Push to remote",
diff --git a/src/nls/zh-tw/strings.js b/src/nls/zh-tw/strings.js
index 4dfe95c56..52fffa2ac 100644
--- a/src/nls/zh-tw/strings.js
+++ b/src/nls/zh-tw/strings.js
@@ -657,6 +657,7 @@ define({
   "FONT_SIZE": "字體大小",
   "FONT_FAMILY": "字體",
   "FONT_LINE_HEIGHT": "行高",
+  "SCROLL_SENSITIVITY": "捲動靈敏度",
   "THEMES_SETTINGS": "佈景主題設定",
   "THEMES_ERROR": "佈景主題錯誤",
   "THEMES_ERROR_CANNOT_APPLY": "因發生錯誤，無法套用佈景主題。",
@@ -953,6 +954,7 @@ define({
   "DESCRIPTION_PATH": "路徑相關設定",
   "DESCRIPTION_PROXY": "用來安裝擴充功能的 Proxy 伺服器 URL",
   "DESCRIPTION_SCROLL_PAST_END": "true 代表允許捲動到檔案結尾之後",
+  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "滑鼠滾輪捲動速度倍率 (0.1 至 10，預設值為 1)。若您覺得捲動速度過慢或過快，可調整此數值。",
   "DESCRIPTION_SHOW_CODE_HINTS": "false 代表停用所有的程式碼提示",
   "DESCRIPTION_SHOW_CURSOR_WHEN_SELECTING": "選取文字時還是要顯示閃動的游標",
   "DESCRIPTION_SHOW_LINE_NUMBERS": "true 代表在程式碼左方「邊欄」中顯示行號",
@@ -1664,6 +1666,10 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新開始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 張卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已刪除",
-  "SCROLL_SENSITIVITY": "捲動靈敏度",
-  "DESCRIPTION_MOUSE_WHEEL_SCROLL_SENSITIVITY": "滑鼠滾輪捲動速度倍率 (0.1 至 10，預設值為 1)。若您覺得捲動速度過慢或過快，可調整此數值。"
+  "DEVICE_SIZE_LIMIT_TITLE": "響應式預覽次數已達上限",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "免費帳號每日的響應式預覽次數有限。升級至 Phoenix Pro，即可在所有裝置尺寸上無限次使用響應式預覽。",
+  "CMD_CANCEL_TRIAL": "取消 Phoenix Pro 試用",
+  "CANCEL_TRIAL_TITLE": "要取消 {0} 試用嗎？",
+  "CANCEL_TRIAL_MESSAGE": "您的 Phoenix Pro 試用期還剩下 {0} 天。取消後將無法復原。您確定要中止試用嗎？",
+  "CANCEL_TRIAL_STOP_BTN": "中止試用"
 });
\ No newline at end of file

From 8c6c54e6dbffb1fa99276b17011f8c0b09d09b23 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 12 Feb 2026 10:34:53 +0530
Subject: [PATCH 12/35] fix: race condition in _loadPreview causing stale
 iframe overwrites

_togglePinUrl() calls _loadPreview(true) without awaiting it, so
multiple concurrent _loadPreview calls can interleave. When the
earlier call's getPreviewDetails() involves slow async I/O (e.g.
FileSystem.existsAsync for SVG files on Chrome's virtual filesystem),
a newer _loadPreview call can complete first and set the correct
iframe URL. The older call then resumes with stale previewDetails and
overwrites the iframe, breaking the live preview.

Add a generation counter so that after the await, a _loadPreview call
detects if a newer call was initiated and bails out, preventing stale
results from clobbering the current preview state.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/extensionsIntegrated/Phoenix-live-preview/main.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/extensionsIntegrated/Phoenix-live-preview/main.js b/src/extensionsIntegrated/Phoenix-live-preview/main.js
index b28c84eaa..1c393d0ef 100644
--- a/src/extensionsIntegrated/Phoenix-live-preview/main.js
+++ b/src/extensionsIntegrated/Phoenix-live-preview/main.js
@@ -545,7 +545,8 @@ define(function (require, exports, module) {
     let panel,
         urlPinned,
         currentLivePreviewURL = "",
-        currentPreviewFile = '';
+        currentPreviewFile = '',
+        _loadGeneration = 0;
 
     function _blankIframe() {
         // we have to remove the dom node altog as at time chrome fails to clear workers if we just change
@@ -795,8 +796,12 @@ define(function (require, exports, module) {
         if(!isPreviewLoadable){
             return;
         }
+        const thisGeneration = ++_loadGeneration;
         // panel-live-preview-title
         let previewDetails = await StaticServer.getPreviewDetails();
+        if(thisGeneration !== _loadGeneration) {
+            return; // A newer _loadPreview call has been made; this one is stale
+        }
         if(urlPinned && !force) {
             return;
         }

From e11215839c33d4a7346ab574b4927b8c8919130c Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 12 Feb 2026 11:13:01 +0530
Subject: [PATCH 13/35] fix: intermittent JSON parse error in KeybindingManager
 integ test on Mac Tauri

On Tauri/macOS, native file writes truncate before writing new content.
When awaitsFor polls read the keybinding JSON file between truncation
and write completion, JSON.parse fails on empty/partial content. Since
awaitsFor immediately rejects on any exception rather than retrying,
a single partial read kills the test.

Wrap all 6 JSON.parse(await _readKeyboardJson(...)) calls in try-catch
blocks so parse errors on mid-write reads return false, allowing
awaitsFor to retry on the next poll cycle instead of failing the test.
---
 test/spec/KeybindingManager-integ-test.js | 50 +++++++++++++++++------
 1 file changed, 38 insertions(+), 12 deletions(-)

diff --git a/test/spec/KeybindingManager-integ-test.js b/test/spec/KeybindingManager-integ-test.js
index 64061cc39..e637c0883 100644
--- a/test/spec/KeybindingManager-integ-test.js
+++ b/test/spec/KeybindingManager-integ-test.js
@@ -98,8 +98,12 @@ define(function (require, exports, module) {
             await _writeKeyboardJson(KeyBindingManager._getUserKeyMapFilePath());
             await KeyBindingManager._loadUserKeyMapImmediate();
             await awaitsFor(async ()=>{
-                const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
-                return Object.keys(textJson.overrides).length === 0;
+                try {
+                    const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
+                    return Object.keys(textJson.overrides).length === 0;
+                } catch (e) {
+                    return false; // file may be mid-write; retry on next poll
+                }
             }, "reset user shortcuts");
             await awaitsFor(()=>{
                 const binding = KeyBindingManager.getKeyBindings(Commands.EDIT_BEAUTIFY_CODE);
@@ -203,8 +207,12 @@ define(function (require, exports, module) {
             testWindow.$(".change-shortcut-dialog .Remove").click();
             let existingBinding = KeyBindingManager.getKeyBindings(Commands.EDIT_BEAUTIFY_CODE);
             await awaitsFor(async ()=>{
-                const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
-                return textJson.overrides[existingBinding[0].key] === null;
+                try {
+                    const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
+                    return textJson.overrides[existingBinding[0].key] === null;
+                } catch (e) {
+                    return false; // file may be mid-write; retry on next poll
+                }
             }, "command to be removed");
         });
 
@@ -212,8 +220,12 @@ define(function (require, exports, module) {
             await editShortcut(Commands.EDIT_BEAUTIFY_CODE);
             keyboardType('F6');
             await awaitsFor(async ()=>{
-                const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
-                return textJson.overrides['F6'] === Commands.EDIT_BEAUTIFY_CODE;
+                try {
+                    const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
+                    return textJson.overrides['F6'] === Commands.EDIT_BEAUTIFY_CODE;
+                } catch (e) {
+                    return false; // file may be mid-write; retry on next poll
+                }
             }, "F6 to be assigned");
         });
 
@@ -221,8 +233,12 @@ define(function (require, exports, module) {
             await editShortcut(Commands.EDIT_BEAUTIFY_CODE);
             keyboardType('Shift-F6');
             await awaitsFor(async ()=>{
-                const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
-                return textJson.overrides['Shift-F6'] === Commands.EDIT_BEAUTIFY_CODE;
+                try {
+                    const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
+                    return textJson.overrides['Shift-F6'] === Commands.EDIT_BEAUTIFY_CODE;
+                } catch (e) {
+                    return false; // file may be mid-write; retry on next poll
+                }
             }, "Shift-F6 to be assigned");
         });
 
@@ -246,8 +262,12 @@ define(function (require, exports, module) {
             expect(testWindow.$(".change-shortcut-dialog .Assign").is(":visible")).toBeTrue();
             testWindow.$(".change-shortcut-dialog .Assign").click();
             await awaitsFor(async ()=>{
-                const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
-                return textJson.overrides['F1'] === Commands.EDIT_BEAUTIFY_CODE;
+                try {
+                    const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
+                    return textJson.overrides['F1'] === Commands.EDIT_BEAUTIFY_CODE;
+                } catch (e) {
+                    return false; // file may be mid-write; retry on next poll
+                }
             }, "F1 to be assigned");
         });
 
@@ -262,8 +282,14 @@ define(function (require, exports, module) {
             expect(testWindow.$(".change-shortcut-dialog .Assign").is(":visible")).toBeTrue();
             testWindow.$(".change-shortcut-dialog .Cancel").click();
             await awaits(200);
-            const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
-            expect(textJson.overrides).toEql({});
+            await awaitsFor(async ()=>{
+                try {
+                    const textJson = JSON.parse(await _readKeyboardJson(KeyBindingManager._getUserKeyMapFilePath()));
+                    return Object.keys(textJson.overrides).length === 0;
+                } catch (e) {
+                    return false; // file may be mid-write; retry on next poll
+                }
+            }, "overrides to be empty");
             expect(testWindow.$(".change-shortcut-dialog").is(":visible")).toBeFalse();
         });
 

From c7b47e1dc55977355e44f6eb4e9bda32b8b7c27b Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 12 Feb 2026 11:41:32 +0530
Subject: [PATCH 14/35] chore: claude config

---
 CLAUDE.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 CLAUDE.md

diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 000000000..e21e6386b
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,13 @@
+# Claude Code Instructions
+
+## Git Commits
+- Use Conventional Commits format: `type(scope): description` (e.g. `fix: ...`, `feat: ...`, `chore: ...`).
+- Keep commit subject lines concise; use the body for detail.
+- Never include `Co-Authored-By` lines in commit messages.
+
+## Code Style
+- 4-space indentation, never tabs.
+- Always use semicolons.
+- Brace style: (`if (x) {`), single-line blocks allowed.
+- Always use curly braces for `if`/`else`/`for`/`while`.
+- No trailing whitespace.

From c408c2155c344f132f2c62b503fa671629dd595e Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Fri, 13 Feb 2026 11:47:24 +0530
Subject: [PATCH 15/35] feat: screenshot api and tests

---
 src/index.html                    |   2 +-
 src/phoenix/shell.js              |  57 +++++++++++
 test/spec/Native-platform-test.js | 156 ++++++++++++++++++++++++++++++
 3 files changed, 214 insertions(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index 11b78711d..5c7e665e0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -27,7 +27,7 @@
     <meta charset="utf-8">
     <meta http-equiv="Content-Security-Policy"
           content="default-src 'self' 'unsafe-inline' 'unsafe-eval' data: asset: https://asset.localhost localhost:* ws://localhost:* ws://127.0.0.1:* https://storage.googleapis.com https://platform.twitter.com https://buttons.github.io https://unpkg.com/@aicore/ https://www.googletagmanager.com;
-           img-src * data: localhost:* asset: https://asset.localhost ;
+           img-src * data: blob: localhost:* asset: https://asset.localhost ;
            media-src * data: localhost:* asset: https://asset.localhost ;
            font-src * data: localhost:* asset: https://asset.localhost ;
            frame-src * localhost:* asset: https://asset.localhost ;
diff --git a/src/phoenix/shell.js b/src/phoenix/shell.js
index c9e3b4ed0..66f04e8e0 100644
--- a/src/phoenix/shell.js
+++ b/src/phoenix/shell.js
@@ -147,6 +147,41 @@ Phoenix.libs = {
 // global API is only usable/stable after App init
 Phoenix.globalAPI = {};
 
+async function _capturePageBinary(rect) {
+    if (!Phoenix.isNativeApp) {
+        throw new Error("Screenshot capture is not supported in browsers");
+    }
+    if (rect !== undefined) {
+        if (rect.x === undefined || rect.y === undefined ||
+            rect.width === undefined || rect.height === undefined) {
+            throw new Error("rect must include all fields: x, y, width, height");
+        }
+        if (typeof rect.x !== 'number' || typeof rect.y !== 'number' ||
+            typeof rect.width !== 'number' || typeof rect.height !== 'number') {
+            throw new Error("rect fields x, y, width, height must be numbers");
+        }
+        if (rect.x < 0 || rect.y < 0 || rect.width < 0 || rect.height < 0) {
+            throw new Error("rect fields x, y, width, height must be non-negative");
+        }
+        if (rect.width <= 0 || rect.height <= 0) {
+            throw new Error("rect width and height must be greater than 0");
+        }
+        if (rect.x + rect.width > window.innerWidth) {
+            throw new Error("rect x + width exceeds window innerWidth");
+        }
+        if (rect.y + rect.height > window.innerHeight) {
+            throw new Error("rect y + height exceeds window innerHeight");
+        }
+    }
+    if (window.__TAURI__) {
+        const bytes = await window.__TAURI__.invoke('capture_page', { rect });
+        return new Uint8Array(bytes);
+    }
+    if (window.__ELECTRON__) {
+        return window.electronAPI.capturePage(rect);
+    }
+}
+
 Phoenix.app = {
     getNodeState: function (cbfn){
         cbfn(new Error('Node cannot be run in phoenix browser mode'));
@@ -794,6 +829,28 @@ Phoenix.app = {
             return window.electronAPI.onWindowEvent(eventName, callback);
         }
         return () => {}; // No-op for unsupported platforms
+    },
+    screenShotBinary: function (rect) {
+        return _capturePageBinary(rect);
+    },
+    screenShotToBlob: async function (rect) {
+        const bytes = await _capturePageBinary(rect);
+        return new Blob([bytes], { type: "image/png" });
+    },
+    screenShotToPNGFile: async function (filePathToSave, rect) {
+        if (!filePathToSave || typeof filePathToSave !== 'string') {
+            throw new Error("filePathToSave must be a non-empty string");
+        }
+        const bytes = await _capturePageBinary(rect);
+        return new Promise((resolve, reject) => {
+            fs.writeFile(filePathToSave, bytes.buffer, 'binary', (err) => {
+                if (err) {
+                    reject(err);
+                } else {
+                    resolve();
+                }
+            });
+        });
     }
 };
 
diff --git a/test/spec/Native-platform-test.js b/test/spec/Native-platform-test.js
index 0e4ca767c..297ff4b76 100644
--- a/test/spec/Native-platform-test.js
+++ b/test/spec/Native-platform-test.js
@@ -390,6 +390,162 @@ define(function (require, exports, module) {
             });
         });
 
+        describe("Screenshot Capture API Tests", function () {
+            const PNG_SIGNATURE = [137, 80, 78, 71, 13, 10, 26, 10]; // PNG magic bytes
+
+            function isPNG(bytes) {
+                if (bytes.length < 8) {
+                    return false;
+                }
+                for (let i = 0; i < PNG_SIGNATURE.length; i++) {
+                    if (bytes[i] !== PNG_SIGNATURE[i]) {
+                        return false;
+                    }
+                }
+                return true;
+            }
+
+            describe("screenShotBinary", function () {
+                it("Should return a Uint8Array of PNG data for full page capture", async function () {
+                    const bytes = await Phoenix.app.screenShotBinary();
+                    expect(bytes instanceof Uint8Array).toBeTrue();
+                    expect(bytes.length).toBeGreaterThan(0);
+                    expect(isPNG(bytes)).withContext("Result should be valid PNG data").toBeTrue();
+                });
+
+                it("Should return a Uint8Array of PNG data for bounded capture", async function () {
+                    const bytes = await Phoenix.app.screenShotBinary({x: 0, y: 0, width: 100, height: 100});
+                    expect(bytes instanceof Uint8Array).toBeTrue();
+                    expect(bytes.length).toBeGreaterThan(0);
+                    expect(isPNG(bytes)).withContext("Result should be valid PNG data").toBeTrue();
+                });
+
+                it("Should throw when rect is missing required fields", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary({x: 0, y: 0})
+                    ).toBeRejectedWithError("rect must include all fields: x, y, width, height");
+                });
+
+                it("Should throw when rect fields are not numbers", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary({x: "0", y: 0, width: 100, height: 100})
+                    ).toBeRejectedWithError("rect fields x, y, width, height must be numbers");
+                });
+
+                it("Should throw when rect fields are negative", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary({x: -1, y: 0, width: 100, height: 100})
+                    ).toBeRejectedWithError("rect fields x, y, width, height must be non-negative");
+                });
+
+                it("Should throw when rect width is 0", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary({x: 0, y: 0, width: 0, height: 100})
+                    ).toBeRejectedWithError("rect width and height must be greater than 0");
+                });
+
+                it("Should throw when rect height is 0", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary({x: 0, y: 0, width: 100, height: 0})
+                    ).toBeRejectedWithError("rect width and height must be greater than 0");
+                });
+
+                it("Should throw when rect exceeds window width bounds", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary({x: 0, y: 0, width: 999999, height: 100})
+                    ).toBeRejectedWithError("rect x + width exceeds window innerWidth");
+                });
+
+                it("Should throw when rect exceeds window height bounds", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary({x: 0, y: 0, width: 100, height: 999999})
+                    ).toBeRejectedWithError("rect y + height exceeds window innerHeight");
+                });
+            });
+
+            describe("screenShotToBlob", function () {
+                it("Should return a Blob of type image/png for full page capture", async function () {
+                    const blob = await Phoenix.app.screenShotToBlob();
+                    expect(blob instanceof Blob).toBeTrue();
+                    expect(blob.type).toEqual("image/png");
+                    expect(blob.size).toBeGreaterThan(0);
+                });
+
+                it("Should return a Blob of type image/png for bounded capture", async function () {
+                    const blob = await Phoenix.app.screenShotToBlob({x: 0, y: 0, width: 100, height: 100});
+                    expect(blob instanceof Blob).toBeTrue();
+                    expect(blob.type).toEqual("image/png");
+                    expect(blob.size).toBeGreaterThan(0);
+                });
+            });
+
+            describe("screenShotToPNGFile", function () {
+                let testDir;
+                let testFilePath;
+                const testFileName = "screenshot-test-output.png";
+
+                beforeEach(async function () {
+                    const appLocalData = fs.getTauriVirtualPath(await platform.appLocalDataDir());
+                    testDir = appLocalData;
+                    testFilePath = `${testDir}/${testFileName}`;
+                });
+
+                afterEach(async function () {
+                    // Always clean up the test file, even if the test failed
+                    await SpecRunnerUtils.deletePathAsync(testFilePath).catch(() => {});
+                });
+
+                it("Should write a valid PNG file", async function () {
+                    await Phoenix.app.screenShotToPNGFile(testFilePath);
+                    // Read back and verify PNG signature
+                    const content = await new Promise((resolve, reject) => {
+                        fs.readFile(testFilePath, 'binary', (err, data) => {
+                            if (err) {
+                                reject(err);
+                            } else {
+                                resolve(data);
+                            }
+                        });
+                    });
+                    const bytes = new Uint8Array(content);
+                    expect(isPNG(bytes)).withContext("Written file should be valid PNG").toBeTrue();
+                });
+
+                it("Should write a valid PNG file with bounded rect", async function () {
+                    await Phoenix.app.screenShotToPNGFile(testFilePath, {x: 0, y: 0, width: 100, height: 100});
+                    const content = await new Promise((resolve, reject) => {
+                        fs.readFile(testFilePath, 'binary', (err, data) => {
+                            if (err) {
+                                reject(err);
+                            } else {
+                                resolve(data);
+                            }
+                        });
+                    });
+                    const bytes = new Uint8Array(content);
+                    expect(isPNG(bytes)).withContext("Written file should be valid PNG").toBeTrue();
+                });
+
+                it("Should throw when filePathToSave is not provided", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotToPNGFile()
+                    ).toBeRejectedWithError("filePathToSave must be a non-empty string");
+                });
+
+                it("Should throw when filePathToSave is not a string", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotToPNGFile(123)
+                    ).toBeRejectedWithError("filePathToSave must be a non-empty string");
+                });
+
+                it("Should throw when filePathToSave is an empty string", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotToPNGFile("")
+                    ).toBeRejectedWithError("filePathToSave must be a non-empty string");
+                });
+            });
+        });
+
         describe("Credentials OTP API Tests", function () {
             const scopeName = "testScope";
             const trustRing = window.specRunnerTestKernalModeTrust;

From b229092ffc83c1bcb09a175ecb1f434c7c5c9eea Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Fri, 13 Feb 2026 14:29:12 +0530
Subject: [PATCH 16/35] feat: screenshot APIs accept DOM nodes and jQuery
 selectors

Add _resolveRect() helper to convert DOM elements and jQuery selector
strings to capture rects, with zoom factor compensation. Update
_capturePageBinary bounds validation to account for webview scale factor.
Add tests for DOM element, selector, and error case inputs.
---
 src/phoenix/shell.js              |  89 +++++++++++++++++++++++---
 test/spec/Native-platform-test.js | 101 ++++++++++++++++++++++++++++++
 2 files changed, 181 insertions(+), 9 deletions(-)

diff --git a/src/phoenix/shell.js b/src/phoenix/shell.js
index 66f04e8e0..f245f7cdb 100644
--- a/src/phoenix/shell.js
+++ b/src/phoenix/shell.js
@@ -147,10 +147,52 @@ Phoenix.libs = {
 // global API is only usable/stable after App init
 Phoenix.globalAPI = {};
 
-async function _capturePageBinary(rect) {
+function _resolveRect(rectOrNodeOrSelector) {
+    if (rectOrNodeOrSelector === undefined || rectOrNodeOrSelector === null) {
+        return undefined; // full page capture
+    }
+    let element;
+    // Case 1: jQuery selector string
+    if (typeof rectOrNodeOrSelector === 'string') {
+        const $el = $(rectOrNodeOrSelector);
+        if ($el.length === 0) {
+            throw new Error("No element found for selector: " +
+                rectOrNodeOrSelector);
+        }
+        if ($el.length > 1) {
+            throw new Error("Selector must match exactly one element, but matched " +
+                $el.length + ": " + rectOrNodeOrSelector);
+        }
+        element = $el[0];
+    } else if (rectOrNodeOrSelector instanceof HTMLElement) {
+        // Case 2: DOM node (Element instance)
+        element = rectOrNodeOrSelector;
+    } else if (typeof rectOrNodeOrSelector === 'object') {
+        // Case 3: Plain rect object {x, y, width, height}
+        return rectOrNodeOrSelector; // pass through for validation in _capturePageBinary
+    } else {
+        throw new Error("Expected a rect object, DOM node, or jQuery selector string");
+    }
+    // Convert DOM element to rect via getBoundingClientRect().
+    // getBoundingClientRect() returns values in the zoomed CSS coordinate space, but
+    // the native capture APIs (Electron capturePage, Tauri capture_page) expect
+    // coordinates in the unzoomed viewport space. Divide by the webview zoom factor
+    // to convert.
+    const zoomFactor = (window.PhStore && window.PhStore.getItem("desktopZoomScale")) || 1;
+    const domRect = element.getBoundingClientRect();
+    return {
+        x: Math.round(domRect.x * zoomFactor),
+        y: Math.round(domRect.y * zoomFactor),
+        width: Math.round(domRect.width * zoomFactor),
+        height: Math.round(domRect.height * zoomFactor)
+    };
+}
+
+async function _capturePageBinary(rectOrNodeOrSelector) {
     if (!Phoenix.isNativeApp) {
         throw new Error("Screenshot capture is not supported in browsers");
     }
+    const rect = _resolveRect(rectOrNodeOrSelector);
     if (rect !== undefined) {
         if (rect.x === undefined || rect.y === undefined ||
             rect.width === undefined || rect.height === undefined) {
@@ -166,10 +208,11 @@ async function _capturePageBinary(rect) {
         if (rect.width <= 0 || rect.height <= 0) {
             throw new Error("rect width and height must be greater than 0");
         }
-        if (rect.x + rect.width > window.innerWidth) {
+        const zoomFactor = (window.PhStore && window.PhStore.getItem("desktopZoomScale")) || 1;
+        if (rect.x + rect.width > window.innerWidth * zoomFactor) {
             throw new Error("rect x + width exceeds window innerWidth");
         }
-        if (rect.y + rect.height > window.innerHeight) {
+        if (rect.y + rect.height > window.innerHeight * zoomFactor) {
             throw new Error("rect y + height exceeds window innerHeight");
         }
     }
@@ -830,18 +873,46 @@ Phoenix.app = {
         }
         return () => {}; // No-op for unsupported platforms
     },
-    screenShotBinary: function (rect) {
-        return _capturePageBinary(rect);
+    /**
+     * Captures a screenshot and returns the raw PNG bytes.
+     * @param {Object|HTMLElement|string} [rectOrNodeOrSelector] - Area to capture. Can be:
+     *   - A rect object `{x, y, width, height}` specifying pixel coordinates
+     *   - A DOM element whose bounding rect will be captured
+     *   - A jQuery selector string (must match exactly one element)
+     *   - Omit to capture the full page
+     * @returns {Promise<Uint8Array>} PNG image data
+     */
+    screenShotBinary: function (rectOrNodeOrSelector) {
+        return _capturePageBinary(rectOrNodeOrSelector);
     },
-    screenShotToBlob: async function (rect) {
-        const bytes = await _capturePageBinary(rect);
+    /**
+     * Captures a screenshot and returns it as a PNG Blob.
+     * @param {Object|HTMLElement|string} [rectOrNodeOrSelector] - Area to capture. Can be:
+     *   - A rect object `{x, y, width, height}` specifying pixel coordinates
+     *   - A DOM element whose bounding rect will be captured
+     *   - A jQuery selector string (must match exactly one element)
+     *   - Omit to capture the full page
+     * @returns {Promise<Blob>} PNG Blob with type "image/png"
+     */
+    screenShotToBlob: async function (rectOrNodeOrSelector) {
+        const bytes = await _capturePageBinary(rectOrNodeOrSelector);
         return new Blob([bytes], { type: "image/png" });
     },
-    screenShotToPNGFile: async function (filePathToSave, rect) {
+    /**
+     * Captures a screenshot and writes it to a PNG file.
+     * @param {string} filePathToSave - VFS path to save the PNG file to
+     * @param {Object|HTMLElement|string} [rectOrNodeOrSelector] - Area to capture. Can be:
+     *   - A rect object `{x, y, width, height}` specifying pixel coordinates
+     *   - A DOM element whose bounding rect will be captured
+     *   - A jQuery selector string (must match exactly one element)
+     *   - Omit to capture the full page
+     * @returns {Promise<void>}
+     */
+    screenShotToPNGFile: async function (filePathToSave, rectOrNodeOrSelector) {
         if (!filePathToSave || typeof filePathToSave !== 'string') {
             throw new Error("filePathToSave must be a non-empty string");
         }
-        const bytes = await _capturePageBinary(rect);
+        const bytes = await _capturePageBinary(rectOrNodeOrSelector);
         return new Promise((resolve, reject) => {
             fs.writeFile(filePathToSave, bytes.buffer, 'binary', (err) => {
                 if (err) {
diff --git a/test/spec/Native-platform-test.js b/test/spec/Native-platform-test.js
index 297ff4b76..40c12c5ef 100644
--- a/test/spec/Native-platform-test.js
+++ b/test/spec/Native-platform-test.js
@@ -461,6 +461,54 @@ define(function (require, exports, module) {
                         Phoenix.app.screenShotBinary({x: 0, y: 0, width: 100, height: 999999})
                     ).toBeRejectedWithError("rect y + height exceeds window innerHeight");
                 });
+
+                it("Should capture a screenshot of a DOM element", async function () {
+                    const el = document.createElement("div");
+                    el.id = "screenshot-test-element";
+                    el.style.cssText = "position:fixed;top:0;left:0;width:100px;height:100px;background:red;";
+                    document.body.appendChild(el);
+                    try {
+                        const bytes = await Phoenix.app.screenShotBinary(el);
+                        expect(bytes instanceof Uint8Array).toBeTrue();
+                        expect(bytes.length).toBeGreaterThan(0);
+                        expect(isPNG(bytes)).withContext("Result should be valid PNG data").toBeTrue();
+                    } finally {
+                        el.remove();
+                    }
+                });
+
+                it("Should capture a screenshot using a jQuery selector string", async function () {
+                    const el = document.createElement("div");
+                    el.id = "screenshot-test-element";
+                    el.style.cssText = "position:fixed;top:0;left:0;width:100px;height:100px;background:red;";
+                    document.body.appendChild(el);
+                    try {
+                        const bytes = await Phoenix.app.screenShotBinary("#screenshot-test-element");
+                        expect(bytes instanceof Uint8Array).toBeTrue();
+                        expect(bytes.length).toBeGreaterThan(0);
+                        expect(isPNG(bytes)).withContext("Result should be valid PNG data").toBeTrue();
+                    } finally {
+                        el.remove();
+                    }
+                });
+
+                it("Should throw when jQuery selector matches no elements", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary("#nonexistent-element-xyz")
+                    ).toBeRejectedWithError("No element found for selector: #nonexistent-element-xyz");
+                });
+
+                it("Should throw when jQuery selector matches multiple elements", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary("div")
+                    ).toBeRejectedWithError(/Selector must match exactly one element, but matched \d+: div/);
+                });
+
+                it("Should throw for invalid argument type", async function () {
+                    await expectAsync(
+                        Phoenix.app.screenShotBinary(42)
+                    ).toBeRejectedWithError("Expected a rect object, DOM node, or jQuery selector string");
+                });
             });
 
             describe("screenShotToBlob", function () {
@@ -477,6 +525,36 @@ define(function (require, exports, module) {
                     expect(blob.type).toEqual("image/png");
                     expect(blob.size).toBeGreaterThan(0);
                 });
+
+                it("Should return a Blob when given a DOM element", async function () {
+                    const el = document.createElement("div");
+                    el.id = "screenshot-blob-test-element";
+                    el.style.cssText = "position:fixed;top:0;left:0;width:100px;height:100px;background:red;";
+                    document.body.appendChild(el);
+                    try {
+                        const blob = await Phoenix.app.screenShotToBlob(el);
+                        expect(blob instanceof Blob).toBeTrue();
+                        expect(blob.type).toEqual("image/png");
+                        expect(blob.size).toBeGreaterThan(0);
+                    } finally {
+                        el.remove();
+                    }
+                });
+
+                it("Should return a Blob when given a jQuery selector", async function () {
+                    const el = document.createElement("div");
+                    el.id = "screenshot-blob-test-element";
+                    el.style.cssText = "position:fixed;top:0;left:0;width:100px;height:100px;background:red;";
+                    document.body.appendChild(el);
+                    try {
+                        const blob = await Phoenix.app.screenShotToBlob("#screenshot-blob-test-element");
+                        expect(blob instanceof Blob).toBeTrue();
+                        expect(blob.type).toEqual("image/png");
+                        expect(blob.size).toBeGreaterThan(0);
+                    } finally {
+                        el.remove();
+                    }
+                });
             });
 
             describe("screenShotToPNGFile", function () {
@@ -526,6 +604,29 @@ define(function (require, exports, module) {
                     expect(isPNG(bytes)).withContext("Written file should be valid PNG").toBeTrue();
                 });
 
+                it("Should write a valid PNG file when given a jQuery selector", async function () {
+                    const el = document.createElement("div");
+                    el.id = "screenshot-file-test-element";
+                    el.style.cssText = "position:fixed;top:0;left:0;width:100px;height:100px;background:red;";
+                    document.body.appendChild(el);
+                    try {
+                        await Phoenix.app.screenShotToPNGFile(testFilePath, "#screenshot-file-test-element");
+                        const content = await new Promise((resolve, reject) => {
+                            fs.readFile(testFilePath, 'binary', (err, data) => {
+                                if (err) {
+                                    reject(err);
+                                } else {
+                                    resolve(data);
+                                }
+                            });
+                        });
+                        const bytes = new Uint8Array(content);
+                        expect(isPNG(bytes)).withContext("Written file should be valid PNG").toBeTrue();
+                    } finally {
+                        el.remove();
+                    }
+                });
+
                 it("Should throw when filePathToSave is not provided", async function () {
                     await expectAsync(
                         Phoenix.app.screenShotToPNGFile()

From c1d0175ad123ee1a08e66e026a1eec1288164c32 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Fri, 13 Feb 2026 14:40:41 +0530
Subject: [PATCH 17/35] docs: screenshot api

---
 src/phoenix/shell.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/phoenix/shell.js b/src/phoenix/shell.js
index f245f7cdb..6607d4970 100644
--- a/src/phoenix/shell.js
+++ b/src/phoenix/shell.js
@@ -881,6 +881,17 @@ Phoenix.app = {
      *   - A jQuery selector string (must match exactly one element)
      *   - Omit to capture the full page
      * @returns {Promise<Uint8Array>} PNG image data
+     * @example <caption>Capture a specific rectangle</caption>
+     * const bytes = await Phoenix.app.screenShotBinary({
+     *     x: 100, y: 100, width: 400, height: 300
+     * });
+     * @example <caption>Capture a DOM element</caption>
+     * const element = document.getElementById("preview");
+     * const bytes = await Phoenix.app.screenShotBinary(element);
+     * @example <caption>Capture using a selector</caption>
+     * const bytes = await Phoenix.app.screenShotBinary("#preview");
+     * @example <caption>Capture the full page</caption>
+     * const bytes = await Phoenix.app.screenShotBinary();
      */
     screenShotBinary: function (rectOrNodeOrSelector) {
         return _capturePageBinary(rectOrNodeOrSelector);
@@ -893,6 +904,14 @@ Phoenix.app = {
      *   - A jQuery selector string (must match exactly one element)
      *   - Omit to capture the full page
      * @returns {Promise<Blob>} PNG Blob with type "image/png"
+     * @example <caption>Display in an image element</caption>
+     * const blob = await Phoenix.app.screenShotToBlob("#preview");
+     * const url = URL.createObjectURL(blob);
+     * document.getElementById("imgOutput").src = url;
+     * @example <caption>Draw to a canvas</caption>
+     * const blob = await Phoenix.app.screenShotToBlob();
+     * const bitmap = await createImageBitmap(blob);
+     * ctx.drawImage(bitmap, 0, 0);
      */
     screenShotToBlob: async function (rectOrNodeOrSelector) {
         const bytes = await _capturePageBinary(rectOrNodeOrSelector);
@@ -907,6 +926,14 @@ Phoenix.app = {
      *   - A jQuery selector string (must match exactly one element)
      *   - Omit to capture the full page
      * @returns {Promise<void>}
+     * @throws {Error} If filePathToSave is not a non-empty string
+     * @example <caption>Save the full page</caption>
+     * await Phoenix.app.screenShotToPNGFile("/project/output/screenshot.png");
+     * @example <caption>Save a specific element</caption>
+     * await Phoenix.app.screenShotToPNGFile(
+     *     "/project/output/preview.png",
+     *     "#preview"
+     * );
      */
     screenShotToPNGFile: async function (filePathToSave, rectOrNodeOrSelector) {
         if (!filePathToSave || typeof filePathToSave !== 'string') {

From fc2f55eab9dc0e9751ec65c6a3aae9e7a76abaa9 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Fri, 13 Feb 2026 15:25:11 +0530
Subject: [PATCH 18/35] fix: floating point precision in screenshot bounds
 check

Use Math.ceil on zoom-adjusted dimensions to prevent false rejections
when innerWidth/Height * zoomFactor produces fractional values.
---
 src/phoenix/shell.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/phoenix/shell.js b/src/phoenix/shell.js
index 6607d4970..856437081 100644
--- a/src/phoenix/shell.js
+++ b/src/phoenix/shell.js
@@ -209,10 +209,12 @@ async function _capturePageBinary(rectOrNodeOrSelector) {
             throw new Error("rect width and height must be greater than 0");
         }
         const zoomFactor = (window.PhStore && window.PhStore.getItem("desktopZoomScale")) || 1;
-        if (rect.x + rect.width > window.innerWidth * zoomFactor) {
+        const maxWidth = Math.ceil(window.innerWidth * zoomFactor);
+        const maxHeight = Math.ceil(window.innerHeight * zoomFactor);
+        if (rect.x + rect.width > maxWidth) {
             throw new Error("rect x + width exceeds window innerWidth");
         }
-        if (rect.y + rect.height > window.innerHeight * zoomFactor) {
+        if (rect.y + rect.height > maxHeight) {
             throw new Error("rect y + height exceeds window innerHeight");
         }
     }

From d71c0aa542d228d492b169636ed99c2becb86cc3 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Fri, 13 Feb 2026 16:10:01 +0530
Subject: [PATCH 19/35] fix: live preview related document handling and editor
 event leak threshold

Fix null liveDoc access when a related document is not found, guard
against duplicate StylesheetAdded race, use consistent url key, and
raise active-editor-changed leak threshold to 50.
---
 src/LiveDevelopment/LiveDevMultiBrowser.js | 18 +++++++++++-------
 src/editor/EditorManager.js                |  2 +-
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/LiveDevelopment/LiveDevMultiBrowser.js b/src/LiveDevelopment/LiveDevMultiBrowser.js
index 93a1ae674..50f3e9bd9 100644
--- a/src/LiveDevelopment/LiveDevMultiBrowser.js
+++ b/src/LiveDevelopment/LiveDevMultiBrowser.js
@@ -189,15 +189,14 @@ define(function (require, exports, module) {
      * @param {string} url Absolute URL of the related document
      */
     function _handleRelatedDocumentDeleted(url) {
-        var liveDoc = _relatedDocuments[url];
+        const liveDoc = _relatedDocuments[url];
         if (liveDoc) {
             delete _relatedDocuments[url];
+            if (_server) {
+                _server.remove(liveDoc);
+            }
+            _closeDocument(liveDoc);
         }
-
-        if (_server) {
-            _server.remove(liveDoc);
-        }
-        _closeDocument(liveDoc);
     }
 
     /**
@@ -313,12 +312,17 @@ define(function (require, exports, module) {
         var docPromise = DocumentManager.getDocumentForPath(path);
 
         docPromise.done(function (doc) {
+            // Re-check after async gap: another StylesheetAdded event may have
+            // already created a live document for this URL while we were waiting.
+            if (_relatedDocuments[url]) {
+                return;
+            }
             if ((_classForDocument(doc) === LiveCSSDocument) &&
                     (!_liveDocument || (doc !== _liveDocument.doc))) {
                 var liveDoc = _createLiveDocument(doc, doc._masterEditor, roots);
                 if (liveDoc) {
                     _server.add(liveDoc);
-                    _relatedDocuments[doc.url] = liveDoc;
+                    _relatedDocuments[url] = liveDoc;
                     liveDoc.on("updateDoc", function (event, url) {
                         var path = _server.urlToPath(url),
                             doc = getLiveDocForPath(path);
diff --git a/src/editor/EditorManager.js b/src/editor/EditorManager.js
index 40f9d3009..4dd00f280 100644
--- a/src/editor/EditorManager.js
+++ b/src/editor/EditorManager.js
@@ -775,7 +775,7 @@ define(function (require, exports, module) {
 
     // Set up event dispatching
     EventDispatcher.makeEventDispatcher(exports);
-    EventDispatcher.setLeakThresholdForEvent(EVENT_ACTIVE_EDITOR_CHANGED, 30);
+    EventDispatcher.setLeakThresholdForEvent(EVENT_ACTIVE_EDITOR_CHANGED, 50);
 
     // File-based preferences handling
     exports.on(EVENT_ACTIVE_EDITOR_CHANGED, function (e, current) {

From 4caee5a25c7e4cdd6033c95ab76d5ac38862360e Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Sun, 15 Feb 2026 13:58:52 +0530
Subject: [PATCH 20/35] feat: tabs support in main sidebar

---
 src/brackets.js                  |   2 +
 src/core-ai/main.js              |  44 +++
 src/styles/Extn-SidebarTabs.less | 110 +++++++
 src/styles/brackets.less         |   1 +
 src/view/SidebarTabs.js          | 478 +++++++++++++++++++++++++++++++
 5 files changed, 635 insertions(+)
 create mode 100644 src/core-ai/main.js
 create mode 100644 src/styles/Extn-SidebarTabs.less
 create mode 100644 src/view/SidebarTabs.js

diff --git a/src/brackets.js b/src/brackets.js
index 75aabed6d..9944d23c9 100644
--- a/src/brackets.js
+++ b/src/brackets.js
@@ -126,6 +126,8 @@ define(function (require, exports, module) {
     require("search/QuickOpenHelper");
     require("file/FileUtils");
     require("project/SidebarView");
+    require("view/SidebarTabs");
+    require("core-ai/main");
     require("utils/Resizer");
     require("LiveDevelopment/main");
     require("utils/NodeConnection");
diff --git a/src/core-ai/main.js b/src/core-ai/main.js
new file mode 100644
index 000000000..0e826ee18
--- /dev/null
+++ b/src/core-ai/main.js
@@ -0,0 +1,44 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/**
+ * Registers a placeholder AI sidebar tab. This serves as a starting point for
+ * AI assistant integration. The tab displays a placeholder message until an AI
+ * provider extension is installed.
+ */
+define(function (require, exports, module) {
+
+    var AppInit      = require("utils/AppInit"),
+        SidebarTabs  = require("view/SidebarTabs");
+
+    AppInit.appReady(function () {
+        SidebarTabs.addTab("ai", "AI", "fa-solid fa-wand-magic-sparkles", { priority: 200 });
+
+        var $content = $(
+            '<div class="ai-tab-placeholder">' +
+                '<div class="ai-tab-icon"><i class="fa-solid fa-wand-magic-sparkles"></i></div>' +
+                '<div class="ai-tab-title">AI Assistant</div>' +
+                '<div class="ai-tab-message">Please add an AI provider to start using AI</div>' +
+            '</div>'
+        );
+
+        SidebarTabs.addToTab("ai", $content);
+    });
+});
diff --git a/src/styles/Extn-SidebarTabs.less b/src/styles/Extn-SidebarTabs.less
new file mode 100644
index 000000000..94cdb7cac
--- /dev/null
+++ b/src/styles/Extn-SidebarTabs.less
@@ -0,0 +1,110 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/* Sidebar tab bar — switches between tab panes within #sidebar */
+
+#navTabBar {
+    display: none;
+    align-items: center;
+    background-color: @bc-sidebar-bg;
+    height: 2rem;
+    overflow: hidden;
+    user-select: none;
+
+    &.has-tabs {
+        display: flex;
+    }
+}
+
+.sidebar-tab {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.35rem;
+    padding: 0 0.75rem;
+    height: 100%;
+    cursor: pointer;
+    position: relative;
+    color: @project-panel-text-2;
+    font-size: 0.8rem;
+    letter-spacing: 0.3px;
+    transition: color 0.15s ease, background-color 0.15s ease;
+
+    i {
+        font-size: 0.75rem;
+    }
+
+    &:hover {
+        color: @project-panel-text-1;
+        background-color: rgba(255, 255, 255, 0.06);
+    }
+
+    &.active {
+        color: @project-panel-text-1;
+
+        &::after {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            height: 2px;
+            background-color: @project-panel-text-2;
+        }
+    }
+}
+
+/* Hide sidebar children not belonging to the active tab */
+.sidebar-tab-hidden {
+    display: none !important;
+}
+
+/* AI tab placeholder content */
+.ai-tab-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .box-flex(1);
+    flex: 1;
+    color: @project-panel-text-2;
+    padding: 2rem;
+    text-align: center;
+    min-height: 0;
+    height: 100%;
+
+    .ai-tab-icon {
+        font-size: 2.5rem;
+        margin-bottom: 1rem;
+        opacity: 0.6;
+    }
+
+    .ai-tab-title {
+        font-size: 1rem;
+        font-weight: 600;
+        color: @project-panel-text-1;
+        margin-bottom: 0.5rem;
+    }
+
+    .ai-tab-message {
+        font-size: 0.8rem;
+        line-height: 1.4;
+        opacity: 0.7;
+    }
+}
diff --git a/src/styles/brackets.less b/src/styles/brackets.less
index 7a44bcd56..063056665 100644
--- a/src/styles/brackets.less
+++ b/src/styles/brackets.less
@@ -46,6 +46,7 @@
 @import "Extn-CSSColorPreview.less";
 @import "Extn-CustomSnippets.less";
 @import "Extn-CollapseFolders.less";
+@import "Extn-SidebarTabs.less";
 @import "UserProfile.less";
 @import "phoenix-pro.less";
 
diff --git a/src/view/SidebarTabs.js b/src/view/SidebarTabs.js
new file mode 100644
index 000000000..a8c6f4e38
--- /dev/null
+++ b/src/view/SidebarTabs.js
@@ -0,0 +1,478 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/**
+ * SidebarTabs manages multiple tab panes within the sidebar. It inserts a
+ * `#navTabBar` element after `#mainNavBar` and provides an API for registering
+ * tabs, associating DOM content with tabs, and switching between them.
+ *
+ * Existing sidebar children that are not explicitly associated with a tab via
+ * `addToTab` are treated as belonging to the default "Files" tab. This means
+ * extensions that add DOM nodes to the sidebar will continue to work without
+ * any code changes.
+ *
+ * Tab switching works purely by toggling the `.sidebar-tab-hidden` CSS class
+ * (`display: none !important`). No DOM reparenting or detaching occurs, so
+ * cached jQuery/DOM references held by extensions remain valid.
+ */
+define(function (require, exports, module) {
+
+    var AppInit          = require("utils/AppInit"),
+        EventDispatcher  = require("utils/EventDispatcher");
+
+    // --- Constants -----------------------------------------------------------
+
+    /**
+     * The built-in Files tab id.
+     * @const {string}
+     */
+    var SIDEBAR_TAB_FILES = "sidebar-tab-files";
+
+    // --- Events --------------------------------------------------------------
+
+    /**
+     * Fired when a new tab is registered via `addTab`.
+     * @const {string}
+     */
+    var EVENT_TAB_ADDED = "tabAdded";
+
+    /**
+     * Fired when a tab is removed via `removeTab`.
+     * @const {string}
+     */
+    var EVENT_TAB_REMOVED = "tabRemoved";
+
+    /**
+     * Fired when the active tab changes via `setActiveTab`.
+     * @const {string}
+     */
+    var EVENT_TAB_CHANGED = "tabChanged";
+
+    // --- Private state -------------------------------------------------------
+
+    /** @type {jQuery} */
+    var $navTabBar;
+
+    /** @type {jQuery} */
+    var $sidebar;
+
+    /**
+     * Ordered array of registered tab descriptors.
+     * Each entry: { id, label, iconClass, priority, $tabItem }
+     * @type {Array}
+     */
+    var _tabs = [];
+
+    /**
+     * Map from tabId -> array of DOM elements (not jQuery) associated with
+     * that tab via `addToTab`.
+     * @type {Object.<string, Array.<Element>>}
+     */
+    var _tabContent = {};
+
+    /**
+     * Set of DOM elements that were appended to #sidebar by `addToTab` (i.e.
+     * they were NOT already children of #sidebar). Used so `removeFromTab` can
+     * decide whether to also detach the node from the DOM.
+     * @type {Set.<Element>}
+     */
+    var _appendedNodes = new Set();
+
+    /**
+     * Currently active tab id.
+     * @type {string}
+     */
+    var _activeTabId = SIDEBAR_TAB_FILES;
+
+    // --- IDs to always exclude from visibility toggling ----------------------
+
+    var _EXCLUDED_IDS = { "mainNavBar": true, "navTabBar": true };
+
+    /**
+     * CSS classes that mark structural/resizer elements which must never be
+     * hidden by tab switching.
+     */
+    var _EXCLUDED_CLASSES = ["horz-resizer", "vert-resizer"];
+
+    // --- Private helpers -----------------------------------------------------
+
+    /**
+     * Returns true if a sidebar child node should never be touched by tab
+     * switching (e.g. nav bars, resizer handles).
+     */
+    function _isExcludedNode(node) {
+        if (_EXCLUDED_IDS[node.id]) {
+            return true;
+        }
+        for (var i = 0; i < _EXCLUDED_CLASSES.length; i++) {
+            if (node.classList.contains(_EXCLUDED_CLASSES[i])) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Rebuild the tab bar DOM to reflect current _tabs (sorted by priority).
+     */
+    function _rebuildTabBar() {
+        $navTabBar.empty();
+        _tabs.sort(function (a, b) { return a.priority - b.priority; });
+        _tabs.forEach(function (tab) {
+            var $item = $('<div class="sidebar-tab" data-tab-id="' + tab.id + '">' +
+                '<i class="' + tab.iconClass + '"></i>' +
+                '<span>' + tab.label + '</span>' +
+                '</div>');
+            if (tab.id === _activeTabId) {
+                $item.addClass("active");
+            }
+            tab.$tabItem = $item;
+            $navTabBar.append($item);
+        });
+
+        // Show/hide the tab bar based on tab count
+        if (_tabs.length >= 2) {
+            $navTabBar.addClass("has-tabs");
+        } else {
+            $navTabBar.removeClass("has-tabs");
+        }
+    }
+
+    /**
+     * Returns true if the given node is explicitly associated with the
+     * specified tab.
+     */
+    function _isNodeInTab(node, tabId) {
+        return _tabContent[tabId] && _tabContent[tabId].indexOf(node) !== -1;
+    }
+
+    /**
+     * Returns true if the given node is explicitly associated with ANY
+     * registered tab.
+     */
+    function _isNodeInAnyTab(node) {
+        var tabIds = Object.keys(_tabContent);
+        for (var i = 0; i < tabIds.length; i++) {
+            if (_tabContent[tabIds[i]].indexOf(node) !== -1) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Apply visibility for the currently active tab. Hides/shows sidebar
+     * children as appropriate.
+     *
+     * A node can be associated with multiple tabs. It is visible if any of
+     * its associated tabs is the active tab. Unassociated nodes default to
+     * the files tab.
+     */
+    function _applyTabVisibility() {
+        if (!$sidebar || !$sidebar.length) {
+            return;
+        }
+
+        var children = $sidebar.children().toArray();
+
+        if (_activeTabId === SIDEBAR_TAB_FILES) {
+            // Files tab: show nodes that are in the files tab content OR
+            // unassociated (not in any tab). Hide nodes that are exclusively
+            // in other tabs.
+            var filesNodes = new Set(_tabContent[SIDEBAR_TAB_FILES] || []);
+
+            children.forEach(function (child) {
+                if (_isExcludedNode(child)) {
+                    return; // never touch these
+                }
+                if (filesNodes.has(child) || !_isNodeInAnyTab(child)) {
+                    child.classList.remove("sidebar-tab-hidden");
+                } else {
+                    child.classList.add("sidebar-tab-hidden");
+                }
+            });
+        } else {
+            // Non-files tab: show nodes associated with this tab, hide
+            // everything else (except excluded nodes).
+            var activeNodes = new Set(_tabContent[_activeTabId] || []);
+
+            children.forEach(function (child) {
+                if (_isExcludedNode(child)) {
+                    return;
+                }
+                if (activeNodes.has(child)) {
+                    child.classList.remove("sidebar-tab-hidden");
+                } else {
+                    child.classList.add("sidebar-tab-hidden");
+                }
+            });
+        }
+    }
+
+    // --- Public API ----------------------------------------------------------
+
+    /**
+     * Register a new sidebar tab.
+     *
+     * @param {string} id       Unique tab identifier
+     * @param {string} label    Display text shown in the tab bar
+     * @param {string} iconClass  FontAwesome (or other) icon class string
+     * @param {Object} [options]
+     * @param {number} [options.priority=100]  Lower values appear further left
+     */
+    function addTab(id, label, iconClass, options) {
+        options = options || {};
+
+        // Prevent duplicate registrations
+        for (var i = 0; i < _tabs.length; i++) {
+            if (_tabs[i].id === id) {
+                return;
+            }
+        }
+
+        var tab = {
+            id: id,
+            label: label,
+            iconClass: iconClass,
+            priority: options.priority !== undefined ? options.priority : 100,
+            $tabItem: null
+        };
+        _tabs.push(tab);
+        _tabContent[id] = _tabContent[id] || [];
+
+        _rebuildTabBar();
+        exports.trigger(EVENT_TAB_ADDED, id);
+    }
+
+    /**
+     * Associate a DOM node (or jQuery element) with a tab. If the node is not
+     * already a child of `#sidebar`, it is appended. If the tab is not the
+     * currently active tab, the node is immediately hidden.
+     *
+     * @param {string} tabId    The tab to associate with
+     * @param {jQuery|Element} $content  DOM node or jQuery wrapper
+     */
+    function addToTab(tabId, $content) {
+        var node = $content instanceof $ ? $content[0] : $content;
+        if (!node) {
+            return;
+        }
+
+        // Ensure content array exists
+        if (!_tabContent[tabId]) {
+            _tabContent[tabId] = [];
+        }
+
+        // Avoid duplicate association
+        if (_tabContent[tabId].indexOf(node) !== -1) {
+            return;
+        }
+
+        _tabContent[tabId].push(node);
+
+        // If not already in sidebar, append it
+        if (!$sidebar[0].contains(node)) {
+            $sidebar.append(node);
+            _appendedNodes.add(node);
+        }
+
+        // Show/hide based on whether the node belongs to the active tab.
+        // A node may be in multiple tabs, so only hide it if none of its
+        // associated tabs is the currently active one.
+        if (tabId === _activeTabId || _isNodeInTab(node, _activeTabId)) {
+            node.classList.remove("sidebar-tab-hidden");
+        } else {
+            node.classList.add("sidebar-tab-hidden");
+        }
+    }
+
+    /**
+     * Remove a DOM node's association with a tab. If the node was appended by
+     * `addToTab` (was not originally in the sidebar) and is no longer
+     * associated with any tab, it is also removed from the DOM.
+     *
+     * @param {string} tabId    The tab to disassociate from
+     * @param {jQuery|Element} $content  DOM node or jQuery wrapper
+     */
+    function removeFromTab(tabId, $content) {
+        var node = $content instanceof $ ? $content[0] : $content;
+        if (!node || !_tabContent[tabId]) {
+            return;
+        }
+
+        var idx = _tabContent[tabId].indexOf(node);
+        if (idx === -1) {
+            return;
+        }
+
+        _tabContent[tabId].splice(idx, 1);
+
+        if (_isNodeInAnyTab(node)) {
+            // Node is still in other tab(s) — re-evaluate its visibility
+            _applyTabVisibility();
+        } else if (_appendedNodes.has(node)) {
+            // Node was appended by addToTab and is no longer in any tab —
+            // remove it from the DOM
+            $(node).remove();
+            _appendedNodes.delete(node);
+        } else {
+            // Originally in sidebar and no longer in any tab — make it
+            // visible again so it reverts to default (files tab) behavior
+            node.classList.remove("sidebar-tab-hidden");
+        }
+    }
+
+    /**
+     * Remove a tab entirely. Only succeeds if all content has been removed via
+     * `removeFromTab` first. Returns false if content still exists.
+     *
+     * @param {string} id  The tab id to remove
+     * @return {boolean} true if removed, false if content still associated
+     */
+    function removeTab(id) {
+        if (id === SIDEBAR_TAB_FILES) {
+            return false; // cannot remove the built-in files tab
+        }
+
+        if (_tabContent[id] && _tabContent[id].length > 0) {
+            return false;
+        }
+
+        var removed = false;
+        for (var i = _tabs.length - 1; i >= 0; i--) {
+            if (_tabs[i].id === id) {
+                _tabs.splice(i, 1);
+                removed = true;
+                break;
+            }
+        }
+
+        if (removed) {
+            delete _tabContent[id];
+
+            // If the removed tab was active, switch back to files
+            if (_activeTabId === id) {
+                _activeTabId = SIDEBAR_TAB_FILES;
+            }
+
+            _rebuildTabBar();
+            _applyTabVisibility();
+            exports.trigger(EVENT_TAB_REMOVED, id);
+        }
+
+        return removed;
+    }
+
+    /**
+     * Switch the active sidebar tab. Shows nodes associated with the target
+     * tab, hides all others.
+     *
+     * @param {string} id  The tab id to activate
+     */
+    function setActiveTab(id) {
+        // Verify the tab exists
+        var found = false;
+        for (var i = 0; i < _tabs.length; i++) {
+            if (_tabs[i].id === id) {
+                found = true;
+                break;
+            }
+        }
+        if (!found) {
+            return;
+        }
+
+        var previousTabId = _activeTabId;
+        _activeTabId = id;
+
+        // Update active class on tab items
+        $navTabBar.find(".sidebar-tab").removeClass("active");
+        $navTabBar.find('.sidebar-tab[data-tab-id="' + id + '"]').addClass("active");
+
+        _applyTabVisibility();
+
+        if (previousTabId !== id) {
+            exports.trigger(EVENT_TAB_CHANGED, id, previousTabId);
+        }
+    }
+
+    /**
+     * Get the currently active tab id.
+     * @return {string}
+     */
+    function getActiveTab() {
+        return _activeTabId;
+    }
+
+    /**
+     * Get an array of all registered tab descriptors.
+     * @return {Array.<{id: string, label: string, iconClass: string, priority: number}>}
+     */
+    function getAllTabs() {
+        return _tabs.map(function (tab) {
+            return {
+                id: tab.id,
+                label: tab.label,
+                iconClass: tab.iconClass,
+                priority: tab.priority
+            };
+        });
+    }
+
+    // --- Initialization ------------------------------------------------------
+
+    AppInit.htmlReady(function () {
+        $sidebar = $("#sidebar");
+
+        // Create the tab bar and insert after #mainNavBar
+        $navTabBar = $('<div id="navTabBar"></div>');
+        $sidebar.find("#mainNavBar").after($navTabBar);
+
+        // Register the built-in Files tab
+        addTab(SIDEBAR_TAB_FILES, "Files", "fa-solid fa-folder", { priority: 0 });
+
+        // Set up click handler for tab switching
+        $navTabBar.on("click", ".sidebar-tab", function () {
+            var tabId = $(this).attr("data-tab-id");
+            if (tabId) {
+                setActiveTab(tabId);
+            }
+        });
+    });
+
+    // --- Make this module an EventDispatcher ----------------------------------
+
+    EventDispatcher.makeEventDispatcher(exports);
+
+    // --- Exports -------------------------------------------------------------
+
+    exports.SIDEBAR_TAB_FILES  = SIDEBAR_TAB_FILES;
+    exports.EVENT_TAB_ADDED    = EVENT_TAB_ADDED;
+    exports.EVENT_TAB_REMOVED  = EVENT_TAB_REMOVED;
+    exports.EVENT_TAB_CHANGED  = EVENT_TAB_CHANGED;
+
+    exports.addTab             = addTab;
+    exports.addToTab           = addToTab;
+    exports.removeFromTab      = removeFromTab;
+    exports.removeTab          = removeTab;
+    exports.setActiveTab       = setActiveTab;
+    exports.getActiveTab       = getActiveTab;
+    exports.getAllTabs          = getAllTabs;
+});

From 9b60c015d1d9204f30f20b44b09cf64e3ce67843 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Sun, 15 Feb 2026 14:26:46 +0530
Subject: [PATCH 21/35] test: sidebar tabs integ tests

---
 src/brackets.js                     |   1 +
 src/view/SidebarTabs.js             |  62 ++--
 test/UnitTestSuite.js               |   1 +
 test/spec/SidebarTabs-integ-test.js | 458 ++++++++++++++++++++++++++++
 4 files changed, 491 insertions(+), 31 deletions(-)
 create mode 100644 test/spec/SidebarTabs-integ-test.js

diff --git a/src/brackets.js b/src/brackets.js
index 9944d23c9..79428dbc7 100644
--- a/src/brackets.js
+++ b/src/brackets.js
@@ -292,6 +292,7 @@ define(function (require, exports, module) {
             WorkspaceManager: require("view/WorkspaceManager"),
             SearchResultsView: require("search/SearchResultsView"),
             ScrollTrackMarkers: require("search/ScrollTrackMarkers"),
+            SidebarTabs: require("view/SidebarTabs"),
             WorkingSetView: require("project/WorkingSetView"),
             doneLoading: false
         };
diff --git a/src/view/SidebarTabs.js b/src/view/SidebarTabs.js
index a8c6f4e38..9a67ea455 100644
--- a/src/view/SidebarTabs.js
+++ b/src/view/SidebarTabs.js
@@ -34,7 +34,7 @@
  */
 define(function (require, exports, module) {
 
-    var AppInit          = require("utils/AppInit"),
+    const AppInit          = require("utils/AppInit"),
         EventDispatcher  = require("utils/EventDispatcher");
 
     // --- Constants -----------------------------------------------------------
@@ -43,7 +43,7 @@ define(function (require, exports, module) {
      * The built-in Files tab id.
      * @const {string}
      */
-    var SIDEBAR_TAB_FILES = "sidebar-tab-files";
+    const SIDEBAR_TAB_FILES = "sidebar-tab-files";
 
     // --- Events --------------------------------------------------------------
 
@@ -51,41 +51,41 @@ define(function (require, exports, module) {
      * Fired when a new tab is registered via `addTab`.
      * @const {string}
      */
-    var EVENT_TAB_ADDED = "tabAdded";
+    const EVENT_TAB_ADDED = "tabAdded";
 
     /**
      * Fired when a tab is removed via `removeTab`.
      * @const {string}
      */
-    var EVENT_TAB_REMOVED = "tabRemoved";
+    const EVENT_TAB_REMOVED = "tabRemoved";
 
     /**
      * Fired when the active tab changes via `setActiveTab`.
      * @const {string}
      */
-    var EVENT_TAB_CHANGED = "tabChanged";
+    const EVENT_TAB_CHANGED = "tabChanged";
 
     // --- Private state -------------------------------------------------------
 
     /** @type {jQuery} */
-    var $navTabBar;
+    let $navTabBar;
 
     /** @type {jQuery} */
-    var $sidebar;
+    let $sidebar;
 
     /**
      * Ordered array of registered tab descriptors.
      * Each entry: { id, label, iconClass, priority, $tabItem }
      * @type {Array}
      */
-    var _tabs = [];
+    const _tabs = [];
 
     /**
      * Map from tabId -> array of DOM elements (not jQuery) associated with
      * that tab via `addToTab`.
      * @type {Object.<string, Array.<Element>>}
      */
-    var _tabContent = {};
+    const _tabContent = {};
 
     /**
      * Set of DOM elements that were appended to #sidebar by `addToTab` (i.e.
@@ -93,23 +93,23 @@ define(function (require, exports, module) {
      * decide whether to also detach the node from the DOM.
      * @type {Set.<Element>}
      */
-    var _appendedNodes = new Set();
+    const _appendedNodes = new Set();
 
     /**
      * Currently active tab id.
      * @type {string}
      */
-    var _activeTabId = SIDEBAR_TAB_FILES;
+    let _activeTabId = SIDEBAR_TAB_FILES;
 
     // --- IDs to always exclude from visibility toggling ----------------------
 
-    var _EXCLUDED_IDS = { "mainNavBar": true, "navTabBar": true };
+    const _EXCLUDED_IDS = { "mainNavBar": true, "navTabBar": true };
 
     /**
      * CSS classes that mark structural/resizer elements which must never be
      * hidden by tab switching.
      */
-    var _EXCLUDED_CLASSES = ["horz-resizer", "vert-resizer"];
+    const _EXCLUDED_CLASSES = ["horz-resizer", "vert-resizer"];
 
     // --- Private helpers -----------------------------------------------------
 
@@ -121,7 +121,7 @@ define(function (require, exports, module) {
         if (_EXCLUDED_IDS[node.id]) {
             return true;
         }
-        for (var i = 0; i < _EXCLUDED_CLASSES.length; i++) {
+        for (let i = 0; i < _EXCLUDED_CLASSES.length; i++) {
             if (node.classList.contains(_EXCLUDED_CLASSES[i])) {
                 return true;
             }
@@ -136,7 +136,7 @@ define(function (require, exports, module) {
         $navTabBar.empty();
         _tabs.sort(function (a, b) { return a.priority - b.priority; });
         _tabs.forEach(function (tab) {
-            var $item = $('<div class="sidebar-tab" data-tab-id="' + tab.id + '">' +
+            const $item = $('<div class="sidebar-tab" data-tab-id="' + tab.id + '">' +
                 '<i class="' + tab.iconClass + '"></i>' +
                 '<span>' + tab.label + '</span>' +
                 '</div>');
@@ -168,8 +168,8 @@ define(function (require, exports, module) {
      * registered tab.
      */
     function _isNodeInAnyTab(node) {
-        var tabIds = Object.keys(_tabContent);
-        for (var i = 0; i < tabIds.length; i++) {
+        const tabIds = Object.keys(_tabContent);
+        for (let i = 0; i < tabIds.length; i++) {
             if (_tabContent[tabIds[i]].indexOf(node) !== -1) {
                 return true;
             }
@@ -190,13 +190,13 @@ define(function (require, exports, module) {
             return;
         }
 
-        var children = $sidebar.children().toArray();
+        const children = $sidebar.children().toArray();
 
         if (_activeTabId === SIDEBAR_TAB_FILES) {
             // Files tab: show nodes that are in the files tab content OR
             // unassociated (not in any tab). Hide nodes that are exclusively
             // in other tabs.
-            var filesNodes = new Set(_tabContent[SIDEBAR_TAB_FILES] || []);
+            const filesNodes = new Set(_tabContent[SIDEBAR_TAB_FILES] || []);
 
             children.forEach(function (child) {
                 if (_isExcludedNode(child)) {
@@ -211,7 +211,7 @@ define(function (require, exports, module) {
         } else {
             // Non-files tab: show nodes associated with this tab, hide
             // everything else (except excluded nodes).
-            var activeNodes = new Set(_tabContent[_activeTabId] || []);
+            const activeNodes = new Set(_tabContent[_activeTabId] || []);
 
             children.forEach(function (child) {
                 if (_isExcludedNode(child)) {
@@ -241,13 +241,13 @@ define(function (require, exports, module) {
         options = options || {};
 
         // Prevent duplicate registrations
-        for (var i = 0; i < _tabs.length; i++) {
+        for (let i = 0; i < _tabs.length; i++) {
             if (_tabs[i].id === id) {
                 return;
             }
         }
 
-        var tab = {
+        const tab = {
             id: id,
             label: label,
             iconClass: iconClass,
@@ -270,7 +270,7 @@ define(function (require, exports, module) {
      * @param {jQuery|Element} $content  DOM node or jQuery wrapper
      */
     function addToTab(tabId, $content) {
-        var node = $content instanceof $ ? $content[0] : $content;
+        const node = $content instanceof $ ? $content[0] : $content;
         if (!node) {
             return;
         }
@@ -312,12 +312,12 @@ define(function (require, exports, module) {
      * @param {jQuery|Element} $content  DOM node or jQuery wrapper
      */
     function removeFromTab(tabId, $content) {
-        var node = $content instanceof $ ? $content[0] : $content;
+        const node = $content instanceof $ ? $content[0] : $content;
         if (!node || !_tabContent[tabId]) {
             return;
         }
 
-        var idx = _tabContent[tabId].indexOf(node);
+        const idx = _tabContent[tabId].indexOf(node);
         if (idx === -1) {
             return;
         }
@@ -355,8 +355,8 @@ define(function (require, exports, module) {
             return false;
         }
 
-        var removed = false;
-        for (var i = _tabs.length - 1; i >= 0; i--) {
+        let removed = false;
+        for (let i = _tabs.length - 1; i >= 0; i--) {
             if (_tabs[i].id === id) {
                 _tabs.splice(i, 1);
                 removed = true;
@@ -388,8 +388,8 @@ define(function (require, exports, module) {
      */
     function setActiveTab(id) {
         // Verify the tab exists
-        var found = false;
-        for (var i = 0; i < _tabs.length; i++) {
+        let found = false;
+        for (let i = 0; i < _tabs.length; i++) {
             if (_tabs[i].id === id) {
                 found = true;
                 break;
@@ -399,7 +399,7 @@ define(function (require, exports, module) {
             return;
         }
 
-        var previousTabId = _activeTabId;
+        const previousTabId = _activeTabId;
         _activeTabId = id;
 
         // Update active class on tab items
@@ -450,7 +450,7 @@ define(function (require, exports, module) {
 
         // Set up click handler for tab switching
         $navTabBar.on("click", ".sidebar-tab", function () {
-            var tabId = $(this).attr("data-tab-id");
+            const tabId = $(this).attr("data-tab-id");
             if (tabId) {
                 setActiveTab(tabId);
             }
diff --git a/test/UnitTestSuite.js b/test/UnitTestSuite.js
index f2dd6c590..7c061cf05 100644
--- a/test/UnitTestSuite.js
+++ b/test/UnitTestSuite.js
@@ -94,6 +94,7 @@ define(function (require, exports, module) {
     require("spec/PreferencesManager-integ-test");
     require("spec/MainViewFactory-integ-test");
     require("spec/MainViewManager-integ-test");
+    require("spec/SidebarTabs-integ-test");
     require("spec/Keyboard-nav-integ-test");
     require("spec/Menu-integ-test");
     require("spec/ProjectManager-integ-test");
diff --git a/test/spec/SidebarTabs-integ-test.js b/test/spec/SidebarTabs-integ-test.js
new file mode 100644
index 000000000..792898598
--- /dev/null
+++ b/test/spec/SidebarTabs-integ-test.js
@@ -0,0 +1,458 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/*global describe, it, expect, beforeAll, afterAll, beforeEach, awaitsFor */
+
+define(function (require, exports, module) {
+
+    const SpecRunnerUtils = require("spec/SpecRunnerUtils");
+
+    let SidebarTabs,
+        testWindow,
+        brackets,
+        _$;
+
+    // Test tab constants
+    const TEST_TAB_ID = "sidebar-tab-test";
+    const TEST_TAB_ID_2 = "sidebar-tab-test-2";
+
+    describe("mainview:SidebarTabs", function () {
+
+        beforeAll(async function () {
+            testWindow = await SpecRunnerUtils.createTestWindowAndRun();
+            brackets = testWindow.brackets;
+            SidebarTabs = brackets.test.SidebarTabs;
+            _$ = testWindow.$;
+        }, 30000);
+
+        afterAll(async function () {
+            // Reset to files tab
+            SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+
+            // Remove any test tabs that may still exist
+            const allTabs = SidebarTabs.getAllTabs();
+            allTabs.forEach(function (tab) {
+                if (tab.id !== SidebarTabs.SIDEBAR_TAB_FILES) {
+                    // Clear content first so removeTab succeeds
+                    // (skip tabs that have content - they belong to other extensions)
+                }
+            });
+
+            SidebarTabs = null;
+            testWindow = null;
+            brackets = null;
+            _$ = null;
+            await SpecRunnerUtils.closeTestWindow();
+        }, 30000);
+
+        beforeEach(function () {
+            // Reset to files tab before each test
+            SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+
+            // Remove any leftover test tabs
+            SidebarTabs.removeTab(TEST_TAB_ID);
+            SidebarTabs.removeTab(TEST_TAB_ID_2);
+        });
+
+        describe("initial state", function () {
+
+            it("should have #navTabBar as child of #sidebar after #mainNavBar", function () {
+                const $navTabBar = _$("#navTabBar");
+                expect($navTabBar.length).toBe(1);
+                expect($navTabBar.parent().attr("id")).toBe("sidebar");
+                // Should come after #mainNavBar
+                const $mainNavBar = _$("#mainNavBar");
+                expect($mainNavBar.length).toBe(1);
+                expect($navTabBar.prev().attr("id")).toBe("mainNavBar");
+            });
+
+            it("should have files tab as active tab", function () {
+                expect(SidebarTabs.getActiveTab()).toBe(SidebarTabs.SIDEBAR_TAB_FILES);
+            });
+
+            it("should include at least the files tab in getAllTabs", function () {
+                const allTabs = SidebarTabs.getAllTabs();
+                expect(allTabs.length).toBeGreaterThanOrEqual(1);
+                const filesTab = allTabs.find(function (t) {
+                    return t.id === SidebarTabs.SIDEBAR_TAB_FILES;
+                });
+                expect(filesTab).toBeDefined();
+            });
+
+            it("should have tab bar visible with has-tabs when multiple tabs exist", function () {
+                const $navTabBar = _$("#navTabBar");
+                const allTabs = SidebarTabs.getAllTabs();
+                if (allTabs.length >= 2) {
+                    expect($navTabBar.hasClass("has-tabs")).toBe(true);
+                }
+            });
+        });
+
+        describe("addTab and removeTab", function () {
+
+            it("should increase tab count when adding a new tab", function () {
+                const initialCount = SidebarTabs.getAllTabs().length;
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                expect(SidebarTabs.getAllTabs().length).toBe(initialCount + 1);
+            });
+
+            it("should not increase count on duplicate addTab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                const countAfterFirst = SidebarTabs.getAllTabs().length;
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab Dup", "fa-solid fa-flask");
+                expect(SidebarTabs.getAllTabs().length).toBe(countAfterFirst);
+            });
+
+            it("should return false when removing the built-in files tab", function () {
+                const result = SidebarTabs.removeTab(SidebarTabs.SIDEBAR_TAB_FILES);
+                expect(result).toBe(false);
+            });
+
+            it("should return false when removing a tab that has content", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                const $content = _$('<div class="test-tab-content">Content</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+
+                const result = SidebarTabs.removeTab(TEST_TAB_ID);
+                expect(result).toBe(false);
+
+                // Clean up
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+            });
+
+            it("should return true when removing an empty tab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                const result = SidebarTabs.removeTab(TEST_TAB_ID);
+                expect(result).toBe(true);
+            });
+
+            it("should no longer include tab in getAllTabs after removeTab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.removeTab(TEST_TAB_ID);
+                const allTabs = SidebarTabs.getAllTabs();
+                const found = allTabs.find(function (t) { return t.id === TEST_TAB_ID; });
+                expect(found).toBeUndefined();
+            });
+
+            it("should fire EVENT_TAB_ADDED on addTab", function () {
+                let firedId = null;
+                function handler(event, id) {
+                    firedId = id;
+                }
+                SidebarTabs.on(SidebarTabs.EVENT_TAB_ADDED, handler);
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.off(SidebarTabs.EVENT_TAB_ADDED, handler);
+
+                expect(firedId).toBe(TEST_TAB_ID);
+            });
+
+            it("should fire EVENT_TAB_REMOVED on removeTab", function () {
+                let firedId = null;
+                function handler(event, id) {
+                    firedId = id;
+                }
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.on(SidebarTabs.EVENT_TAB_REMOVED, handler);
+                SidebarTabs.removeTab(TEST_TAB_ID);
+                SidebarTabs.off(SidebarTabs.EVENT_TAB_REMOVED, handler);
+
+                expect(firedId).toBe(TEST_TAB_ID);
+            });
+        });
+
+        describe("addToTab and removeFromTab", function () {
+
+            it("should append content node to #sidebar", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                const $content = _$('<div id="test-sidebar-content">Hello</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+
+                expect(_$("#sidebar").find("#test-sidebar-content").length).toBe(1);
+
+                // Clean up
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+            });
+
+            it("should hide content added to a non-active tab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                // Active tab is FILES, so content added to TEST_TAB_ID should be hidden
+                const $content = _$('<div id="test-hidden-content">Hidden</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+
+                expect($content.hasClass("sidebar-tab-hidden")).toBe(true);
+
+                // Clean up
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+            });
+
+            it("should show content added to the active tab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+
+                const $content = _$('<div id="test-visible-content">Visible</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+
+                expect($content.hasClass("sidebar-tab-hidden")).toBe(false);
+
+                // Clean up
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+            });
+
+            it("should remove node from DOM when removeFromTab leaves it in no tab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                const $content = _$('<div id="test-remove-content">Remove me</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+
+                expect(_$("#sidebar").find("#test-remove-content").length).toBe(1);
+
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+                expect(_$("#sidebar").find("#test-remove-content").length).toBe(0);
+            });
+
+            it("should keep node in DOM when removeFromTab still leaves it in another tab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.addTab(TEST_TAB_ID_2, "Test Tab 2", "fa-solid fa-flask");
+                const $content = _$('<div id="test-multi-content">Multi</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+                SidebarTabs.addToTab(TEST_TAB_ID_2, $content);
+
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+                expect(_$("#sidebar").find("#test-multi-content").length).toBe(1);
+
+                // Clean up
+                SidebarTabs.removeFromTab(TEST_TAB_ID_2, $content);
+            });
+        });
+
+        describe("setActiveTab", function () {
+
+            it("should set getActiveTab to the new tab id", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+
+                expect(SidebarTabs.getActiveTab()).toBe(TEST_TAB_ID);
+            });
+
+            it("should show existing sidebar children when switching to files tab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+
+                // Working set and project files should be visible
+                const $openFilesContainer = _$("#open-files-container");
+                const $projectFilesContainer = _$("#project-files-container");
+                if ($openFilesContainer.length) {
+                    expect($openFilesContainer.hasClass("sidebar-tab-hidden")).toBe(false);
+                }
+                if ($projectFilesContainer.length) {
+                    expect($projectFilesContainer.hasClass("sidebar-tab-hidden")).toBe(false);
+                }
+            });
+
+            it("should hide existing sidebar children when switching to custom tab", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                const $content = _$('<div id="test-custom-visible">Custom</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+
+                // Existing sidebar children (not associated with any tab) should be hidden
+                const $openFilesContainer = _$("#open-files-container");
+                if ($openFilesContainer.length) {
+                    expect($openFilesContainer.hasClass("sidebar-tab-hidden")).toBe(true);
+                }
+
+                // Custom tab content should be visible
+                expect($content.hasClass("sidebar-tab-hidden")).toBe(false);
+
+                // Clean up
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+            });
+
+            it("should restore sidebar children when switching back to files", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                const $content = _$('<div id="test-switchback">SwitchBack</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+
+                // Switch to custom tab then back
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+
+                // Sidebar children should be visible again
+                const $openFilesContainer = _$("#open-files-container");
+                if ($openFilesContainer.length) {
+                    expect($openFilesContainer.hasClass("sidebar-tab-hidden")).toBe(false);
+                }
+                // Custom content should be hidden
+                expect($content.hasClass("sidebar-tab-hidden")).toBe(true);
+
+                // Clean up
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+            });
+
+            it("should fire EVENT_TAB_CHANGED with newTabId and previousTabId", function () {
+                let eventArgs = null;
+                function handler(event, newTabId, previousTabId) {
+                    eventArgs = { newTabId: newTabId, previousTabId: previousTabId };
+                }
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.on(SidebarTabs.EVENT_TAB_CHANGED, handler);
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+                SidebarTabs.off(SidebarTabs.EVENT_TAB_CHANGED, handler);
+
+                expect(eventArgs).not.toBeNull();
+                expect(eventArgs.newTabId).toBe(TEST_TAB_ID);
+                expect(eventArgs.previousTabId).toBe(SidebarTabs.SIDEBAR_TAB_FILES);
+            });
+
+            it("should do nothing when setActiveTab is called with unknown id", function () {
+                const currentTab = SidebarTabs.getActiveTab();
+                SidebarTabs.setActiveTab("nonexistent-tab-id");
+                expect(SidebarTabs.getActiveTab()).toBe(currentTab);
+            });
+
+            it("should never hide #mainNavBar during any switch", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+                const $mainNavBar = _$("#mainNavBar");
+                expect($mainNavBar.hasClass("sidebar-tab-hidden")).toBe(false);
+
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+                expect($mainNavBar.hasClass("sidebar-tab-hidden")).toBe(false);
+            });
+
+            it("should never hide #navTabBar during any switch", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+                const $navTabBar = _$("#navTabBar");
+                expect($navTabBar.hasClass("sidebar-tab-hidden")).toBe(false);
+
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+                expect($navTabBar.hasClass("sidebar-tab-hidden")).toBe(false);
+            });
+
+            it("should never hide resizer elements during any switch", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+                const $horzResizers = _$("#sidebar .horz-resizer");
+                const $vertResizers = _$("#sidebar .vert-resizer");
+                $horzResizers.each(function (i, el) {
+                    expect(_$(el).hasClass("sidebar-tab-hidden")).toBe(false);
+                });
+                $vertResizers.each(function (i, el) {
+                    expect(_$(el).hasClass("sidebar-tab-hidden")).toBe(false);
+                });
+
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+                $horzResizers.each(function (i, el) {
+                    expect(_$(el).hasClass("sidebar-tab-hidden")).toBe(false);
+                });
+                $vertResizers.each(function (i, el) {
+                    expect(_$(el).hasClass("sidebar-tab-hidden")).toBe(false);
+                });
+            });
+        });
+
+        describe("multi-tab content", function () {
+
+            it("should show node associated with two tabs when either is active", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.addTab(TEST_TAB_ID_2, "Test Tab 2", "fa-solid fa-flask");
+                const $content = _$('<div id="test-multi-visible">Multi</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+                SidebarTabs.addToTab(TEST_TAB_ID_2, $content);
+
+                SidebarTabs.setActiveTab(TEST_TAB_ID);
+                expect($content.hasClass("sidebar-tab-hidden")).toBe(false);
+
+                SidebarTabs.setActiveTab(TEST_TAB_ID_2);
+                expect($content.hasClass("sidebar-tab-hidden")).toBe(false);
+
+                // Clean up
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+                SidebarTabs.removeFromTab(TEST_TAB_ID_2, $content);
+            });
+
+            it("should keep node visible after removing from one tab if other tab is active", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.addTab(TEST_TAB_ID_2, "Test Tab 2", "fa-solid fa-flask");
+                const $content = _$('<div id="test-multi-remove-one">Multi</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+                SidebarTabs.addToTab(TEST_TAB_ID_2, $content);
+
+                SidebarTabs.setActiveTab(TEST_TAB_ID_2);
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+                // Still in TEST_TAB_ID_2 which is active, so visible
+                expect($content.hasClass("sidebar-tab-hidden")).toBe(false);
+
+                // Clean up
+                SidebarTabs.setActiveTab(SidebarTabs.SIDEBAR_TAB_FILES);
+                SidebarTabs.removeFromTab(TEST_TAB_ID_2, $content);
+            });
+
+            it("should remove appended node from DOM when removed from all tabs", function () {
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                SidebarTabs.addTab(TEST_TAB_ID_2, "Test Tab 2", "fa-solid fa-flask");
+                const $content = _$('<div id="test-multi-remove-all">Multi</div>');
+                SidebarTabs.addToTab(TEST_TAB_ID, $content);
+                SidebarTabs.addToTab(TEST_TAB_ID_2, $content);
+
+                SidebarTabs.removeFromTab(TEST_TAB_ID, $content);
+                SidebarTabs.removeFromTab(TEST_TAB_ID_2, $content);
+
+                // Node was appended by addToTab, so it should be removed from DOM
+                expect(_$("#sidebar").find("#test-multi-remove-all").length).toBe(0);
+            });
+        });
+
+        describe("tab bar visibility", function () {
+
+            it("should have has-tabs class when >= 2 tabs exist", function () {
+                const $navTabBar = _$("#navTabBar");
+                // There should already be at least the files tab; add one more
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                expect(SidebarTabs.getAllTabs().length).toBeGreaterThanOrEqual(2);
+                expect($navTabBar.hasClass("has-tabs")).toBe(true);
+            });
+
+            it("should lose has-tabs class when only 1 tab remains", function () {
+                const $navTabBar = _$("#navTabBar");
+                // Add our own test tab so we have a known removable tab
+                SidebarTabs.addTab(TEST_TAB_ID, "Test Tab", "fa-solid fa-flask");
+                const countWithTestTab = SidebarTabs.getAllTabs().length;
+                expect($navTabBar.hasClass("has-tabs")).toBe(true);
+
+                // Remove only our test tab
+                SidebarTabs.removeTab(TEST_TAB_ID);
+                const countAfterRemove = SidebarTabs.getAllTabs().length;
+                expect(countAfterRemove).toBe(countWithTestTab - 1);
+
+                // has-tabs should accurately reflect whether >= 2 tabs remain
+                expect($navTabBar.hasClass("has-tabs")).toBe(countAfterRemove >= 2);
+            });
+        });
+    });
+});

From debe524d691e55d8aa781bd79d65be25e31d760f Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Sun, 15 Feb 2026 14:44:20 +0530
Subject: [PATCH 22/35] docs: update for new view/SidebarTabs.js and fix some
 docs layout issues

---
 docs/API-Reference/view/MainViewFactory.md  |  71 ++-
 docs/API-Reference/view/MainViewManager.md  | 243 ++++---
 docs/API-Reference/view/Pane.md             | 661 +++++++++++---------
 docs/API-Reference/view/SidebarTabs.md      | 139 ++++
 docs/API-Reference/view/ViewStateManager.md |  36 +-
 docs/API-Reference/view/WorkspaceManager.md | 120 ++--
 src/view/MainViewFactory.js                 |   1 +
 src/view/MainViewManager.js                 |   7 +-
 src/view/Pane.js                            |   1 +
 src/view/SidebarTabs.js                     |  19 +-
 src/view/ViewStateManager.js                |   1 +
 src/view/WorkspaceManager.js                |   1 +
 12 files changed, 802 insertions(+), 498 deletions(-)
 create mode 100644 docs/API-Reference/view/SidebarTabs.md

diff --git a/docs/API-Reference/view/MainViewFactory.md b/docs/API-Reference/view/MainViewFactory.md
index 51e1db479..5678cf93d 100644
--- a/docs/API-Reference/view/MainViewFactory.md
+++ b/docs/API-Reference/view/MainViewFactory.md
@@ -3,39 +3,80 @@
 const MainViewFactory = brackets.getModule("view/MainViewFactory")
 ```
 
-<a name="_"></a>
+<a name="module_view/MainViewFactory"></a>
 
-## \_
-MainViewFactory is a singleton for managing view factories.

Registering a view factory:
```js
     registerViewFactory({
          canOpenFile: function (fullPath) {
              return (fullPath.slice(-4) === ".ico");
          },
          openFile: function(file, pane) {
              return createIconView(file, pane);
          }
     });
```
 The openFile method is used to open the file and construct
 a view of it.  Implementation should add the view to the pane
```js
     function createIconView(file, pane) {
         // IconView will construct its DOM and append
         //  it to pane.$el
         var view = new IconView(file, pane.$el);
         // Then tell the pane to add it to
         //  its view map and show it
         pane.addView(view, true);
         return new $.Deferred().resolve().promise();
     }
```
 Factories should only create 1 view of a file per pane.  Brackets currently only supports 1 view of
 a file open at a given time but that may change to allow the same file open in more than 1 pane. Therefore
 Factories can do a simple check to see if a view already exists and show it before creating a new one:
```js
     var view = pane.getViewForPath(file.fullPath);
     if (view) {
         pane.showView(view);
     } else {
         return createIconView(file, pane);
     }
```
+## view/MainViewFactory
+MainViewFactory is a singleton for managing view factories.
 
-**Kind**: global variable  
-<a name="registerViewFactory"></a>
+Registering a view factory:
+```js
+     registerViewFactory({
+          canOpenFile: function (fullPath) {
+              return (fullPath.slice(-4) === ".ico");
+          },
+          openFile: function(file, pane) {
+              return createIconView(file, pane);
+          }
+     });
+```
+ The openFile method is used to open the file and construct
+ a view of it.  Implementation should add the view to the pane
+```js
+     function createIconView(file, pane) {
+         // IconView will construct its DOM and append
+         //  it to pane.$el
+         var view = new IconView(file, pane.$el);
+         // Then tell the pane to add it to
+         //  its view map and show it
+         pane.addView(view, true);
+         return new $.Deferred().resolve().promise();
+     }
+```
+ Factories should only create 1 view of a file per pane.  Brackets currently only supports 1 view of
+ a file open at a given time but that may change to allow the same file open in more than 1 pane. Therefore
+ Factories can do a simple check to see if a view already exists and show it before creating a new one:
+```js
+     var view = pane.getViewForPath(file.fullPath);
+     if (view) {
+         pane.showView(view);
+     } else {
+         return createIconView(file, pane);
+     }
+```
+
+
+* [view/MainViewFactory](#module_view/MainViewFactory)
+    * [.registerViewFactory(factory)](#module_view/MainViewFactory..registerViewFactory)
+    * [.findSuitableFactoryForPath(fullPath)](#module_view/MainViewFactory..findSuitableFactoryForPath) ⇒ <code>Factory</code>
+    * [.Factory](#module_view/MainViewFactory..Factory) : <code>Object</code>
+
+<a name="module_view/MainViewFactory..registerViewFactory"></a>
 
-## registerViewFactory(factory)
+### view/MainViewFactory.registerViewFactory(factory)
 Registers a view factory
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewFactory</code>](#module_view/MainViewFactory)  
 
 | Param | Type | Description |
 | --- | --- | --- |
-| factory | [<code>Factory</code>](#Factory) | The view factory to register. |
+| factory | <code>Factory</code> | The view factory to register. |
 
-<a name="findSuitableFactoryForPath"></a>
+<a name="module_view/MainViewFactory..findSuitableFactoryForPath"></a>
 
-## findSuitableFactoryForPath(fullPath) ⇒ [<code>Factory</code>](#Factory)
+### view/MainViewFactory.findSuitableFactoryForPath(fullPath) ⇒ <code>Factory</code>
 Finds a factory that can open the specified file
 
-**Kind**: global function  
-**Returns**: [<code>Factory</code>](#Factory) - A factory that can create a view for the path or undefined if there isn't one.  
+**Kind**: inner method of [<code>view/MainViewFactory</code>](#module_view/MainViewFactory)  
+**Returns**: <code>Factory</code> - A factory that can create a view for the path or undefined if there isn't one.  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | fullPath | <code>string</code> | The file to open. |
 
-<a name="Factory"></a>
+<a name="module_view/MainViewFactory..Factory"></a>
 
-## Factory : <code>Object</code>
-**Kind**: global typedef  
+### view/MainViewFactory.Factory : <code>Object</code>
+**Kind**: inner typedef of [<code>view/MainViewFactory</code>](#module_view/MainViewFactory)  
 **Properties**
 
 | Name | Type | Description |
diff --git a/docs/API-Reference/view/MainViewManager.md b/docs/API-Reference/view/MainViewManager.md
index f4a71dde3..0d38ca336 100644
--- a/docs/API-Reference/view/MainViewManager.md
+++ b/docs/API-Reference/view/MainViewManager.md
@@ -3,9 +3,9 @@
 const MainViewManager = brackets.getModule("view/MainViewManager")
 ```
 
-<a name="_"></a>
+<a name="module_view/MainViewManager"></a>
 
-## \_
+## view/MainViewManager
 MainViewManager manages the arrangement of all open panes as well as provides the controller
 logic behind all views in the MainView (e.g. ensuring that a file doesn't appear in 2 lists)
 
@@ -56,226 +56,261 @@ This module dispatches several events:
 To listen for events, do something like this: (see EventDispatcher for details on this pattern)
    `MainViewManager.on("eventname", handler);`
 
-**Kind**: global variable  
-<a name="EVENT_CURRENT_FILE_CHANGE"></a>
 
-## EVENT\_CURRENT\_FILE\_CHANGE : <code>string</code>
+* [view/MainViewManager](#module_view/MainViewManager)
+    * [.EVENT_CURRENT_FILE_CHANGE](#module_view/MainViewManager..EVENT_CURRENT_FILE_CHANGE) : <code>string</code>
+    * [.ALL_PANES](#module_view/MainViewManager..ALL_PANES)
+    * [.ACTIVE_PANE](#module_view/MainViewManager..ACTIVE_PANE)
+    * [.isExclusiveToPane(File)](#module_view/MainViewManager..isExclusiveToPane) ⇒ <code>Object</code>
+    * [.getActivePaneId()](#module_view/MainViewManager..getActivePaneId) ⇒ <code>string</code>
+    * [.focusActivePane()](#module_view/MainViewManager..focusActivePane)
+    * [.setActivePaneId(paneId)](#module_view/MainViewManager..setActivePaneId)
+    * [.getCurrentlyViewedFile(paneId)](#module_view/MainViewManager..getCurrentlyViewedFile) ⇒ <code>File</code>
+    * [.getCurrentlyViewedEditor(paneId)](#module_view/MainViewManager..getCurrentlyViewedEditor) ⇒ <code>Editor</code>
+    * [.getAllViewedEditors()](#module_view/MainViewManager..getAllViewedEditors) ⇒ <code>Object</code>
+    * [.getCurrentlyViewedPath(paneId)](#module_view/MainViewManager..getCurrentlyViewedPath) ⇒ <code>string</code>
+    * [.cacheScrollState(paneId)](#module_view/MainViewManager..cacheScrollState)
+    * [.restoreAdjustedScrollState(paneId, heightDelta)](#module_view/MainViewManager..restoreAdjustedScrollState)
+    * [.getWorkingSet(paneId)](#module_view/MainViewManager..getWorkingSet) ⇒ <code>Array.&lt;File&gt;</code>
+    * [.getAllOpenFiles()](#module_view/MainViewManager..getAllOpenFiles) ⇒ <code>array.&lt;File&gt;</code>
+    * [.getPaneIdList()](#module_view/MainViewManager..getPaneIdList) ⇒ <code>array.&lt;string&gt;</code>
+    * [.getWorkingSetSize(paneId)](#module_view/MainViewManager..getWorkingSetSize) ⇒ <code>number</code>
+    * [.getPaneTitle(paneId)](#module_view/MainViewManager..getPaneTitle) ⇒ <code>string</code>
+    * [.getPaneCount()](#module_view/MainViewManager..getPaneCount) ⇒ <code>number</code>
+    * [.findInAllWorkingSets(fullPath)](#module_view/MainViewManager..findInAllWorkingSets) ⇒ <code>Object</code>
+    * [.findInOpenPane(fullPath)](#module_view/MainViewManager..findInOpenPane) ⇒ <code>Object</code>
+    * [.findInWorkingSet(paneId, fullPath)](#module_view/MainViewManager..findInWorkingSet) ⇒ <code>number</code>
+    * [.findInWorkingSetByAddedOrder(paneId, fullPath)](#module_view/MainViewManager..findInWorkingSetByAddedOrder) ⇒ <code>number</code>
+    * [.findInWorkingSetByMRUOrder(paneId, fullPath)](#module_view/MainViewManager..findInWorkingSetByMRUOrder) ⇒ <code>number</code>
+    * [.addToWorkingSet(paneId, file, [index], [forceRedraw])](#module_view/MainViewManager..addToWorkingSet)
+    * [.addListToWorkingSet(paneId, fileList)](#module_view/MainViewManager..addListToWorkingSet)
+    * [.switchPaneFocus()](#module_view/MainViewManager..switchPaneFocus)
+    * [.traverseToNextViewByMRU(direction)](#module_view/MainViewManager..traverseToNextViewByMRU) ⇒ <code>Object</code>
+    * [.traverseToNextViewInListOrder(direction)](#module_view/MainViewManager..traverseToNextViewInListOrder) ⇒ <code>Object</code>
+    * [.beginTraversal()](#module_view/MainViewManager..beginTraversal)
+    * [.endTraversal()](#module_view/MainViewManager..endTraversal)
+    * [.setLayoutScheme(rows, columns)](#module_view/MainViewManager..setLayoutScheme)
+    * [.getLayoutScheme()](#module_view/MainViewManager..getLayoutScheme) ⇒ <code>Object</code>
+
+<a name="module_view/MainViewManager..EVENT_CURRENT_FILE_CHANGE"></a>
+
+### view/MainViewManager.EVENT\_CURRENT\_FILE\_CHANGE : <code>string</code>
 Event current file change
 
-**Kind**: global constant  
-<a name="ALL_PANES"></a>
+**Kind**: inner constant of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
+<a name="module_view/MainViewManager..ALL_PANES"></a>
 
-## ALL\_PANES
+### view/MainViewManager.ALL\_PANES
 Special paneId shortcut that can be used to specify that
 all panes should be targeted by the API.
 Not all APIs support this constnant.
 Check the API documentation before use.
 
-**Kind**: global constant  
-<a name="ACTIVE_PANE"></a>
+**Kind**: inner constant of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
+<a name="module_view/MainViewManager..ACTIVE_PANE"></a>
 
-## ACTIVE\_PANE
+### view/MainViewManager.ACTIVE\_PANE
 Special paneId shortcut that can be used to specify that
 the API should target the focused pane only.
 All APIs support this shortcut.
 
-**Kind**: global constant  
-<a name="isExclusiveToPane"></a>
+**Kind**: inner constant of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
+<a name="module_view/MainViewManager..isExclusiveToPane"></a>
 
-## isExclusiveToPane(File) ⇒ <code>Object</code>
+### view/MainViewManager.isExclusiveToPane(File) ⇒ <code>Object</code>
 Checks whether a file is listed exclusively in the provided pane
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | File | <code>File</code> | the file |
 
-<a name="getActivePaneId"></a>
+<a name="module_view/MainViewManager..getActivePaneId"></a>
 
-## getActivePaneId() ⇒ <code>string</code>
+### view/MainViewManager.getActivePaneId() ⇒ <code>string</code>
 Retrieves the currently active Pane Id
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>string</code> - Active Pane's ID.  
-<a name="focusActivePane"></a>
+<a name="module_view/MainViewManager..focusActivePane"></a>
 
-## focusActivePane()
+### view/MainViewManager.focusActivePane()
 Focuses the current pane. If the current pane has a current view, then the pane will focus the view.
 
-**Kind**: global function  
-<a name="setActivePaneId"></a>
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
+<a name="module_view/MainViewManager..setActivePaneId"></a>
 
-## setActivePaneId(paneId)
+### view/MainViewManager.setActivePaneId(paneId)
 Switch active pane to the specified pane id (or ACTIVE_PANE/ALL_PANES, in which case this
 call does nothing).
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | the id of the pane to activate |
 
-<a name="getCurrentlyViewedFile"></a>
+<a name="module_view/MainViewManager..getCurrentlyViewedFile"></a>
 
-## getCurrentlyViewedFile(paneId) ⇒ <code>File</code>
+### view/MainViewManager.getCurrentlyViewedFile(paneId) ⇒ <code>File</code>
 Retrieves the currently viewed file of the specified paneId
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>File</code> - File object of the currently viewed file, or null if there isn't one or there's no such pane  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | the id of the pane in which to retrieve the currently viewed file |
 
-<a name="getCurrentlyViewedEditor"></a>
+<a name="module_view/MainViewManager..getCurrentlyViewedEditor"></a>
 
-## getCurrentlyViewedEditor(paneId) ⇒ <code>Editor</code>
+### view/MainViewManager.getCurrentlyViewedEditor(paneId) ⇒ <code>Editor</code>
 Retrieves the currently viewed editor of the specified paneId
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>Editor</code> - currently editor, or null if there isn't one or there's no such pane  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | the id of the pane in which to retrieve the currently viewed editor |
 
-<a name="getAllViewedEditors"></a>
+<a name="module_view/MainViewManager..getAllViewedEditors"></a>
 
-## getAllViewedEditors() ⇒ <code>Object</code>
+### view/MainViewManager.getAllViewedEditors() ⇒ <code>Object</code>
 Gets an array of editors open in panes with their pane IDs.
 Can return an empty array if no editors are open.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>Object</code> - An array of objects, each containing an editor and its corresponding pane ID.  
-<a name="getCurrentlyViewedPath"></a>
+<a name="module_view/MainViewManager..getCurrentlyViewedPath"></a>
 
-## getCurrentlyViewedPath(paneId) ⇒ <code>string</code>
+### view/MainViewManager.getCurrentlyViewedPath(paneId) ⇒ <code>string</code>
 Retrieves the currently viewed path of the pane specified by paneId
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>string</code> - the path of the currently viewed file or null if there isn't one  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | the id of the pane in which to retrieve the currently viewed path |
 
-<a name="cacheScrollState"></a>
+<a name="module_view/MainViewManager..cacheScrollState"></a>
 
-## cacheScrollState(paneId)
+### view/MainViewManager.cacheScrollState(paneId)
 Caches the specified pane's current scroll state
 If there was already cached state for the specified pane, it is discarded and overwritten
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | id of the pane in which to cache the scroll state,                            ALL_PANES or ACTIVE_PANE |
 
-<a name="restoreAdjustedScrollState"></a>
+<a name="module_view/MainViewManager..restoreAdjustedScrollState"></a>
 
-## restoreAdjustedScrollState(paneId, heightDelta)
+### view/MainViewManager.restoreAdjustedScrollState(paneId, heightDelta)
 Restores the scroll state from cache and applies the heightDelta
 The view implementation is responsible for applying or ignoring the heightDelta.
 This is used primarily when a modal bar opens to keep the editor from scrolling the current
 page out of view in order to maintain the appearance.
 The state is removed from the cache after calling this function.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | id of the pane in which to adjust the scroll state,                              ALL_PANES or ACTIVE_PANE |
 | heightDelta | <code>number</code> | delta H to apply to the scroll state |
 
-<a name="getWorkingSet"></a>
+<a name="module_view/MainViewManager..getWorkingSet"></a>
 
-## getWorkingSet(paneId) ⇒ <code>Array.&lt;File&gt;</code>
+### view/MainViewManager.getWorkingSet(paneId) ⇒ <code>Array.&lt;File&gt;</code>
 Retrieves the WorkingSet for the given paneId not including temporary views
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | id of the pane in which to get the view list, ALL_PANES or ACTIVE_PANE |
 
-<a name="getAllOpenFiles"></a>
+<a name="module_view/MainViewManager..getAllOpenFiles"></a>
 
-## getAllOpenFiles() ⇒ <code>array.&lt;File&gt;</code>
+### view/MainViewManager.getAllOpenFiles() ⇒ <code>array.&lt;File&gt;</code>
 Retrieves the list of all open files including temporary views
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>array.&lt;File&gt;</code> - the list of all open files in all open panes  
-<a name="getPaneIdList"></a>
+<a name="module_view/MainViewManager..getPaneIdList"></a>
 
-## getPaneIdList() ⇒ <code>array.&lt;string&gt;</code>
+### view/MainViewManager.getPaneIdList() ⇒ <code>array.&lt;string&gt;</code>
 Retrieves the list of all open pane ids
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>array.&lt;string&gt;</code> - the list of all open panes  
-<a name="getWorkingSetSize"></a>
+<a name="module_view/MainViewManager..getWorkingSetSize"></a>
 
-## getWorkingSetSize(paneId) ⇒ <code>number</code>
+### view/MainViewManager.getWorkingSetSize(paneId) ⇒ <code>number</code>
 Retrieves the size of the selected pane's view list
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>number</code> - the number of items in the specified pane  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | id of the pane in which to get the workingset size.      Can use `ALL_PANES` or `ACTIVE_PANE` |
 
-<a name="getPaneTitle"></a>
+<a name="module_view/MainViewManager..getPaneTitle"></a>
 
-## getPaneTitle(paneId) ⇒ <code>string</code>
+### view/MainViewManager.getPaneTitle(paneId) ⇒ <code>string</code>
 Retrieves the title to display in the workingset view
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>string</code> - title  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | id of the pane in which to get the title |
 
-<a name="getPaneCount"></a>
+<a name="module_view/MainViewManager..getPaneCount"></a>
 
-## getPaneCount() ⇒ <code>number</code>
+### view/MainViewManager.getPaneCount() ⇒ <code>number</code>
 Retrieves the number of panes
 
-**Kind**: global function  
-<a name="findInAllWorkingSets"></a>
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
+<a name="module_view/MainViewManager..findInAllWorkingSets"></a>
 
-## findInAllWorkingSets(fullPath) ⇒ <code>Object</code>
+### view/MainViewManager.findInAllWorkingSets(fullPath) ⇒ <code>Object</code>
 Finds all instances of the specified file in all working sets.
 If there is a temporary view of the file, it is not part of the result set
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>Object</code> - an array of paneId/index records  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | fullPath | <code>string</code> | path of the file to find views of |
 
-<a name="findInOpenPane"></a>
+<a name="module_view/MainViewManager..findInOpenPane"></a>
 
-## findInOpenPane(fullPath) ⇒ <code>Object</code>
-Returns the pane IDs and editors (if present) of the given file in any open and viewable pane. 
-If the same file is open in multiple panes, all matching panes will be returned. 
+### view/MainViewManager.findInOpenPane(fullPath) ⇒ <code>Object</code>
+Returns the pane IDs and editors (if present) of the given file in any open and viewable pane.
+If the same file is open in multiple panes, all matching panes will be returned.
 If not found in any panes, an empty array will be returned.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>Object</code> - An array of objects, each containing the pane ID and the corresponding editor, if present.  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | fullPath | <code>string</code> | The full path of the file to search for. |
 
-<a name="findInWorkingSet"></a>
+<a name="module_view/MainViewManager..findInWorkingSet"></a>
 
-## findInWorkingSet(paneId, fullPath) ⇒ <code>number</code>
+### view/MainViewManager.findInWorkingSet(paneId, fullPath) ⇒ <code>number</code>
 Gets the index of the file matching fullPath in the workingset
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>number</code> - index, -1 if not found.  
 
 | Param | Type | Description |
@@ -283,12 +318,12 @@ Gets the index of the file matching fullPath in the workingset
 | paneId | <code>string</code> | id of the pane in which to search or ALL_PANES or ACTIVE_PANE |
 | fullPath | <code>string</code> | full path of the file to search for |
 
-<a name="findInWorkingSetByAddedOrder"></a>
+<a name="module_view/MainViewManager..findInWorkingSetByAddedOrder"></a>
 
-## findInWorkingSetByAddedOrder(paneId, fullPath) ⇒ <code>number</code>
+### view/MainViewManager.findInWorkingSetByAddedOrder(paneId, fullPath) ⇒ <code>number</code>
 Gets the index of the file matching fullPath in the added order workingset
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>number</code> - index, -1 if not found.  
 
 | Param | Type | Description |
@@ -296,12 +331,12 @@ Gets the index of the file matching fullPath in the added order workingset
 | paneId | <code>string</code> | id of the pane in which to search or ALL_PANES or ACTIVE_PANE |
 | fullPath | <code>string</code> | full path of the file to search for |
 
-<a name="findInWorkingSetByMRUOrder"></a>
+<a name="module_view/MainViewManager..findInWorkingSetByMRUOrder"></a>
 
-## findInWorkingSetByMRUOrder(paneId, fullPath) ⇒ <code>number</code>
+### view/MainViewManager.findInWorkingSetByMRUOrder(paneId, fullPath) ⇒ <code>number</code>
 Gets the index of the file matching fullPath in the MRU order workingset
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>number</code> - index, -1 if not found.  
 
 | Param | Type | Description |
@@ -309,9 +344,9 @@ Gets the index of the file matching fullPath in the MRU order workingset
 | paneId | <code>string</code> | id of the pane in which to search or ALL_PANES or ACTIVE_PANE |
 | fullPath | <code>string</code> | full path of the file to search for |
 
-<a name="addToWorkingSet"></a>
+<a name="module_view/MainViewManager..addToWorkingSet"></a>
 
-## addToWorkingSet(paneId, file, [index], [forceRedraw])
+### view/MainViewManager.addToWorkingSet(paneId, file, [index], [forceRedraw])
 Adds the given file to the end of the workingset, if it is not already there.
  This API does not create a view of the file, it just adds it to the working set
 Views of files in the working set are persisted and are not destroyed until the user
@@ -319,7 +354,7 @@ Views of files in the working set are persisted and are not destroyed until the
  made the current view. If a File is already opened then the file is just made current
  and its view is shown.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
@@ -328,30 +363,30 @@ Views of files in the working set are persisted and are not destroyed until the
 | [index] | <code>number</code> | Position to add to list (defaults to last); -1 is ignored |
 | [forceRedraw] | <code>boolean</code> | If true, a workingset change notification is always sent    (useful if suppressRedraw was used with removeView() earlier) |
 
-<a name="addListToWorkingSet"></a>
+<a name="module_view/MainViewManager..addListToWorkingSet"></a>
 
-## addListToWorkingSet(paneId, fileList)
+### view/MainViewManager.addListToWorkingSet(paneId, fileList)
 Adds the given file list to the end of the workingset.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | paneId | <code>string</code> | The id of the pane in which to add the file object to or ACTIVE_PANE |
 | fileList | <code>Array.&lt;File&gt;</code> | Array of files to add to the pane |
 
-<a name="switchPaneFocus"></a>
+<a name="module_view/MainViewManager..switchPaneFocus"></a>
 
-## switchPaneFocus()
+### view/MainViewManager.switchPaneFocus()
 Switch between panes
 
-**Kind**: global function  
-<a name="traverseToNextViewByMRU"></a>
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
+<a name="module_view/MainViewManager..traverseToNextViewByMRU"></a>
 
-## traverseToNextViewByMRU(direction) ⇒ <code>Object</code>
+### view/MainViewManager.traverseToNextViewByMRU(direction) ⇒ <code>Object</code>
 Get the next or previous file in the MRU list.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>Object</code> - The File object of the next item in the traversal order or null if there aren't any files to traverse.
                                       May return current file if there are no other files to traverse.  
 
@@ -359,12 +394,12 @@ Get the next or previous file in the MRU list.
 | --- | --- | --- |
 | direction | <code>number</code> | Must be 1 or -1 to traverse forward or backward |
 
-<a name="traverseToNextViewInListOrder"></a>
+<a name="module_view/MainViewManager..traverseToNextViewInListOrder"></a>
 
-## traverseToNextViewInListOrder(direction) ⇒ <code>Object</code>
+### view/MainViewManager.traverseToNextViewInListOrder(direction) ⇒ <code>Object</code>
 Get the next or previous file in list order.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>Object</code> - The File object of the next item in the traversal order or null if there aren't any files to traverse.
                                       May return current file if there are no other files to traverse.  
 
@@ -372,26 +407,26 @@ Get the next or previous file in list order.
 | --- | --- | --- |
 | direction | <code>number</code> | Must be 1 or -1 to traverse forward or backward |
 
-<a name="beginTraversal"></a>
+<a name="module_view/MainViewManager..beginTraversal"></a>
 
-## beginTraversal()
+### view/MainViewManager.beginTraversal()
 Indicates that traversal has begun.
 Can be called any number of times.
 
-**Kind**: global function  
-<a name="endTraversal"></a>
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
+<a name="module_view/MainViewManager..endTraversal"></a>
 
-## endTraversal()
+### view/MainViewManager.endTraversal()
 Un-freezes the MRU list after one or more beginTraversal() calls.
 Whatever file is current is bumped to the front of the MRU list.
 
-**Kind**: global function  
-<a name="setLayoutScheme"></a>
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
+<a name="module_view/MainViewManager..setLayoutScheme"></a>
 
-## setLayoutScheme(rows, columns)
+### view/MainViewManager.setLayoutScheme(rows, columns)
 Changes the layout scheme
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Summay**: Rows or Columns may be 1 or 2 but both cannot be 2. 1x2, 2x1 or 1x1 are the legal values  
 
 | Param | Type | Description |
@@ -399,10 +434,10 @@ Changes the layout scheme
 | rows | <code>number</code> | (may be 1 or 2) |
 | columns | <code>number</code> | (may be 1 or 2) |
 
-<a name="getLayoutScheme"></a>
+<a name="module_view/MainViewManager..getLayoutScheme"></a>
 
-## getLayoutScheme() ⇒ <code>Object</code>
+### view/MainViewManager.getLayoutScheme() ⇒ <code>Object</code>
 Retrieves the current layout scheme.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/MainViewManager</code>](#module_view/MainViewManager)  
 **Returns**: <code>Object</code> - - An object containing the number of rows and columns in the layout.  
diff --git a/docs/API-Reference/view/Pane.md b/docs/API-Reference/view/Pane.md
index 399b3df8e..2ca1cdab7 100644
--- a/docs/API-Reference/view/Pane.md
+++ b/docs/API-Reference/view/Pane.md
@@ -3,59 +3,235 @@
 const Pane = brackets.getModule("view/Pane")
 ```
 
-<a name="Pane"></a>
+<a name="module_view/Pane"></a>
 
-## Pane
-**Kind**: global class  
+## view/Pane
+Pane objects host views of files, editors, etc... Clients cannot access
+Pane objects directly. Instead the implementation is protected by the
+MainViewManager -- however View Factories are given a Pane object which
+they can use to add views.  References to Pane objects should not be kept
+as they may be destroyed and removed from the DOM.
+
+To get a custom view, there are two components:
+
+ 1) A View Factory
+ 2) A View Object
+
+View objects are anonymous object that have a particular interface.
+
+Views can be added to a pane but do not have to exist in the Pane object's view list.
+Such views are "temporary views".  Temporary views are not serialized with the Pane state
+or reconstituted when the pane is serialized from disk.  They are destroyed at the earliest
+opportunity.
+
+Temporary views are added by calling `Pane.showView()` and passing it the view object. The view
+will be destroyed when the next view is shown, the pane is mereged with another pane or the "Close All"
+command is exectuted on the Pane.  Temporary Editor Views do not contain any modifications and are
+added to the workingset (and are no longer tempoary views) once the document has been modified. They
+will remain in the working set until closed from that point on.
+
+Views that have a longer life span are added by calling addView to associate the view with a
+filename in the _views object.  These views are not destroyed until they are removed from the pane
+by calling one of the following: removeView, removeViews, or _reset
+
+Pane Object Events:
+
+ - viewListChange - Whenever there is a file change to a file in the working set.  These 2 events: `DocumentManager.pathRemove`
+ and `DocumentManager.fileNameChange` will cause a `viewListChange` event so the WorkingSetView can update.
+
+ - currentViewChange - Whenever the current view changes.
+            (e, newView:View, oldView:View)
+
+ - viewDestroy - Whenever a view has been destroyed
+            (e, view:View)
+
+View Interface:
+
+The view is an anonymous object which has the following method signatures. see ImageViewer for an example or the sample
+provided with Brackets `src/extensions/samples/BracketsConfigCentral`
+
+```js
+    {
+        $el:jQuery
+        getFile: function ():!File
+        updateLayout: function(forceRefresh:boolean)
+        destroy: function()
+        getScrollPos: function():*=
+        adjustScrollPos: function(state:Object=, heightDelta:number)=
+        notifyContainerChange: function()=
+        notifyVisibilityChange: function(boolean)=
+        focus:function()=
+    }
+```
+When views are created they can be added to the pane by calling `pane.addView()`.
+Views can be created and parented by attaching directly  to `pane.$el`
+
+    this._codeMirror = new CodeMirror(pane.$el, ...)
+
+Factories can create a view that's initially hidden by calling `pane.addView(view)` and passing `false` for the show parameter.
+Hidden views can be later shown by calling `pane.showView(view)`
+
+`$el:jQuery!`
+
+ property that stores the jQuery wrapped DOM element of the view. All views must have one so pane objects can manipulate the DOM
+ element when necessary (e.g. `showView`, `_reparent`, etc...)
+
+`getFile():File!`
+
+ Called throughout the life of a View when the current file is queried by the system.
+
+`updateLayout(forceRefresh:boolean)`
+
+ Called to notify the view that it should be resized to fit its parent container.  This may be called several times
+ or only once.  Views can ignore the `forceRefresh` flag. It is used for editor views to force a relayout of the editor
+ which probably isn't necessary for most views.  Views should implement their html to be dynamic and not rely on this
+ function to be called whenever possible.
+
+`destroy()`
+
+ Views must implement a destroy method to remove their DOM element at the very least.  There is no default
+ implementation and views are hidden before this method is called. The Pane object doesn't make assumptions
+ about when it is safe to remove a node. In some instances other cleanup  must take place before a the DOM
+ node is destroyed so the implementation details are left to the view.
+
+ Views can implement a simple destroy by calling
+
+     this.$el.remove()
+
+ These members are optional and need not be implemented by Views
+
+     getScrollPos()
+     adjustScrollPos()
+
+ The system at various times will want to save and restore a view's scroll position.  The data returned by `getScrollPos()`
+ is specific to the view and will be passed back to `adjustScrollPos()` when the scroll position needs to be restored.
+
+ When Modal Bars are invoked, the system calls `getScrollPos()` so that the current scroll psotion of all visible Views can be cached.
+ That cached scroll position is later passed to `adjustScrollPos()` along with a height delta.  The height delta is used to
+ scroll the view so that it doesn't appear to have "jumped" when invoking the Modal Bar.
+
+ Height delta will be a positive when the Modal Bar is being shown and negative number when the Modal Bar is being hidden.
+
+ `getViewState()` is another optional member that is used to cache a view's state when hiding or destroying a view or closing the project.
+ The data returned by this member is stored in `ViewStateManager` and is saved with the project.
+
+ Views or View Factories are responsible for restoring the view state when the view of that file is created by recalling the cached state
+
+     var view = createIconView(file, pane);
+     view.restoreViewState(ViewStateManager.getViewState(file.fullPath));
+
+ Notifications
+ The following optional methods receive notifications from the Pane object when certain events take place which affect the view:
+
+`notifyContainerChange()`
+
+ Optional Notification callback called when the container changes. The view can perform any synchronization or state update
+ it needs to do when its parent container changes.
+
+`notifyVisiblityChange()`
+
+ Optional Notification callback called when the view's vsibility changes.  The view can perform any synchronization or
+ state update it needs to do when its visiblity state changes.
+
+
+* [view/Pane](#module_view/Pane)
+    * [.Pane](#module_view/Pane..Pane)
+        * [new Pane(id, $container)](#new_module_view/Pane..Pane_new)
+        * [.id](#module_view/Pane..Pane+id) : <code>string</code>
+        * [.$container](#module_view/Pane..Pane+$container) : <code>JQuery</code>
+        * [.$el](#module_view/Pane..Pane+$el) : <code>JQuery</code>
+        * [.$header](#module_view/Pane..Pane+$header) : <code>JQuery</code>
+        * [.$headerText](#module_view/Pane..Pane+$headerText) : <code>JQuery</code>
+        * [.$headerFlipViewBtn](#module_view/Pane..Pane+$headerFlipViewBtn) : <code>JQuery</code>
+        * [.$headerCloseBtn](#module_view/Pane..Pane+$headerCloseBtn) : <code>JQuery</code>
+        * [.$content](#module_view/Pane..Pane+$content) : <code>JQuery</code>
+        * [.ITEM_NOT_FOUND](#module_view/Pane..Pane+ITEM_NOT_FOUND)
+        * [.ITEM_FOUND_NO_SORT](#module_view/Pane..Pane+ITEM_FOUND_NO_SORT)
+        * [.ITEM_FOUND_NEEDS_SORT](#module_view/Pane..Pane+ITEM_FOUND_NEEDS_SORT)
+        * [.mergeFrom(other)](#module_view/Pane..Pane+mergeFrom)
+        * [.destroy()](#module_view/Pane..Pane+destroy)
+        * [.getViewList()](#module_view/Pane..Pane+getViewList) ⇒ <code>Array.&lt;File&gt;</code>
+        * [.getViewListSize()](#module_view/Pane..Pane+getViewListSize) ⇒ <code>number</code>
+        * [.findInViewList(fullPath)](#module_view/Pane..Pane+findInViewList) ⇒ <code>number</code>
+        * [.findInViewListAddedOrder(fullPath)](#module_view/Pane..Pane+findInViewListAddedOrder) ⇒ <code>number</code>
+        * [.findInViewListMRUOrder(fullPath)](#module_view/Pane..Pane+findInViewListMRUOrder) ⇒ <code>number</code>
+        * [.reorderItem(file, [index], [force])](#module_view/Pane..Pane+reorderItem) ⇒ <code>number</code>
+        * [.addToViewList(file, [index])](#module_view/Pane..Pane+addToViewList) ⇒ <code>number</code>
+        * [.addListToViewList(fileList)](#module_view/Pane..Pane+addListToViewList) ⇒ <code>Array.&lt;File&gt;</code>
+        * [.makeViewMostRecent(file)](#module_view/Pane..Pane+makeViewMostRecent)
+        * [.sortViewList(compareFn)](#module_view/Pane..Pane+sortViewList)
+        * [.swapViewListIndexes(index1, index2)](#module_view/Pane..Pane+swapViewListIndexes) ⇒ <code>boolean</code>
+        * [.traverseViewListByMRU(direction, [current])](#module_view/Pane..Pane+traverseViewListByMRU) ⇒ <code>File</code>
+        * [.showInterstitial(show)](#module_view/Pane..Pane+showInterstitial)
+        * [.getViewForPath(path)](#module_view/Pane..Pane+getViewForPath) ⇒ <code>boolean</code>
+        * [.addView(view, show)](#module_view/Pane..Pane+addView)
+        * [.showView(view)](#module_view/Pane..Pane+showView)
+        * [.updateLayout(forceRefresh)](#module_view/Pane..Pane+updateLayout)
+        * [.getCurrentlyViewedFile()](#module_view/Pane..Pane+getCurrentlyViewedFile) ⇒ <code>File</code>
+        * [.getCurrentlyViewedEditor()](#module_view/Pane..Pane+getCurrentlyViewedEditor) ⇒ <code>File</code>
+        * [.getCurrentlyViewedPath()](#module_view/Pane..Pane+getCurrentlyViewedPath) ⇒ <code>string</code>
+        * [.destroyViewIfNotNeeded(view)](#module_view/Pane..Pane+destroyViewIfNotNeeded)
+        * [.removeView(file, suppressOpenNextFile, preventViewChange)](#module_view/Pane..Pane+removeView) ⇒ <code>boolean</code>
+        * [.removeViews(list)](#module_view/Pane..Pane+removeViews) ⇒ <code>Array.&lt;File&gt;</code>
+        * [.focus()](#module_view/Pane..Pane+focus)
+        * [.loadState(state)](#module_view/Pane..Pane+loadState) ⇒ <code>jQuery.Promise</code>
+        * [.saveState()](#module_view/Pane..Pane+saveState) ⇒ <code>Object</code>
+        * [.getScrollState()](#module_view/Pane..Pane+getScrollState) ⇒ <code>Object</code>
+        * [.restoreAndAdjustScrollState([state], [heightDelta])](#module_view/Pane..Pane+restoreAndAdjustScrollState)
+
+<a name="module_view/Pane..Pane"></a>
+
+### view/Pane.Pane
+**Kind**: inner class of [<code>view/Pane</code>](#module_view/Pane)  
 **See**: [MainViewManager](MainViewManager) for more information  
 
-* [Pane](#Pane)
-    * [new Pane(id, $container)](#new_Pane_new)
-    * [.id](#Pane+id) : <code>string</code>
-    * [.$container](#Pane+$container) : <code>JQuery</code>
-    * [.$el](#Pane+$el) : <code>JQuery</code>
-    * [.$header](#Pane+$header) : <code>JQuery</code>
-    * [.$headerText](#Pane+$headerText) : <code>JQuery</code>
-    * [.$headerFlipViewBtn](#Pane+$headerFlipViewBtn) : <code>JQuery</code>
-    * [.$headerCloseBtn](#Pane+$headerCloseBtn) : <code>JQuery</code>
-    * [.$content](#Pane+$content) : <code>JQuery</code>
-    * [.ITEM_NOT_FOUND](#Pane+ITEM_NOT_FOUND)
-    * [.ITEM_FOUND_NO_SORT](#Pane+ITEM_FOUND_NO_SORT)
-    * [.ITEM_FOUND_NEEDS_SORT](#Pane+ITEM_FOUND_NEEDS_SORT)
-    * [.mergeFrom(other)](#Pane+mergeFrom)
-    * [.destroy()](#Pane+destroy)
-    * [.getViewList()](#Pane+getViewList) ⇒ <code>Array.&lt;File&gt;</code>
-    * [.getViewListSize()](#Pane+getViewListSize) ⇒ <code>number</code>
-    * [.findInViewList(fullPath)](#Pane+findInViewList) ⇒ <code>number</code>
-    * [.findInViewListAddedOrder(fullPath)](#Pane+findInViewListAddedOrder) ⇒ <code>number</code>
-    * [.findInViewListMRUOrder(fullPath)](#Pane+findInViewListMRUOrder) ⇒ <code>number</code>
-    * [.reorderItem(file, [index], [force])](#Pane+reorderItem) ⇒ <code>number</code>
-    * [.addToViewList(file, [index])](#Pane+addToViewList) ⇒ <code>number</code>
-    * [.addListToViewList(fileList)](#Pane+addListToViewList) ⇒ <code>Array.&lt;File&gt;</code>
-    * [.makeViewMostRecent(file)](#Pane+makeViewMostRecent)
-    * [.sortViewList(compareFn)](#Pane+sortViewList)
-    * [.swapViewListIndexes(index1, index2)](#Pane+swapViewListIndexes) ⇒ <code>boolean</code>
-    * [.traverseViewListByMRU(direction, [current])](#Pane+traverseViewListByMRU) ⇒ <code>File</code>
-    * [.showInterstitial(show)](#Pane+showInterstitial)
-    * [.getViewForPath(path)](#Pane+getViewForPath) ⇒ <code>boolean</code>
-    * [.addView(view, show)](#Pane+addView)
-    * [.showView(view)](#Pane+showView)
-    * [.updateLayout(forceRefresh)](#Pane+updateLayout)
-    * [.getCurrentlyViewedFile()](#Pane+getCurrentlyViewedFile) ⇒ <code>File</code>
-    * [.getCurrentlyViewedEditor()](#Pane+getCurrentlyViewedEditor) ⇒ <code>File</code>
-    * [.getCurrentlyViewedPath()](#Pane+getCurrentlyViewedPath) ⇒ <code>string</code>
-    * [.destroyViewIfNotNeeded(view)](#Pane+destroyViewIfNotNeeded)
-    * [.removeView(file, suppressOpenNextFile, preventViewChange)](#Pane+removeView) ⇒ <code>boolean</code>
-    * [.removeViews(list)](#Pane+removeViews) ⇒ <code>Array.&lt;File&gt;</code>
-    * [.focus()](#Pane+focus)
-    * [.loadState(state)](#Pane+loadState) ⇒ <code>jQuery.Promise</code>
-    * [.saveState()](#Pane+saveState) ⇒ <code>Object</code>
-    * [.getScrollState()](#Pane+getScrollState) ⇒ <code>Object</code>
-    * [.restoreAndAdjustScrollState([state], [heightDelta])](#Pane+restoreAndAdjustScrollState)
-
-<a name="new_Pane_new"></a>
-
-### new Pane(id, $container)
+* [.Pane](#module_view/Pane..Pane)
+    * [new Pane(id, $container)](#new_module_view/Pane..Pane_new)
+    * [.id](#module_view/Pane..Pane+id) : <code>string</code>
+    * [.$container](#module_view/Pane..Pane+$container) : <code>JQuery</code>
+    * [.$el](#module_view/Pane..Pane+$el) : <code>JQuery</code>
+    * [.$header](#module_view/Pane..Pane+$header) : <code>JQuery</code>
+    * [.$headerText](#module_view/Pane..Pane+$headerText) : <code>JQuery</code>
+    * [.$headerFlipViewBtn](#module_view/Pane..Pane+$headerFlipViewBtn) : <code>JQuery</code>
+    * [.$headerCloseBtn](#module_view/Pane..Pane+$headerCloseBtn) : <code>JQuery</code>
+    * [.$content](#module_view/Pane..Pane+$content) : <code>JQuery</code>
+    * [.ITEM_NOT_FOUND](#module_view/Pane..Pane+ITEM_NOT_FOUND)
+    * [.ITEM_FOUND_NO_SORT](#module_view/Pane..Pane+ITEM_FOUND_NO_SORT)
+    * [.ITEM_FOUND_NEEDS_SORT](#module_view/Pane..Pane+ITEM_FOUND_NEEDS_SORT)
+    * [.mergeFrom(other)](#module_view/Pane..Pane+mergeFrom)
+    * [.destroy()](#module_view/Pane..Pane+destroy)
+    * [.getViewList()](#module_view/Pane..Pane+getViewList) ⇒ <code>Array.&lt;File&gt;</code>
+    * [.getViewListSize()](#module_view/Pane..Pane+getViewListSize) ⇒ <code>number</code>
+    * [.findInViewList(fullPath)](#module_view/Pane..Pane+findInViewList) ⇒ <code>number</code>
+    * [.findInViewListAddedOrder(fullPath)](#module_view/Pane..Pane+findInViewListAddedOrder) ⇒ <code>number</code>
+    * [.findInViewListMRUOrder(fullPath)](#module_view/Pane..Pane+findInViewListMRUOrder) ⇒ <code>number</code>
+    * [.reorderItem(file, [index], [force])](#module_view/Pane..Pane+reorderItem) ⇒ <code>number</code>
+    * [.addToViewList(file, [index])](#module_view/Pane..Pane+addToViewList) ⇒ <code>number</code>
+    * [.addListToViewList(fileList)](#module_view/Pane..Pane+addListToViewList) ⇒ <code>Array.&lt;File&gt;</code>
+    * [.makeViewMostRecent(file)](#module_view/Pane..Pane+makeViewMostRecent)
+    * [.sortViewList(compareFn)](#module_view/Pane..Pane+sortViewList)
+    * [.swapViewListIndexes(index1, index2)](#module_view/Pane..Pane+swapViewListIndexes) ⇒ <code>boolean</code>
+    * [.traverseViewListByMRU(direction, [current])](#module_view/Pane..Pane+traverseViewListByMRU) ⇒ <code>File</code>
+    * [.showInterstitial(show)](#module_view/Pane..Pane+showInterstitial)
+    * [.getViewForPath(path)](#module_view/Pane..Pane+getViewForPath) ⇒ <code>boolean</code>
+    * [.addView(view, show)](#module_view/Pane..Pane+addView)
+    * [.showView(view)](#module_view/Pane..Pane+showView)
+    * [.updateLayout(forceRefresh)](#module_view/Pane..Pane+updateLayout)
+    * [.getCurrentlyViewedFile()](#module_view/Pane..Pane+getCurrentlyViewedFile) ⇒ <code>File</code>
+    * [.getCurrentlyViewedEditor()](#module_view/Pane..Pane+getCurrentlyViewedEditor) ⇒ <code>File</code>
+    * [.getCurrentlyViewedPath()](#module_view/Pane..Pane+getCurrentlyViewedPath) ⇒ <code>string</code>
+    * [.destroyViewIfNotNeeded(view)](#module_view/Pane..Pane+destroyViewIfNotNeeded)
+    * [.removeView(file, suppressOpenNextFile, preventViewChange)](#module_view/Pane..Pane+removeView) ⇒ <code>boolean</code>
+    * [.removeViews(list)](#module_view/Pane..Pane+removeViews) ⇒ <code>Array.&lt;File&gt;</code>
+    * [.focus()](#module_view/Pane..Pane+focus)
+    * [.loadState(state)](#module_view/Pane..Pane+loadState) ⇒ <code>jQuery.Promise</code>
+    * [.saveState()](#module_view/Pane..Pane+saveState) ⇒ <code>Object</code>
+    * [.getScrollState()](#module_view/Pane..Pane+getScrollState) ⇒ <code>Object</code>
+    * [.restoreAndAdjustScrollState([state], [heightDelta])](#module_view/Pane..Pane+restoreAndAdjustScrollState)
+
+<a name="new_module_view/Pane..Pane_new"></a>
+
+#### new Pane(id, $container)
 Pane Objects are constructed by the MainViewManager object when a Pane view is needed.
 
 
@@ -64,145 +240,145 @@ Pane Objects are constructed by the MainViewManager object when a Pane view is n
 | id | <code>string</code> | The id to use to identify this pane. |
 | $container | <code>jQuery</code> | The parent jQuery container to place the pane view. |
 
-<a name="Pane+id"></a>
+<a name="module_view/Pane..Pane+id"></a>
 
-### pane.id : <code>string</code>
+#### pane.id : <code>string</code>
 id of the pane
 
-**Kind**: instance property of [<code>Pane</code>](#Pane)  
+**Kind**: instance property of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Read only**: true  
-<a name="Pane+$container"></a>
+<a name="module_view/Pane..Pane+$container"></a>
 
-### pane.$container : <code>JQuery</code>
+#### pane.$container : <code>JQuery</code>
 container where the pane lives
 
-**Kind**: instance property of [<code>Pane</code>](#Pane)  
+**Kind**: instance property of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Read only**: true  
-<a name="Pane+$el"></a>
+<a name="module_view/Pane..Pane+$el"></a>
 
-### pane.$el : <code>JQuery</code>
+#### pane.$el : <code>JQuery</code>
 the wrapped DOM node of this pane
 
-**Kind**: instance property of [<code>Pane</code>](#Pane)  
+**Kind**: instance property of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Read only**: true  
-<a name="Pane+$header"></a>
+<a name="module_view/Pane..Pane+$header"></a>
 
-### pane.$header : <code>JQuery</code>
+#### pane.$header : <code>JQuery</code>
 the wrapped DOM node container that contains name of current view and the switch view button, or informational string if there is no view
 
-**Kind**: instance property of [<code>Pane</code>](#Pane)  
+**Kind**: instance property of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Read only**: true  
-<a name="Pane+$headerText"></a>
+<a name="module_view/Pane..Pane+$headerText"></a>
 
-### pane.$headerText : <code>JQuery</code>
+#### pane.$headerText : <code>JQuery</code>
 the wrapped DOM node that contains name of current view, or informational string if there is no view
 
-**Kind**: instance property of [<code>Pane</code>](#Pane)  
+**Kind**: instance property of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Read only**: true  
-<a name="Pane+$headerFlipViewBtn"></a>
+<a name="module_view/Pane..Pane+$headerFlipViewBtn"></a>
 
-### pane.$headerFlipViewBtn : <code>JQuery</code>
+#### pane.$headerFlipViewBtn : <code>JQuery</code>
 the wrapped DOM node that is used to flip the view to another pane
 
-**Kind**: instance property of [<code>Pane</code>](#Pane)  
+**Kind**: instance property of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Read only**: true  
-<a name="Pane+$headerCloseBtn"></a>
+<a name="module_view/Pane..Pane+$headerCloseBtn"></a>
 
-### pane.$headerCloseBtn : <code>JQuery</code>
+#### pane.$headerCloseBtn : <code>JQuery</code>
 close button of the pane
 
-**Kind**: instance property of [<code>Pane</code>](#Pane)  
+**Kind**: instance property of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Read only**: true  
-<a name="Pane+$content"></a>
+<a name="module_view/Pane..Pane+$content"></a>
 
-### pane.$content : <code>JQuery</code>
+#### pane.$content : <code>JQuery</code>
 the wrapped DOM node that contains views
 
-**Kind**: instance property of [<code>Pane</code>](#Pane)  
+**Kind**: instance property of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Read only**: true  
-<a name="Pane+ITEM_NOT_FOUND"></a>
+<a name="module_view/Pane..Pane+ITEM_NOT_FOUND"></a>
 
-### pane.ITEM\_NOT\_FOUND
+#### pane.ITEM\_NOT\_FOUND
 Return value from reorderItem when the Item was not found
 
-**Kind**: instance constant of [<code>Pane</code>](#Pane)  
-**See**: [reorderItem](#Pane+reorderItem)  
-<a name="Pane+ITEM_FOUND_NO_SORT"></a>
+**Kind**: instance constant of [<code>Pane</code>](#module_view/Pane..Pane)  
+**See**: [Pane#reorderItem](Pane#reorderItem)  
+<a name="module_view/Pane..Pane+ITEM_FOUND_NO_SORT"></a>
 
-### pane.ITEM\_FOUND\_NO\_SORT
+#### pane.ITEM\_FOUND\_NO\_SORT
 Return value from reorderItem when the Item was found at its natural index
 and the workingset does not need to be resorted
 
-**Kind**: instance constant of [<code>Pane</code>](#Pane)  
-**See**: [reorderItem](#Pane+reorderItem)  
-<a name="Pane+ITEM_FOUND_NEEDS_SORT"></a>
+**Kind**: instance constant of [<code>Pane</code>](#module_view/Pane..Pane)  
+**See**: [Pane#reorderItem](Pane#reorderItem)  
+<a name="module_view/Pane..Pane+ITEM_FOUND_NEEDS_SORT"></a>
 
-### pane.ITEM\_FOUND\_NEEDS\_SORT
+#### pane.ITEM\_FOUND\_NEEDS\_SORT
 Return value from reorderItem when the Item was found and reindexed
 and the workingset needs to be resorted
 
-**Kind**: instance constant of [<code>Pane</code>](#Pane)  
-**See**: [reorderItem](#Pane+reorderItem)  
-<a name="Pane+mergeFrom"></a>
+**Kind**: instance constant of [<code>Pane</code>](#module_view/Pane..Pane)  
+**See**: [Pane#reorderItem](Pane#reorderItem)  
+<a name="module_view/Pane..Pane+mergeFrom"></a>
 
-### pane.mergeFrom(other)
+#### pane.mergeFrom(other)
 Merges the another Pane object's contents into this Pane
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
-| other | [<code>Pane</code>](#Pane) | Pane from which to copy |
+| other | <code>Pane</code> | Pane from which to copy |
 
-<a name="Pane+destroy"></a>
+<a name="module_view/Pane..Pane+destroy"></a>
 
-### pane.destroy()
+#### pane.destroy()
 Removes the DOM node for the Pane, removes all
  event handlers and _resets all internal data structures
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
-<a name="Pane+getViewList"></a>
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
+<a name="module_view/Pane..Pane+getViewList"></a>
 
-### pane.getViewList() ⇒ <code>Array.&lt;File&gt;</code>
+#### pane.getViewList() ⇒ <code>Array.&lt;File&gt;</code>
 Returns a copy of the view file list
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
-<a name="Pane+getViewListSize"></a>
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
+<a name="module_view/Pane..Pane+getViewListSize"></a>
 
-### pane.getViewListSize() ⇒ <code>number</code>
+#### pane.getViewListSize() ⇒ <code>number</code>
 Returns the number of entries in the view file list
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
-<a name="Pane+findInViewList"></a>
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
+<a name="module_view/Pane..Pane+findInViewList"></a>
 
-### pane.findInViewList(fullPath) ⇒ <code>number</code>
+#### pane.findInViewList(fullPath) ⇒ <code>number</code>
 Returns the index of the item in the view file list
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>number</code> - index of the item or -1 if not found  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | fullPath | <code>string</code> | the full path of the item to look for |
 
-<a name="Pane+findInViewListAddedOrder"></a>
+<a name="module_view/Pane..Pane+findInViewListAddedOrder"></a>
 
-### pane.findInViewListAddedOrder(fullPath) ⇒ <code>number</code>
+#### pane.findInViewListAddedOrder(fullPath) ⇒ <code>number</code>
 Returns the order in which the item was added
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>number</code> - order of the item or -1 if not found  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | fullPath | <code>string</code> | the full path of the item to look for |
 
-<a name="Pane+findInViewListMRUOrder"></a>
+<a name="module_view/Pane..Pane+findInViewListMRUOrder"></a>
 
-### pane.findInViewListMRUOrder(fullPath) ⇒ <code>number</code>
+#### pane.findInViewListMRUOrder(fullPath) ⇒ <code>number</code>
 Returns the order in which the item was last used
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>number</code> - order of the item or -1 if not found.
      0 indicates most recently used, followed by 1 and so on...  
 
@@ -210,12 +386,12 @@ Returns the order in which the item was last used
 | --- | --- | --- |
 | fullPath | <code>string</code> | the full path of the item to look for |
 
-<a name="Pane+reorderItem"></a>
+<a name="module_view/Pane..Pane+reorderItem"></a>
 
-### pane.reorderItem(file, [index], [force]) ⇒ <code>number</code>
+#### pane.reorderItem(file, [index], [force]) ⇒ <code>number</code>
 reorders the specified file in the view list to the desired position
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>number</code> - this function returns one of the following manifest constants:
            ITEM_NOT_FOUND        : The request file object was not found
            ITEM_FOUND_NO_SORT    : The request file object was found but it was already at the requested index
@@ -227,13 +403,13 @@ reorders the specified file in the view list to the desired position
 | [index] | <code>number</code> | the new position of the item |
 | [force] | <code>boolean</code> | true to force the item into that position, false otherwise.  (Requires an index be requested) |
 
-<a name="Pane+addToViewList"></a>
+<a name="module_view/Pane..Pane+addToViewList"></a>
 
-### pane.addToViewList(file, [index]) ⇒ <code>number</code>
+#### pane.addToViewList(file, [index]) ⇒ <code>number</code>
 Adds the given file to the end of the workingset, if it is not already in the list
 Does not change which document is currently open in the editor. Completes synchronously.
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>number</code> - index of where the item was added  
 
 | Param | Type | Description |
@@ -241,46 +417,46 @@ Does not change which document is currently open in the editor. Completes synchr
 | file | <code>File</code> | file to add |
 | [index] | <code>number</code> | position where to add the item |
 
-<a name="Pane+addListToViewList"></a>
+<a name="module_view/Pane..Pane+addListToViewList"></a>
 
-### pane.addListToViewList(fileList) ⇒ <code>Array.&lt;File&gt;</code>
+#### pane.addListToViewList(fileList) ⇒ <code>Array.&lt;File&gt;</code>
 Adds the given file list to the end of the workingset.
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>Array.&lt;File&gt;</code> - list of files added to the list  
 
 | Param | Type |
 | --- | --- |
 | fileList | <code>Array.&lt;File&gt;</code> | 
 
-<a name="Pane+makeViewMostRecent"></a>
+<a name="module_view/Pane..Pane+makeViewMostRecent"></a>
 
-### pane.makeViewMostRecent(file)
+#### pane.makeViewMostRecent(file)
 Moves the specified file to the front of the MRU (Most Recently Used) list.
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | file | <code>File</code> | The file to move to the front of the MRU list. |
 
-<a name="Pane+sortViewList"></a>
+<a name="module_view/Pane..Pane+sortViewList"></a>
 
-### pane.sortViewList(compareFn)
+#### pane.sortViewList(compareFn)
 Sorts items in the pane's view list.
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | compareFn | <code>function</code> | The function used to compare items in the view list. |
 
-<a name="Pane+swapViewListIndexes"></a>
+<a name="module_view/Pane..Pane+swapViewListIndexes"></a>
 
-### pane.swapViewListIndexes(index1, index2) ⇒ <code>boolean</code>
+#### pane.swapViewListIndexes(index1, index2) ⇒ <code>boolean</code>
 Swaps two items in the file view list (used while dragging items in the working set view)
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>boolean</code> - } true  
 
 | Param | Type | Description |
@@ -288,12 +464,12 @@ Swaps two items in the file view list (used while dragging items in the working
 | index1 | <code>number</code> | the index of the first item to swap |
 | index2 | <code>number</code> | the index of the second item to swap |
 
-<a name="Pane+traverseViewListByMRU"></a>
+<a name="module_view/Pane..Pane+traverseViewListByMRU"></a>
 
-### pane.traverseViewListByMRU(direction, [current]) ⇒ <code>File</code>
+#### pane.traverseViewListByMRU(direction, [current]) ⇒ <code>File</code>
 Traverses the list and returns the File object of the next item in the MRU order
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>File</code> - The File object of the next item in the travesal order or null if there isn't one.  
 
 | Param | Type | Description |
@@ -301,103 +477,103 @@ Traverses the list and returns the File object of the next item in the MRU order
 | direction | <code>number</code> | Must be 1 or -1 to traverse forward or backward |
 | [current] | <code>string</code> | the fullPath of the item where traversal is to start.                              If this parameter is omitted then the path of the current view is used.                              If the current view is a temporary view then the first item in the MRU list is returned |
 
-<a name="Pane+showInterstitial"></a>
+<a name="module_view/Pane..Pane+showInterstitial"></a>
 
-### pane.showInterstitial(show)
+#### pane.showInterstitial(show)
 Shows the pane's interstitial page
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | show | <code>boolean</code> | show or hide the interstitial page |
 
-<a name="Pane+getViewForPath"></a>
+<a name="module_view/Pane..Pane+getViewForPath"></a>
 
-### pane.getViewForPath(path) ⇒ <code>boolean</code>
+#### pane.getViewForPath(path) ⇒ <code>boolean</code>
 retrieves the view object for the given path
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>boolean</code> - show - show or hide the interstitial page  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | path | <code>string</code> | the fullPath of the view to retrieve |
 
-<a name="Pane+addView"></a>
+<a name="module_view/Pane..Pane+addView"></a>
 
-### pane.addView(view, show)
+#### pane.addView(view, show)
 Adds a view to the pane
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | view | <code>View</code> | the View object to add |
 | show | <code>boolean</code> | true to show the view right away, false otherwise |
 
-<a name="Pane+showView"></a>
+<a name="module_view/Pane..Pane+showView"></a>
 
-### pane.showView(view)
+#### pane.showView(view)
 Swaps the current view with the requested view.
 If the interstitial page is shown, it is hidden.
 If the currentView is a temporary view, it is destroyed.
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | view | <code>View</code> | the to show |
 
-<a name="Pane+updateLayout"></a>
+<a name="module_view/Pane..Pane+updateLayout"></a>
 
-### pane.updateLayout(forceRefresh)
+#### pane.updateLayout(forceRefresh)
 Sets pane content height. Updates the layout causing the current view to redraw itself
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | forceRefresh | <code>boolean</code> | true to force a resize and refresh of the current view, false if just to resize forceRefresh is only used by Editor views to force a relayout of all editor DOM elements. Custom View implementations should just ignore this flag. |
 
-<a name="Pane+getCurrentlyViewedFile"></a>
+<a name="module_view/Pane..Pane+getCurrentlyViewedFile"></a>
 
-### pane.getCurrentlyViewedFile() ⇒ <code>File</code>
+#### pane.getCurrentlyViewedFile() ⇒ <code>File</code>
 Retrieves the File object of the current view
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>File</code> - the File object of the current view or null if there isn't one  
-<a name="Pane+getCurrentlyViewedEditor"></a>
+<a name="module_view/Pane..Pane+getCurrentlyViewedEditor"></a>
 
-### pane.getCurrentlyViewedEditor() ⇒ <code>File</code>
+#### pane.getCurrentlyViewedEditor() ⇒ <code>File</code>
 Retrieves the File object of the current view
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>File</code> - the File object of the current view or null if there isn't one  
-<a name="Pane+getCurrentlyViewedPath"></a>
+<a name="module_view/Pane..Pane+getCurrentlyViewedPath"></a>
 
-### pane.getCurrentlyViewedPath() ⇒ <code>string</code>
+#### pane.getCurrentlyViewedPath() ⇒ <code>string</code>
 Retrieves the path of the current view
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>string</code> - the path of the current view or null if there isn't one  
-<a name="Pane+destroyViewIfNotNeeded"></a>
+<a name="module_view/Pane..Pane+destroyViewIfNotNeeded"></a>
 
-### pane.destroyViewIfNotNeeded(view)
+#### pane.destroyViewIfNotNeeded(view)
 destroys the view if it isn't needed
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | view | <code>View</code> | the view to destroy |
 
-<a name="Pane+removeView"></a>
+<a name="module_view/Pane..Pane+removeView"></a>
 
-### pane.removeView(file, suppressOpenNextFile, preventViewChange) ⇒ <code>boolean</code>
+#### pane.removeView(file, suppressOpenNextFile, preventViewChange) ⇒ <code>boolean</code>
 Removes the view and opens the next view
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>boolean</code> - true if the file was removed from the working set
  This function will remove a temporary view of a file but will return false in that case  
 
@@ -407,13 +583,13 @@ Removes the view and opens the next view
 | suppressOpenNextFile | <code>boolean</code> | suppresses opening the next file in MRU order |
 | preventViewChange | <code>boolean</code> | if suppressOpenNextFile is truthy, this flag can be used to                                      prevent the current view from being destroyed.                                      Ignored if suppressOpenNextFile is falsy |
 
-<a name="Pane+removeViews"></a>
+<a name="module_view/Pane..Pane+removeViews"></a>
 
-### pane.removeViews(list) ⇒ <code>Array.&lt;File&gt;</code>
+#### pane.removeViews(list) ⇒ <code>Array.&lt;File&gt;</code>
 Removes the specifed file from all internal lists, destroys the view of the file (if there is one)
  and shows the interstitial page if the current view is destroyed.
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>Array.&lt;File&gt;</code> - Array of File objects removed from the working set.
  This function will remove temporary views but the file objects for those views will not be found
  in the result set.  Only the file objects removed from the working set are returned.  
@@ -422,178 +598,47 @@ Removes the specifed file from all internal lists, destroys the view of the file
 | --- | --- | --- |
 | list | <code>Array.&lt;File&gt;</code> | Array of files to remove |
 
-<a name="Pane+focus"></a>
+<a name="module_view/Pane..Pane+focus"></a>
 
-### pane.focus()
+#### pane.focus()
 Gives focus to the last thing that had focus, the current view or the pane in that order
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
-<a name="Pane+loadState"></a>
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
+<a name="module_view/Pane..Pane+loadState"></a>
 
-### pane.loadState(state) ⇒ <code>jQuery.Promise</code>
+#### pane.loadState(state) ⇒ <code>jQuery.Promise</code>
 serializes the pane state from JSON
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>jQuery.Promise</code> - A promise which resolves to \{fullPath:string, paneId:string} which can be passed as command data to FILE_OPEN  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | state | <code>Object</code> | the state to load |
 
-<a name="Pane+saveState"></a>
+<a name="module_view/Pane..Pane+saveState"></a>
 
-### pane.saveState() ⇒ <code>Object</code>
+#### pane.saveState() ⇒ <code>Object</code>
 Returns the JSON-ified state of the object so it can be serialize
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>Object</code> - state - the state to save  
-<a name="Pane+getScrollState"></a>
+<a name="module_view/Pane..Pane+getScrollState"></a>
 
-### pane.getScrollState() ⇒ <code>Object</code>
+#### pane.getScrollState() ⇒ <code>Object</code>
 gets the current view's scroll state data
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 **Returns**: <code>Object</code> - scroll state - the current scroll state  
-<a name="Pane+restoreAndAdjustScrollState"></a>
+<a name="module_view/Pane..Pane+restoreAndAdjustScrollState"></a>
 
-### pane.restoreAndAdjustScrollState([state], [heightDelta])
+#### pane.restoreAndAdjustScrollState([state], [heightDelta])
 tells the current view to restore its scroll state from cached data and apply a height delta
 
-**Kind**: instance method of [<code>Pane</code>](#Pane)  
+**Kind**: instance method of [<code>Pane</code>](#module_view/Pane..Pane)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | [state] | <code>Object</code> | the current scroll state |
 | [heightDelta] | <code>number</code> | the amount to add or subtract from the state |
 
-<a name="_"></a>
-
-## \_
-Pane objects host views of files, editors, etc... Clients cannot access
-Pane objects directly. Instead the implementation is protected by the
-MainViewManager -- however View Factories are given a Pane object which
-they can use to add views.  References to Pane objects should not be kept
-as they may be destroyed and removed from the DOM.
-
-To get a custom view, there are two components:
-
- 1) A View Factory
- 2) A View Object
-
-View objects are anonymous object that have a particular interface.
-
-Views can be added to a pane but do not have to exist in the Pane object's view list.
-Such views are "temporary views".  Temporary views are not serialized with the Pane state
-or reconstituted when the pane is serialized from disk.  They are destroyed at the earliest
-opportunity.
-
-Temporary views are added by calling `Pane.showView()` and passing it the view object. The view
-will be destroyed when the next view is shown, the pane is mereged with another pane or the "Close All"
-command is exectuted on the Pane.  Temporary Editor Views do not contain any modifications and are
-added to the workingset (and are no longer tempoary views) once the document has been modified. They
-will remain in the working set until closed from that point on.
-
-Views that have a longer life span are added by calling addView to associate the view with a
-filename in the _views object.  These views are not destroyed until they are removed from the pane
-by calling one of the following: removeView, removeViews, or _reset
-
-Pane Object Events:
-
- - viewListChange - Whenever there is a file change to a file in the working set.  These 2 events: `DocumentManager.pathRemove`
- and `DocumentManager.fileNameChange` will cause a `viewListChange` event so the WorkingSetView can update.
-
- - currentViewChange - Whenever the current view changes.
-            (e, newView:View, oldView:View)
-
- - viewDestroy - Whenever a view has been destroyed
-            (e, view:View)
-
-View Interface:
-
-The view is an anonymous object which has the following method signatures. see ImageViewer for an example or the sample
-provided with Brackets `src/extensions/samples/BracketsConfigCentral`
-
-```js
-    {
-        $el:jQuery
-        getFile: function ():!File
-        updateLayout: function(forceRefresh:boolean)
-        destroy: function()
-        getScrollPos: function():*=
-        adjustScrollPos: function(state:Object=, heightDelta:number)=
-        notifyContainerChange: function()=
-        notifyVisibilityChange: function(boolean)=
-        focus:function()=
-    }
-```
-When views are created they can be added to the pane by calling `pane.addView()`.
-Views can be created and parented by attaching directly  to `pane.$el`
-
-    this._codeMirror = new CodeMirror(pane.$el, ...)
-
-Factories can create a view that's initially hidden by calling `pane.addView(view)` and passing `false` for the show parameter.
-Hidden views can be later shown by calling `pane.showView(view)`
-
-`$el:jQuery!`
-
- property that stores the jQuery wrapped DOM element of the view. All views must have one so pane objects can manipulate the DOM
- element when necessary (e.g. `showView`, `_reparent`, etc...)
-
-`getFile():File!`
-
- Called throughout the life of a View when the current file is queried by the system.
-
-`updateLayout(forceRefresh:boolean)`
-
- Called to notify the view that it should be resized to fit its parent container.  This may be called several times
- or only once.  Views can ignore the `forceRefresh` flag. It is used for editor views to force a relayout of the editor
- which probably isn't necessary for most views.  Views should implement their html to be dynamic and not rely on this
- function to be called whenever possible.
-
-`destroy()`
-
- Views must implement a destroy method to remove their DOM element at the very least.  There is no default
- implementation and views are hidden before this method is called. The Pane object doesn't make assumptions
- about when it is safe to remove a node. In some instances other cleanup  must take place before a the DOM
- node is destroyed so the implementation details are left to the view.
-
- Views can implement a simple destroy by calling
-
-     this.$el.remove()
-
- These members are optional and need not be implemented by Views
-
-     getScrollPos()
-     adjustScrollPos()
-
- The system at various times will want to save and restore a view's scroll position.  The data returned by `getScrollPos()`
- is specific to the view and will be passed back to `adjustScrollPos()` when the scroll position needs to be restored.
-
- When Modal Bars are invoked, the system calls `getScrollPos()` so that the current scroll psotion of all visible Views can be cached.
- That cached scroll position is later passed to `adjustScrollPos()` along with a height delta.  The height delta is used to
- scroll the view so that it doesn't appear to have "jumped" when invoking the Modal Bar.
-
- Height delta will be a positive when the Modal Bar is being shown and negative number when the Modal Bar is being hidden.
-
- `getViewState()` is another optional member that is used to cache a view's state when hiding or destroying a view or closing the project.
- The data returned by this member is stored in `ViewStateManager` and is saved with the project.
-
- Views or View Factories are responsible for restoring the view state when the view of that file is created by recalling the cached state
-
-     var view = createIconView(file, pane);
-     view.restoreViewState(ViewStateManager.getViewState(file.fullPath));
-
- Notifications
- The following optional methods receive notifications from the Pane object when certain events take place which affect the view:
-
-`notifyContainerChange()`
-
- Optional Notification callback called when the container changes. The view can perform any synchronization or state update
- it needs to do when its parent container changes.
-
-`notifyVisiblityChange()`
-
- Optional Notification callback called when the view's vsibility changes.  The view can perform any synchronization or
- state update it needs to do when its visiblity state changes.
-
-**Kind**: global variable  
diff --git a/docs/API-Reference/view/SidebarTabs.md b/docs/API-Reference/view/SidebarTabs.md
new file mode 100644
index 000000000..fbbd4bdd6
--- /dev/null
+++ b/docs/API-Reference/view/SidebarTabs.md
@@ -0,0 +1,139 @@
+### Import :
+```js
+const SidebarTabs = brackets.getModule("view/SidebarTabs")
+```
+
+<a name="module_view/SidebarTabs"></a>
+
+## view/SidebarTabs
+SidebarTabs manages multiple tab panes within the sidebar. It inserts a
+`#navTabBar` element after `#mainNavBar` and provides an API for registering
+tabs, associating DOM content with tabs, and switching between them.
+
+Existing sidebar children that are not explicitly associated with a tab via
+`addToTab` are treated as belonging to the default "Files" tab. This means
+extensions that add DOM nodes to the sidebar will continue to work without
+any code changes.
+
+Tab switching works purely by toggling the `.sidebar-tab-hidden` CSS class
+(`display: none !important`). No DOM reparenting or detaching occurs, so
+cached jQuery/DOM references held by extensions remain valid.
+
+
+* [view/SidebarTabs](#module_view/SidebarTabs)
+    * [.SIDEBAR_TAB_FILES](#module_view/SidebarTabs..SIDEBAR_TAB_FILES) : <code>string</code>
+    * [.EVENT_TAB_ADDED](#module_view/SidebarTabs..EVENT_TAB_ADDED) : <code>string</code>
+    * [.EVENT_TAB_REMOVED](#module_view/SidebarTabs..EVENT_TAB_REMOVED) : <code>string</code>
+    * [.EVENT_TAB_CHANGED](#module_view/SidebarTabs..EVENT_TAB_CHANGED) : <code>string</code>
+    * [.addTab(id, label, iconClass, [options])](#module_view/SidebarTabs..addTab)
+    * [.addToTab(tabId, $content)](#module_view/SidebarTabs..addToTab)
+    * [.removeFromTab(tabId, $content)](#module_view/SidebarTabs..removeFromTab)
+    * [.removeTab(id)](#module_view/SidebarTabs..removeTab) ⇒ <code>boolean</code>
+    * [.setActiveTab(id)](#module_view/SidebarTabs..setActiveTab)
+    * [.getActiveTab()](#module_view/SidebarTabs..getActiveTab) ⇒ <code>string</code>
+    * [.getAllTabs()](#module_view/SidebarTabs..getAllTabs) ⇒ <code>Array.&lt;{id: string, label: string, iconClass: string, priority: number}&gt;</code>
+
+<a name="module_view/SidebarTabs..SIDEBAR_TAB_FILES"></a>
+
+### view/SidebarTabs.SIDEBAR\_TAB\_FILES : <code>string</code>
+The built-in Files tab id.
+
+**Kind**: inner constant of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+<a name="module_view/SidebarTabs..EVENT_TAB_ADDED"></a>
+
+### view/SidebarTabs.EVENT\_TAB\_ADDED : <code>string</code>
+Fired when a new tab is registered via `addTab`.
+
+**Kind**: inner constant of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+<a name="module_view/SidebarTabs..EVENT_TAB_REMOVED"></a>
+
+### view/SidebarTabs.EVENT\_TAB\_REMOVED : <code>string</code>
+Fired when a tab is removed via `removeTab`.
+
+**Kind**: inner constant of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+<a name="module_view/SidebarTabs..EVENT_TAB_CHANGED"></a>
+
+### view/SidebarTabs.EVENT\_TAB\_CHANGED : <code>string</code>
+Fired when the active tab changes via `setActiveTab`.
+
+**Kind**: inner constant of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+<a name="module_view/SidebarTabs..addTab"></a>
+
+### view/SidebarTabs.addTab(id, label, iconClass, [options])
+Register a new sidebar tab.
+
+**Kind**: inner method of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+
+| Param | Type | Default | Description |
+| --- | --- | --- | --- |
+| id | <code>string</code> |  | Unique tab identifier |
+| label | <code>string</code> |  | Display text shown in the tab bar |
+| iconClass | <code>string</code> |  | FontAwesome (or other) icon class string |
+| [options] | <code>Object</code> |  |  |
+| [options.priority] | <code>number</code> | <code>100</code> | Lower values appear further left |
+
+<a name="module_view/SidebarTabs..addToTab"></a>
+
+### view/SidebarTabs.addToTab(tabId, $content)
+Associate a DOM node (or jQuery element) with a tab. If the node is not
+already a child of `#sidebar`, it is appended. If the tab is not the
+currently active tab, the node is immediately hidden.
+
+**Kind**: inner method of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| tabId | <code>string</code> | The tab to associate with |
+| $content | <code>jQuery</code> \| <code>Element</code> | DOM node or jQuery wrapper |
+
+<a name="module_view/SidebarTabs..removeFromTab"></a>
+
+### view/SidebarTabs.removeFromTab(tabId, $content)
+Remove a DOM node's association with a tab. If the node was appended by
+`addToTab` (was not originally in the sidebar) and is no longer
+associated with any tab, it is also removed from the DOM.
+
+**Kind**: inner method of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| tabId | <code>string</code> | The tab to disassociate from |
+| $content | <code>jQuery</code> \| <code>Element</code> | DOM node or jQuery wrapper |
+
+<a name="module_view/SidebarTabs..removeTab"></a>
+
+### view/SidebarTabs.removeTab(id) ⇒ <code>boolean</code>
+Remove a tab entirely. Only succeeds if all content has been removed via
+`removeFromTab` first. Returns false if content still exists.
+
+**Kind**: inner method of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+**Returns**: <code>boolean</code> - true if removed, false if content still associated  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| id | <code>string</code> | The tab id to remove |
+
+<a name="module_view/SidebarTabs..setActiveTab"></a>
+
+### view/SidebarTabs.setActiveTab(id)
+Switch the active sidebar tab. Shows nodes associated with the target
+tab, hides all others.
+
+**Kind**: inner method of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| id | <code>string</code> | The tab id to activate |
+
+<a name="module_view/SidebarTabs..getActiveTab"></a>
+
+### view/SidebarTabs.getActiveTab() ⇒ <code>string</code>
+Get the currently active tab id.
+
+**Kind**: inner method of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
+<a name="module_view/SidebarTabs..getAllTabs"></a>
+
+### view/SidebarTabs.getAllTabs() ⇒ <code>Array.&lt;{id: string, label: string, iconClass: string, priority: number}&gt;</code>
+Get an array of all registered tab descriptors.
+
+**Kind**: inner method of [<code>view/SidebarTabs</code>](#module_view/SidebarTabs)  
diff --git a/docs/API-Reference/view/ViewStateManager.md b/docs/API-Reference/view/ViewStateManager.md
index b888fee6a..e0092f2fd 100644
--- a/docs/API-Reference/view/ViewStateManager.md
+++ b/docs/API-Reference/view/ViewStateManager.md
@@ -3,9 +3,9 @@
 const ViewStateManager = brackets.getModule("view/ViewStateManager")
 ```
 
-<a name="_"></a>
+<a name="module_view/ViewStateManager"></a>
 
-## \_
+## view/ViewStateManager
 ViewStateManager is a singleton for views to park their global viwe state. The state is saved
 with project data but the View or View Factory is responsible for restoring the view state
 when the view is created.
@@ -16,43 +16,49 @@ for later use.
 Views or View Factories are responsible for restoring the view state when the view of that file is created
 by recalling the cached state.  Views determine what data is store in the view state and how to restore it.
 
-**Kind**: global variable  
-<a name="reset"></a>
 
-## reset()
+* [view/ViewStateManager](#module_view/ViewStateManager)
+    * [.reset()](#module_view/ViewStateManager..reset)
+    * [.updateViewState(view, viewState)](#module_view/ViewStateManager..updateViewState)
+    * [.getViewState(file)](#module_view/ViewStateManager..getViewState) ⇒ <code>\*</code>
+    * [.addViewStates(viewStates)](#module_view/ViewStateManager..addViewStates)
+
+<a name="module_view/ViewStateManager..reset"></a>
+
+### view/ViewStateManager.reset()
 resets the view state cache
 
-**Kind**: global function  
-<a name="updateViewState"></a>
+**Kind**: inner method of [<code>view/ViewStateManager</code>](#module_view/ViewStateManager)  
+<a name="module_view/ViewStateManager..updateViewState"></a>
 
-## updateViewState(view, viewState)
+### view/ViewStateManager.updateViewState(view, viewState)
 Updates the view state for the specified view
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/ViewStateManager</code>](#module_view/ViewStateManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | view | <code>Object</code> | the to save state |
 | viewState | <code>\*</code> | any data that the view needs to restore the view state. |
 
-<a name="getViewState"></a>
+<a name="module_view/ViewStateManager..getViewState"></a>
 
-## getViewState(file) ⇒ <code>\*</code>
+### view/ViewStateManager.getViewState(file) ⇒ <code>\*</code>
 gets the view state for the specified file
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/ViewStateManager</code>](#module_view/ViewStateManager)  
 **Returns**: <code>\*</code> - whatever data that was saved earlier with a call setViewState  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | file | <code>File</code> | the file to record the view state for |
 
-<a name="addViewStates"></a>
+<a name="module_view/ViewStateManager..addViewStates"></a>
 
-## addViewStates(viewStates)
+### view/ViewStateManager.addViewStates(viewStates)
 adds an array of view states
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/ViewStateManager</code>](#module_view/ViewStateManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
diff --git a/docs/API-Reference/view/WorkspaceManager.md b/docs/API-Reference/view/WorkspaceManager.md
index a98228275..8d39dbbaa 100644
--- a/docs/API-Reference/view/WorkspaceManager.md
+++ b/docs/API-Reference/view/WorkspaceManager.md
@@ -3,21 +3,9 @@
 const WorkspaceManager = brackets.getModule("view/WorkspaceManager")
 ```
 
-<a name="PANEL_TYPE_BOTTOM_PANEL"></a>
+<a name="module_view/WorkspaceManager"></a>
 
-## PANEL\_TYPE\_BOTTOM\_PANEL : <code>string</code>
-Constant representing the type of bottom panel
-
-**Kind**: global variable  
-<a name="PANEL_TYPE_PLUGIN_PANEL"></a>
-
-## PANEL\_TYPE\_PLUGIN\_PANEL : <code>string</code>
-Constant representing the type of plugin panel
-
-**Kind**: global variable  
-<a name="AppInit"></a>
-
-## AppInit
+## view/WorkspaceManager
 Manages layout of panels surrounding the editor area, and size of the editor area (but not its contents).
 
 Updates panel sizes when the window is resized. Maintains the max resizing limits for panels, based on
@@ -28,32 +16,62 @@ Events:
              The 2nd arg is the available workspace height.
              The 3rd arg is a refreshHint flag for internal use (passed in to recomputeLayout)
 
-**Kind**: global constant  
-<a name="EVENT_WORKSPACE_UPDATE_LAYOUT"></a>
 
-## EVENT\_WORKSPACE\_UPDATE\_LAYOUT
+* [view/WorkspaceManager](#module_view/WorkspaceManager)
+    * _static_
+        * [.PANEL_TYPE_BOTTOM_PANEL](#module_view/WorkspaceManager.PANEL_TYPE_BOTTOM_PANEL) : <code>string</code>
+        * [.PANEL_TYPE_PLUGIN_PANEL](#module_view/WorkspaceManager.PANEL_TYPE_PLUGIN_PANEL) : <code>string</code>
+    * _inner_
+        * [.EVENT_WORKSPACE_UPDATE_LAYOUT](#module_view/WorkspaceManager..EVENT_WORKSPACE_UPDATE_LAYOUT)
+        * [.EVENT_WORKSPACE_PANEL_SHOWN](#module_view/WorkspaceManager..EVENT_WORKSPACE_PANEL_SHOWN)
+        * [.EVENT_WORKSPACE_PANEL_HIDDEN](#module_view/WorkspaceManager..EVENT_WORKSPACE_PANEL_HIDDEN)
+        * [.createBottomPanel(id, $panel, [minSize])](#module_view/WorkspaceManager..createBottomPanel) ⇒ <code>Panel</code>
+        * [.createPluginPanel(id, $panel, [minSize], $toolbarIcon, [initialSize])](#module_view/WorkspaceManager..createPluginPanel) ⇒ <code>Panel</code>
+        * [.getAllPanelIDs()](#module_view/WorkspaceManager..getAllPanelIDs) ⇒ <code>Array</code>
+        * [.getPanelForID(panelID)](#module_view/WorkspaceManager..getPanelForID) ⇒ <code>Object</code>
+        * [.recomputeLayout(refreshHint)](#module_view/WorkspaceManager..recomputeLayout)
+        * [.isPanelVisible(panelID)](#module_view/WorkspaceManager..isPanelVisible) ⇒ <code>boolean</code>
+        * [.setPluginPanelWidth(width)](#module_view/WorkspaceManager..setPluginPanelWidth)
+        * [.addEscapeKeyEventHandler(consumerName, eventHandler)](#module_view/WorkspaceManager..addEscapeKeyEventHandler) ⇒ <code>boolean</code>
+        * [.removeEscapeKeyEventHandler(consumerName)](#module_view/WorkspaceManager..removeEscapeKeyEventHandler) ⇒ <code>boolean</code>
+
+<a name="module_view/WorkspaceManager.PANEL_TYPE_BOTTOM_PANEL"></a>
+
+### view/WorkspaceManager.PANEL\_TYPE\_BOTTOM\_PANEL : <code>string</code>
+Constant representing the type of bottom panel
+
+**Kind**: static property of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
+<a name="module_view/WorkspaceManager.PANEL_TYPE_PLUGIN_PANEL"></a>
+
+### view/WorkspaceManager.PANEL\_TYPE\_PLUGIN\_PANEL : <code>string</code>
+Constant representing the type of plugin panel
+
+**Kind**: static property of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
+<a name="module_view/WorkspaceManager..EVENT_WORKSPACE_UPDATE_LAYOUT"></a>
+
+### view/WorkspaceManager.EVENT\_WORKSPACE\_UPDATE\_LAYOUT
 Event triggered when the workspace layout updates.
 
-**Kind**: global constant  
-<a name="EVENT_WORKSPACE_PANEL_SHOWN"></a>
+**Kind**: inner constant of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
+<a name="module_view/WorkspaceManager..EVENT_WORKSPACE_PANEL_SHOWN"></a>
 
-## EVENT\_WORKSPACE\_PANEL\_SHOWN
+### view/WorkspaceManager.EVENT\_WORKSPACE\_PANEL\_SHOWN
 Event triggered when a panel is shown.
 
-**Kind**: global constant  
-<a name="EVENT_WORKSPACE_PANEL_HIDDEN"></a>
+**Kind**: inner constant of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
+<a name="module_view/WorkspaceManager..EVENT_WORKSPACE_PANEL_HIDDEN"></a>
 
-## EVENT\_WORKSPACE\_PANEL\_HIDDEN
+### view/WorkspaceManager.EVENT\_WORKSPACE\_PANEL\_HIDDEN
 Event triggered when a panel is hidden.
 
-**Kind**: global constant  
-<a name="createBottomPanel"></a>
+**Kind**: inner constant of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
+<a name="module_view/WorkspaceManager..createBottomPanel"></a>
 
-## createBottomPanel(id, $panel, [minSize]) ⇒ <code>Panel</code>
+### view/WorkspaceManager.createBottomPanel(id, $panel, [minSize]) ⇒ <code>Panel</code>
 Creates a new resizable panel beneath the editor area and above the status bar footer. Panel is initially invisible.
 The panel's size & visibility are automatically saved & restored as a view-state preference.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
@@ -61,14 +79,14 @@ The panel's size & visibility are automatically saved & restored as a view-state
 | $panel | <code>jQueryObject</code> | DOM content to use as the panel. Need not be in the document yet. Must have an id      attribute, for use as a preferences key. |
 | [minSize] | <code>number</code> | Minimum height of panel in px. |
 
-<a name="createPluginPanel"></a>
+<a name="module_view/WorkspaceManager..createPluginPanel"></a>
 
-## createPluginPanel(id, $panel, [minSize], $toolbarIcon, [initialSize]) ⇒ <code>Panel</code>
+### view/WorkspaceManager.createPluginPanel(id, $panel, [minSize], $toolbarIcon, [initialSize]) ⇒ <code>Panel</code>
 Creates a new resizable plugin panel associated with the given toolbar icon. Panel is initially invisible.
 The panel's size & visibility are automatically saved & restored. Only one panel can be associated with a
 toolbar icon.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
@@ -78,71 +96,71 @@ toolbar icon.
 | $toolbarIcon | <code>jQueryObject</code> | An icon that should be present in main-toolbar to associate this panel to.      The panel will be shown only if the icon is visible on the toolbar and the user clicks on the icon. |
 | [initialSize] | <code>number</code> | Optional Initial size of panel in px. If not given, panel will use minsize      or current size. |
 
-<a name="getAllPanelIDs"></a>
+<a name="module_view/WorkspaceManager..getAllPanelIDs"></a>
 
-## getAllPanelIDs() ⇒ <code>Array</code>
+### view/WorkspaceManager.getAllPanelIDs() ⇒ <code>Array</code>
 Returns an array of all panel ID's
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 **Returns**: <code>Array</code> - List of ID's of all bottom panels  
-<a name="getPanelForID"></a>
+<a name="module_view/WorkspaceManager..getPanelForID"></a>
 
-## getPanelForID(panelID) ⇒ <code>Object</code>
+### view/WorkspaceManager.getPanelForID(panelID) ⇒ <code>Object</code>
 Gets the Panel interface for the given ID. Can return undefined if no panel with the ID is found.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 **Returns**: <code>Object</code> - Panel object for the ID or undefined  
 
 | Param | Type |
 | --- | --- |
 | panelID | <code>string</code> | 
 
-<a name="recomputeLayout"></a>
+<a name="module_view/WorkspaceManager..recomputeLayout"></a>
 
-## recomputeLayout(refreshHint)
+### view/WorkspaceManager.recomputeLayout(refreshHint)
 Called when an external widget has appeared and needs some of the space occupied
  by the mainview manager
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | refreshHint | <code>boolean</code> | true to refresh the editor, false if not |
 
-<a name="isPanelVisible"></a>
+<a name="module_view/WorkspaceManager..isPanelVisible"></a>
 
-## isPanelVisible(panelID) ⇒ <code>boolean</code>
+### view/WorkspaceManager.isPanelVisible(panelID) ⇒ <code>boolean</code>
 Responsible to check if the panel is visible or not.
 Returns true if visible else false.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 
 | Param |
 | --- |
 | panelID | 
 
-<a name="setPluginPanelWidth"></a>
+<a name="module_view/WorkspaceManager..setPluginPanelWidth"></a>
 
-## setPluginPanelWidth(width)
+### view/WorkspaceManager.setPluginPanelWidth(width)
 Programmatically sets the plugin panel content width to the given value in pixels.
 The total toolbar width is adjusted to account for the plugin icons bar.
 Width is clamped to respect panel minWidth and max size (75% of window).
 No-op if no panel is currently visible.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | width | <code>number</code> | Desired content width in pixels |
 
-<a name="addEscapeKeyEventHandler"></a>
+<a name="module_view/WorkspaceManager..addEscapeKeyEventHandler"></a>
 
-## addEscapeKeyEventHandler(consumerName, eventHandler) ⇒ <code>boolean</code>
+### view/WorkspaceManager.addEscapeKeyEventHandler(consumerName, eventHandler) ⇒ <code>boolean</code>
 If any widgets related to the editor needs to handle the escape key event, add it here. returning true from the
 registered handler will prevent primary escape key toggle panel behavior of phoenix. Note that returning true
 will no stop the event bubbling, that has to be controlled with the event parameter forwarded to the handler.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 **Returns**: <code>boolean</code> - true if added  
 
 | Param | Type | Description |
@@ -150,12 +168,12 @@ will no stop the event bubbling, that has to be controlled with the event parame
 | consumerName | <code>string</code> | a unique name for your consumer |
 | eventHandler | <code>function</code> | If the eventHandler returns true for this callback, the escape key event        will not lead to panel toggle default behavior. |
 
-<a name="removeEscapeKeyEventHandler"></a>
+<a name="module_view/WorkspaceManager..removeEscapeKeyEventHandler"></a>
 
-## removeEscapeKeyEventHandler(consumerName) ⇒ <code>boolean</code>
+### view/WorkspaceManager.removeEscapeKeyEventHandler(consumerName) ⇒ <code>boolean</code>
 Removing the escape key event consumer.
 
-**Kind**: global function  
+**Kind**: inner method of [<code>view/WorkspaceManager</code>](#module_view/WorkspaceManager)  
 **Returns**: <code>boolean</code> - true if removed  
 
 | Param | Type | Description |
diff --git a/src/view/MainViewFactory.js b/src/view/MainViewFactory.js
index 7a8c56638..e951c63f5 100644
--- a/src/view/MainViewFactory.js
+++ b/src/view/MainViewFactory.js
@@ -59,6 +59,7 @@
  *          return createIconView(file, pane);
  *      }
  *```
+ * @module view/MainViewFactory
  */
 define(function (require, exports, module) {
 
diff --git a/src/view/MainViewManager.js b/src/view/MainViewManager.js
index 9a437adfd..b6eca09f3 100644
--- a/src/view/MainViewManager.js
+++ b/src/view/MainViewManager.js
@@ -73,6 +73,7 @@
  *
  * To listen for events, do something like this: (see EventDispatcher for details on this pattern)
  *    `MainViewManager.on("eventname", handler);`
+ * @module view/MainViewManager
  */
 define(function (require, exports, module) {
 
@@ -677,8 +678,8 @@ define(function (require, exports, module) {
 
 
     /**
-     * Returns the pane IDs and editors (if present) of the given file in any open and viewable pane. 
-     * If the same file is open in multiple panes, all matching panes will be returned. 
+     * Returns the pane IDs and editors (if present) of the given file in any open and viewable pane.
+     * If the same file is open in multiple panes, all matching panes will be returned.
      * If not found in any panes, an empty array will be returned.
      * @param {string} fullPath - The full path of the file to search for.
      * @return {{paneId: string, editor: ?Editor}} An array of objects, each containing the pane ID and the corresponding editor, if present.
@@ -1432,7 +1433,7 @@ define(function (require, exports, module) {
      * @param {!File} file - The file to close.
      * @param {Object} [optionsIn] - Optional parameters for the close operation.
      * @param {boolean} [optionsIn.noOpenNextFile] - If set to true, prevents opening the next file after closing.
-     * 
+     *
      * This function does not fail if the file is not open.
      */
     function _close(paneId, file, optionsIn) {
diff --git a/src/view/Pane.js b/src/view/Pane.js
index e1c7527fd..ea507d6a2 100644
--- a/src/view/Pane.js
+++ b/src/view/Pane.js
@@ -148,6 +148,7 @@
  *
  *  Optional Notification callback called when the view's vsibility changes.  The view can perform any synchronization or
  *  state update it needs to do when its visiblity state changes.
+ *  @module view/Pane
  */
 define(function (require, exports, module) {
 
diff --git a/src/view/SidebarTabs.js b/src/view/SidebarTabs.js
index 9a67ea455..993d26162 100644
--- a/src/view/SidebarTabs.js
+++ b/src/view/SidebarTabs.js
@@ -18,6 +18,8 @@
  *
  */
 
+// @INCLUDE_IN_API_DOCS
+
 /**
  * SidebarTabs manages multiple tab panes within the sidebar. It inserts a
  * `#navTabBar` element after `#mainNavBar` and provides an API for registering
@@ -31,6 +33,7 @@
  * Tab switching works purely by toggling the `.sidebar-tab-hidden` CSS class
  * (`display: none !important`). No DOM reparenting or detaching occurs, so
  * cached jQuery/DOM references held by extensions remain valid.
+ * @module view/SidebarTabs
  */
 define(function (require, exports, module) {
 
@@ -67,16 +70,19 @@ define(function (require, exports, module) {
 
     // --- Private state -------------------------------------------------------
 
-    /** @type {jQuery} */
+    /** @type {jQuery}
+     * @private */
     let $navTabBar;
 
-    /** @type {jQuery} */
+    /** @type {jQuery}
+     * @private*/
     let $sidebar;
 
     /**
      * Ordered array of registered tab descriptors.
      * Each entry: { id, label, iconClass, priority, $tabItem }
      * @type {Array}
+     * @private
      */
     const _tabs = [];
 
@@ -84,6 +90,7 @@ define(function (require, exports, module) {
      * Map from tabId -> array of DOM elements (not jQuery) associated with
      * that tab via `addToTab`.
      * @type {Object.<string, Array.<Element>>}
+     * @private
      */
     const _tabContent = {};
 
@@ -92,12 +99,14 @@ define(function (require, exports, module) {
      * they were NOT already children of #sidebar). Used so `removeFromTab` can
      * decide whether to also detach the node from the DOM.
      * @type {Set.<Element>}
+     * @private
      */
     const _appendedNodes = new Set();
 
     /**
      * Currently active tab id.
      * @type {string}
+     * @private
      */
     let _activeTabId = SIDEBAR_TAB_FILES;
 
@@ -108,6 +117,7 @@ define(function (require, exports, module) {
     /**
      * CSS classes that mark structural/resizer elements which must never be
      * hidden by tab switching.
+     * @private
      */
     const _EXCLUDED_CLASSES = ["horz-resizer", "vert-resizer"];
 
@@ -116,6 +126,7 @@ define(function (require, exports, module) {
     /**
      * Returns true if a sidebar child node should never be touched by tab
      * switching (e.g. nav bars, resizer handles).
+     * @private
      */
     function _isExcludedNode(node) {
         if (_EXCLUDED_IDS[node.id]) {
@@ -131,6 +142,7 @@ define(function (require, exports, module) {
 
     /**
      * Rebuild the tab bar DOM to reflect current _tabs (sorted by priority).
+     * @private
      */
     function _rebuildTabBar() {
         $navTabBar.empty();
@@ -158,6 +170,7 @@ define(function (require, exports, module) {
     /**
      * Returns true if the given node is explicitly associated with the
      * specified tab.
+     * @private
      */
     function _isNodeInTab(node, tabId) {
         return _tabContent[tabId] && _tabContent[tabId].indexOf(node) !== -1;
@@ -166,6 +179,7 @@ define(function (require, exports, module) {
     /**
      * Returns true if the given node is explicitly associated with ANY
      * registered tab.
+     * @private
      */
     function _isNodeInAnyTab(node) {
         const tabIds = Object.keys(_tabContent);
@@ -184,6 +198,7 @@ define(function (require, exports, module) {
      * A node can be associated with multiple tabs. It is visible if any of
      * its associated tabs is the active tab. Unassociated nodes default to
      * the files tab.
+     * @private
      */
     function _applyTabVisibility() {
         if (!$sidebar || !$sidebar.length) {
diff --git a/src/view/ViewStateManager.js b/src/view/ViewStateManager.js
index d4a371831..687baabb6 100644
--- a/src/view/ViewStateManager.js
+++ b/src/view/ViewStateManager.js
@@ -31,6 +31,7 @@
  *
  * Views or View Factories are responsible for restoring the view state when the view of that file is created
  * by recalling the cached state.  Views determine what data is store in the view state and how to restore it.
+ * @module view/ViewStateManager
  */
 define(function (require, exports, module) {
 
diff --git a/src/view/WorkspaceManager.js b/src/view/WorkspaceManager.js
index da0bf1417..c56bbb4d9 100644
--- a/src/view/WorkspaceManager.js
+++ b/src/view/WorkspaceManager.js
@@ -31,6 +31,7 @@
  * `workspaceUpdateLayout` When workspace size changes for any reason (including panel show/hide panel resize, or the window resize).
  *              The 2nd arg is the available workspace height.
  *              The 3rd arg is a refreshHint flag for internal use (passed in to recomputeLayout)
+ * @module view/WorkspaceManager
  */
 define(function (require, exports, module) {
 

From 51ec8deb923c5b1e7027cbeb160a8abe05f77406 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Sat, 31 Jan 2026 23:27:51 +0530
Subject: [PATCH 23/35] feat: strings used in the styles panel

---
 src/nls/root/strings.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 0d1870e0e..7e0fc632f 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -204,7 +204,6 @@ define({
     "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Loading\u2026",
     "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "No images found",
     "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Failed to load images",
-    "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
     "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Select an image from your device",
     "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Select from device",
     "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
@@ -224,6 +223,15 @@ define({
     "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
     "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
     "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "You've used {0}% of your free image searches ({1}/{2})",
+    "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+    "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+    "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+    "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+    "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+    "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles\u2026",
+    "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+    "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+    "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
     "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
     "LIVE_DEV_COPY_TOAST_MESSAGE": "Element copied. Use 'Paste' to add it after the selected element",
     "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",

From 8257c24dcbffc99e65b136d3df98c33a491f2f4c Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Sun, 1 Feb 2026 16:55:11 +0530
Subject: [PATCH 24/35] feat: add support for suppressing edit dismissal when
 content is modified internally

---
 .../BrowserScripts/RemoteFunctions.js         | 36 +++++++++++++++----
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js b/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
index 0256043f3..280178862 100644
--- a/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
+++ b/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
@@ -24,7 +24,9 @@ function RemoteFunctions(config = {}) {
     const MessageBroker = window._Brackets_MessageBroker; // to be used by plugins.
 
     const SHARED_STATE = {
-        __description: "Use this to keep shared state for Live Preview Edit instead of window.*"
+        __description: "Use this to keep shared state for Live Preview Edit instead of window.*",
+        _suppressDOMEditDismissal: false,
+        _suppressDOMEditDismissalTimeout: null
     };
 
     let _hoverHighlight;
@@ -1257,10 +1259,13 @@ function RemoteFunctions(config = {}) {
         this.rememberedNodes = {};
 
         // this check makes sure that if the element is no more in the DOM then we remove it
-        if (previouslySelectedElement && !previouslySelectedElement.isConnected) {
-            dismissUIAndCleanupState();
-        } else {
-            redrawEverything();
+        // skip this check if suppression is active (e.g., when some internal feature updates source)
+        if (!SHARED_STATE._suppressDOMEditDismissal) {
+            if (previouslySelectedElement && !previouslySelectedElement.isConnected) {
+                dismissUIAndCleanupState();
+            } else {
+                redrawEverything();
+            }
         }
     };
 
@@ -1335,6 +1340,24 @@ function RemoteFunctions(config = {}) {
         }
     }
 
+    /**
+     * Temporarily suppress the DOM edit dismissal check in apply()
+     * Used when source is modified from UI panels to prevent
+     * the panel from being dismissed when the DOM is updated.
+     * @param {Number} durationMs - Duration in milliseconds to suppress (default 100)
+     */
+    function suppressDOMEditDismissal(durationMs) {
+        durationMs = durationMs || 100;
+        if (SHARED_STATE._suppressDOMEditDismissalTimeout) {
+            clearTimeout(SHARED_STATE._suppressDOMEditDismissalTimeout);
+        }
+        SHARED_STATE._suppressDOMEditDismissal = true;
+        SHARED_STATE._suppressDOMEditDismissalTimeout = setTimeout(function() {
+            SHARED_STATE._suppressDOMEditDismissal = false;
+            SHARED_STATE._suppressDOMEditDismissalTimeout = null;
+        }, durationMs);
+    }
+
     /**
      * This function dismisses all UI elements and cleans up application state
      * Called when user presses Esc key, clicks on HTML/Body tags, or other dismissal events
@@ -1425,7 +1448,8 @@ function RemoteFunctions(config = {}) {
         "updateConfig": updateConfig,
         "dismissUIAndCleanupState": dismissUIAndCleanupState,
         "escapeKeyPressInEditor": _handleEscapeKeyPress,
-        "getMode": function() { return config.mode; }
+        "getMode": function() { return config.mode; },
+        "suppressDOMEditDismissal": suppressDOMEditDismissal
     };
 
     // the below code comment is replaced by added scripts for extensibility

From 45155913c22a0d3451365c7e7a4d82a6df295016 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Sun, 1 Feb 2026 21:36:48 +0530
Subject: [PATCH 25/35] fix: reapply outline as after style edit the attr
 change wipes it

---
 src/LiveDevelopment/BrowserScripts/RemoteFunctions.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js b/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
index 280178862..4c03e8fbd 100644
--- a/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
+++ b/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
@@ -1266,6 +1266,12 @@ function RemoteFunctions(config = {}) {
             } else {
                 redrawEverything();
             }
+        } else {
+            // Suppression is active - re-apply outline since attrChange may have wiped it
+            if (previouslySelectedElement && previouslySelectedElement.isConnected) {
+                const outlineColor = previouslySelectedElement.hasAttribute(GLOBALS.DATA_BRACKETS_ID_ATTR) ? "#4285F4" : "#3C3F41";
+                previouslySelectedElement.style.outline = `1px solid ${outlineColor}`;
+            }
         }
     };
 

From 5f53956fb9b4bfcac42b7c5cef7d5f959e0fb0ee Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Mon, 2 Feb 2026 02:00:40 +0530
Subject: [PATCH 26/35] feat: remove default image gallery selected state

---
 src/LiveDevelopment/main.js | 29 -----------------------------
 1 file changed, 29 deletions(-)

diff --git a/src/LiveDevelopment/main.js b/src/LiveDevelopment/main.js
index ae3069b37..60d4caebf 100644
--- a/src/LiveDevelopment/main.js
+++ b/src/LiveDevelopment/main.js
@@ -39,7 +39,6 @@ define(function main(require, exports, module) {
         LivePreviewTransport  = require("LiveDevelopment/MultiBrowserImpl/transports/LivePreviewTransport"),
         CommandManager      = require("command/CommandManager"),
         PreferencesManager  = require("preferences/PreferencesManager"),
-        StateManager        = require("preferences/StateManager"),
         UrlParams           = require("utils/UrlParams").UrlParams,
         Strings             = require("strings"),
         ExtensionUtils      = require("utils/ExtensionUtils"),
@@ -57,10 +56,6 @@ define(function main(require, exports, module) {
 
     const PREFERENCE_LIVE_PREVIEW_MODE = CONSTANTS.PREFERENCE_LIVE_PREVIEW_MODE;
 
-    // state manager key to track image gallery selected state, by default we keep this as selected
-    // if this is true we show the image gallery when an image element is clicked
-    const IMAGE_GALLERY_STATE = "livePreview.imageGallery.state";
-
     PreferencesManager.definePreference(PREFERENCE_LIVE_PREVIEW_MODE, "string", LIVE_HIGHLIGHT_MODE, {
         description: StringUtils.format(
             Strings.LIVE_PREVIEW_MODE_PREFERENCE, LIVE_PREVIEW_MODE, LIVE_HIGHLIGHT_MODE, LIVE_EDIT_MODE),
@@ -70,34 +65,11 @@ define(function main(require, exports, module) {
         _previewModeUpdated();
     });
 
-    /**
-     * get the image gallery state from StateManager
-     * @returns {boolean} true (default)
-     */
-    function _getImageGalleryState() {
-        const savedState = StateManager.get(IMAGE_GALLERY_STATE);
-        return savedState !== undefined && savedState !== null ? savedState : true;
-    }
-
-    /**
-     * sets the image gallery state
-     * @param {Boolean} the state that we need to set
-     */
-    function setImageGalleryState(state) {
-        StateManager.set(IMAGE_GALLERY_STATE, state);
-
-        // update the config with the new state
-        const config = MultiBrowserLiveDev.getConfig();
-        config.imageGalleryState = state;
-        MultiBrowserLiveDev.updateConfig(config);
-    }
-
     let params = new UrlParams();
     const defaultConfig = {
         mode: LIVE_HIGHLIGHT_MODE, // will be updated when we fetch entitlements
         elemHighlights: CONSTANTS.HIGHLIGHT_HOVER, // default value, this will get updated when the extension loads
         showRulerLines: false, // default value, this will get updated when the extension loads
-        imageGalleryState: _getImageGalleryState(), // image gallery selected state
         isPaidUser: false, // will be updated when we fetch entitlements
         isLoggedIn: false, // will be updated when we fetch entitlements
         hasLiveEditCapability: false // handled inside _liveEditCapabilityChanged function
@@ -373,7 +345,6 @@ define(function main(require, exports, module) {
     exports.isActive = isActive;
     exports.setLivePreviewPinned = setLivePreviewPinned;
     exports.setLivePreviewTransportBridge = setLivePreviewTransportBridge;
-    exports.setImageGalleryState = setImageGalleryState;
     exports.updateElementHighlightConfig = updateElementHighlightConfig;
     exports.updateRulerLinesConfig = updateRulerLinesConfig;
     exports.getConnectionIds = MultiBrowserLiveDev.getConnectionIds;

From b9fa94a7d4563c99c4cba0828a4dcaed39a5acc8 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Sun, 15 Feb 2026 12:57:56 +0000
Subject: [PATCH 27/35] ci: update Translations

---
 src/nls/ar/lastTranslated.json    | 10 +++++++++-
 src/nls/ar/strings.js             | 22 +++++++++++++++-------
 src/nls/bg/lastTranslated.json    | 10 +++++++++-
 src/nls/bg/strings.js             | 22 +++++++++++++++-------
 src/nls/cs/lastTranslated.json    | 10 +++++++++-
 src/nls/cs/strings.js             | 22 +++++++++++++++-------
 src/nls/da/lastTranslated.json    | 10 +++++++++-
 src/nls/da/strings.js             | 22 +++++++++++++++-------
 src/nls/de/lastTranslated.json    | 10 +++++++++-
 src/nls/de/strings.js             | 22 +++++++++++++++-------
 src/nls/el/lastTranslated.json    | 10 +++++++++-
 src/nls/el/strings.js             | 22 +++++++++++++++-------
 src/nls/en-gb/lastTranslated.json | 10 +++++++++-
 src/nls/en-gb/strings.js          | 22 +++++++++++++++-------
 src/nls/es/lastTranslated.json    | 10 +++++++++-
 src/nls/es/strings.js             | 22 +++++++++++++++-------
 src/nls/fa-ir/lastTranslated.json | 10 +++++++++-
 src/nls/fa-ir/strings.js          | 22 +++++++++++++++-------
 src/nls/fi/lastTranslated.json    | 10 +++++++++-
 src/nls/fi/strings.js             | 22 +++++++++++++++-------
 src/nls/fr/lastTranslated.json    | 10 +++++++++-
 src/nls/fr/strings.js             | 22 +++++++++++++++-------
 src/nls/gl/lastTranslated.json    | 10 +++++++++-
 src/nls/gl/strings.js             | 22 +++++++++++++++-------
 src/nls/hi/lastTranslated.json    | 10 +++++++++-
 src/nls/hi/strings.js             | 22 +++++++++++++++-------
 src/nls/hr/lastTranslated.json    | 10 +++++++++-
 src/nls/hr/strings.js             | 22 +++++++++++++++-------
 src/nls/hu/lastTranslated.json    | 10 +++++++++-
 src/nls/hu/strings.js             | 22 +++++++++++++++-------
 src/nls/id/lastTranslated.json    | 10 +++++++++-
 src/nls/id/strings.js             | 22 +++++++++++++++-------
 src/nls/it/lastTranslated.json    | 10 +++++++++-
 src/nls/it/strings.js             | 22 +++++++++++++++-------
 src/nls/ja/lastTranslated.json    | 10 +++++++++-
 src/nls/ja/strings.js             | 22 +++++++++++++++-------
 src/nls/ko/lastTranslated.json    | 10 +++++++++-
 src/nls/ko/strings.js             | 22 +++++++++++++++-------
 src/nls/lv/lastTranslated.json    | 10 +++++++++-
 src/nls/lv/strings.js             | 22 +++++++++++++++-------
 src/nls/ml/lastTranslated.json    | 10 +++++++++-
 src/nls/ml/strings.js             | 22 +++++++++++++++-------
 src/nls/nb/lastTranslated.json    | 10 +++++++++-
 src/nls/nb/strings.js             | 22 +++++++++++++++-------
 src/nls/nl/lastTranslated.json    | 10 +++++++++-
 src/nls/nl/strings.js             | 22 +++++++++++++++-------
 src/nls/pl/lastTranslated.json    | 10 +++++++++-
 src/nls/pl/strings.js             | 22 +++++++++++++++-------
 src/nls/pt-br/lastTranslated.json | 10 +++++++++-
 src/nls/pt-br/strings.js          | 22 +++++++++++++++-------
 src/nls/pt-pt/lastTranslated.json | 10 +++++++++-
 src/nls/pt-pt/strings.js          | 22 +++++++++++++++-------
 src/nls/ro/lastTranslated.json    | 10 +++++++++-
 src/nls/ro/strings.js             | 22 +++++++++++++++-------
 src/nls/ru/lastTranslated.json    | 10 +++++++++-
 src/nls/ru/strings.js             | 22 +++++++++++++++-------
 src/nls/sk/lastTranslated.json    | 10 +++++++++-
 src/nls/sk/strings.js             | 22 +++++++++++++++-------
 src/nls/sr/lastTranslated.json    | 10 +++++++++-
 src/nls/sr/strings.js             | 22 +++++++++++++++-------
 src/nls/sv/lastTranslated.json    | 10 +++++++++-
 src/nls/sv/strings.js             | 22 +++++++++++++++-------
 src/nls/tr/lastTranslated.json    | 10 +++++++++-
 src/nls/tr/strings.js             | 22 +++++++++++++++-------
 src/nls/uk/lastTranslated.json    | 10 +++++++++-
 src/nls/uk/strings.js             | 22 +++++++++++++++-------
 src/nls/ur/lastTranslated.json    | 10 +++++++++-
 src/nls/ur/strings.js             | 22 +++++++++++++++-------
 src/nls/zh-cn/lastTranslated.json | 10 +++++++++-
 src/nls/zh-cn/strings.js          | 22 +++++++++++++++-------
 src/nls/zh-tw/lastTranslated.json | 10 +++++++++-
 src/nls/zh-tw/strings.js          | 22 +++++++++++++++-------
 72 files changed, 864 insertions(+), 288 deletions(-)

diff --git a/src/nls/ar/lastTranslated.json b/src/nls/ar/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/ar/lastTranslated.json
+++ b/src/nls/ar/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/ar/strings.js b/src/nls/ar/strings.js
index 1f2d6d9ca..768565bad 100644
--- a/src/nls/ar/strings.js
+++ b/src/nls/ar/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "جارٍ التحميل...",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "لم يتم العثور على صور",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "فشل تحميل الصور",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "إغلاق",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "حدد صورة من جهازك",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "تحديد من الجهاز",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "حدد موقع تنزيل الصورة في المحرر للمتابعة",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "اكتب مسار المجلد (مثال: assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 أدخل مسار المجلد أو اتركه فارغًا للتنزيل في مجلد 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "لا تسأل مرة أخرى بخصوص هذا المشروع",
+  "DEVICE_SIZE_LIMIT_TITLE": "تم الوصول إلى حد المعاينة المتجاوبة",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "تحصل الحسابات المجانية على عدد قليل من المعاينات المتجاوبة يوميًا. قم بالترقية إلى Phoenix Pro للحصول على معاينات متجاوبة غير محدودة عبر جميع أحجام الأجهزة.",
   "IMAGE_SEARCH_LIMIT_TITLE": "تم الوصول إلى الحد الأقصى للبحث عن الصور",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "لقد استنفدت كل عمليات البحث عن الصور المتاحة لك هذا الشهر وعددها {0}.<br>ابدأ خطة Phoenix Pro مدفوعة لإزالة قيود النسخة التجريبية ومواصلة البحث.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "البحث عن الصور غير متاح مؤقتًا بسبب كثرة الطلب.<br>ابدأ خطة Phoenix Pro مدفوعة لإزالة قيود النسخة التجريبية ومواصلة البحث.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "كيفية استخدام {APP_NAME}",
   "CMD_SUPPORT": "دعم {APP_NAME}",
   "CMD_GET_PRO": "احصل على Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "إلغاء الفترة التجريبية لـ Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "هل تريد إلغاء الفترة التجريبية لـ {0}؟",
+  "CANCEL_TRIAL_MESSAGE": "تبقى لديك {0} أيام في الفترة التجريبية لـ Phoenix Pro. لا يمكن التراجع عن الإلغاء. هل أنت متأكد من أنك تريد إيقاف فترتك التجريبية؟",
+  "CANCEL_TRIAL_STOP_BTN": "إيقاف الفترة التجريبية",
   "CMD_VIEW_LICENSE": "عرض الرخصة",
   "CMD_MANAGE_LICENSES": "إدارة التراخيص",
   "CMD_USER_PROFILE": "حساب {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "البدء من جديد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 بطاقات",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 محذوف",
-  "DEVICE_SIZE_LIMIT_TITLE": "تم الوصول إلى حد المعاينة المتجاوبة",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "تحصل الحسابات المجانية على عدد قليل من المعاينات المتجاوبة يوميًا. قم بالترقية إلى Phoenix Pro للحصول على معاينات متجاوبة غير محدودة عبر جميع أحجام الأجهزة.",
-  "CMD_CANCEL_TRIAL": "إلغاء الفترة التجريبية لـ Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "هل تريد إلغاء الفترة التجريبية لـ {0}؟",
-  "CANCEL_TRIAL_MESSAGE": "تبقى لديك {0} أيام في الفترة التجريبية لـ Phoenix Pro. لا يمكن التراجع عن الإلغاء. هل أنت متأكد من أنك تريد إيقاف فترتك التجريبية؟",
-  "CANCEL_TRIAL_STOP_BTN": "إيقاف الفترة التجريبية"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "محرر الأنماط",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "تحرير الأنماط",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ إضافة",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "لم يتم العثور على قواعد CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "القواعد المطابقة ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "جارٍ تحميل الأنماط...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "لم يتم العثور على أنماط",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "خاصية",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "قيمة"
 });
\ No newline at end of file
diff --git a/src/nls/bg/lastTranslated.json b/src/nls/bg/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/bg/lastTranslated.json
+++ b/src/nls/bg/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/bg/strings.js b/src/nls/bg/strings.js
index 0214e8ef9..a7be0fd56 100644
--- a/src/nls/bg/strings.js
+++ b/src/nls/bg/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Зареждане…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Няма намерени изображения",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Грешка при зареждане на изображения",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Затваряне",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Изберете изображение от вашето устройство",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Изберете от устройство",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Изберете място за изтегляне на изображението в редактора, за да продължите",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Въведете път до папката (напр. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Въведете път до папка или оставете празно за изтегляне в папка 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Не питай отново за този проект",
+  "DEVICE_SIZE_LIMIT_TITLE": "Достигнат лимит за адаптивен преглед",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Безплатните акаунти получават няколко адаптивни прегледа на ден. Надградете до Phoenix Pro за неограничени адаптивни прегледи за всички размери устройства.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Достигнат лимит за търсене на изображения",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Използвали сте всички {0} търсения на изображения за този месец.<br>Стартирайте платен план на Phoenix Pro, за да премахнете пробните ограничения и да продължите да търсите.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Търсенето на изображения е временно недостъпно поради голямо натоварване.<br>Стартирайте платен план на Phoenix Pro, за да премахнете пробните ограничения и да продължите да търсите.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Как се използва {APP_NAME}",
   "CMD_SUPPORT": "Поддръжка на {APP_NAME}",
   "CMD_GET_PRO": "Вземете Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Прекратяване на пробния период на Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Прекратяване на пробния период на {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Остават ви {0} дни от пробния ви период на Phoenix Pro. Прекратяването не може да бъде отменено. Сигурни ли сте, че искате да прекратите пробния си период?",
+  "CANCEL_TRIAL_STOP_BTN": "Прекратяване на пробния период",
   "CMD_VIEW_LICENSE": "Преглед на лиценза",
   "CMD_MANAGE_LICENSES": "Управление на лицензи",
   "CMD_USER_PROFILE": "Профил в {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Започни отново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карти",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 изтрит",
-  "DEVICE_SIZE_LIMIT_TITLE": "Достигнат лимит за адаптивен преглед",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Безплатните акаунти получават няколко адаптивни прегледа на ден. Надградете до Phoenix Pro за неограничени адаптивни прегледи за всички размери устройства.",
-  "CMD_CANCEL_TRIAL": "Прекратяване на пробния период на Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Прекратяване на пробния период на {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Остават ви {0} дни от пробния ви период на Phoenix Pro. Прекратяването не може да бъде отменено. Сигурни ли сте, че искате да прекратите пробния си период?",
-  "CANCEL_TRIAL_STOP_BTN": "Прекратяване на пробния период"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор на стилове",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редактиране на стилове",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Добави",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Не са намерени CSS правила",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Съвпадащи правила ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Зареждане на стилове…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Не са намерени стилове",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "свойство",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "стойност"
 });
\ No newline at end of file
diff --git a/src/nls/cs/lastTranslated.json b/src/nls/cs/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/cs/lastTranslated.json
+++ b/src/nls/cs/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/cs/strings.js b/src/nls/cs/strings.js
index 3718a27cc..5f5fc9b04 100644
--- a/src/nls/cs/strings.js
+++ b/src/nls/cs/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Načítání…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nebyly nalezeny žádné obrázky",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Nepodařilo se načíst obrázky",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Zavřít",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Vyberte obrázek z vašeho zařízení",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Vybrat ze zařízení",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Pro pokračování vyberte v editoru umístění pro stažení obrázku.",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Zadejte cestu ke složce (např. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Zadejte cestu ke složce nebo ponechte prázdné pro stažení do složky 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "U tohoto projektu se znovu neptat",
+  "DEVICE_SIZE_LIMIT_TITLE": "Byl dosažen limit responzivních náhledů",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezplatné účty mají k dispozici několik responzivních náhledů denně. Přejděte na Phoenix Pro a získejte neomezené responzivní náhledy pro všechny velikosti zařízení.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Limit vyhledávání obrázků dosažen",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Vyčerpali jste všech {0} vyhledávání obrázků pro tento měsíc.<br>Aktivujte si placený plán Phoenix Pro, abyste odstranili limity zkušební verze a mohli pokračovat ve vyhledávání.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Vyhledávání obrázků je dočasně nedostupné z důvodu vysoké poptávky.<br>Aktivujte si placený plán Phoenix Pro, abyste odstranili limity zkušební verze a mohli pokračovat ve vyhledávání.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Jak používat {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} Podpora",
   "CMD_GET_PRO": "Získejte Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Zrušit zkušební verzi Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Zrušit zkušební verzi {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Zbývá vám {0} dní zkušební verze Phoenix Pro. Zrušení je nevratné. Jste si jisti, že chcete zkušební verzi ukončit?",
+  "CANCEL_TRIAL_STOP_BTN": "Ukončit zkušební verzi",
   "CMD_VIEW_LICENSE": "Zobrazit licenci",
   "CMD_MANAGE_LICENSES": "Spravovat licence",
   "CMD_USER_PROFILE": "Účet {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začít znovu",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karet",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 smazáno",
-  "DEVICE_SIZE_LIMIT_TITLE": "Byl dosažen limit responzivních náhledů",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezplatné účty mají k dispozici několik responzivních náhledů denně. Přejděte na Phoenix Pro a získejte neomezené responzivní náhledy pro všechny velikosti zařízení.",
-  "CMD_CANCEL_TRIAL": "Zrušit zkušební verzi Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Zrušit zkušební verzi {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Zbývá vám {0} dní zkušební verze Phoenix Pro. Zrušení je nevratné. Jste si jisti, že chcete zkušební verzi ukončit?",
-  "CANCEL_TRIAL_STOP_BTN": "Ukončit zkušební verzi"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor stylů",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Upravit styly",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Přidat",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenalezena žádná pravidla CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Odpovídající pravidla ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Načítání stylů…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenalezeny žádné styly",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "vlastnost",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "hodnota"
 });
\ No newline at end of file
diff --git a/src/nls/da/lastTranslated.json b/src/nls/da/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/da/lastTranslated.json
+++ b/src/nls/da/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/da/strings.js b/src/nls/da/strings.js
index caaefadc0..9cb6b4230 100644
--- a/src/nls/da/strings.js
+++ b/src/nls/da/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Indlæser…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Ingen billeder fundet",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Kunne ikke indlæse billeder",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Luk",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Vælg et billede fra din enhed",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Vælg fra enhed",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Vælg placering for billeddownload i editoren for at fortsætte",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Indtast mappesti (f.eks. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Indtast mappesti eller lad feltet være tomt for at downloade i 'images'-mappen.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Spørg ikke igen for dette projekt",
+  "DEVICE_SIZE_LIMIT_TITLE": "Grænse for responsiv forhåndsvisning nået",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratis konti får et par responsive forhåndsvisninger om dagen. Opgrader til Phoenix Pro for ubegrænsede responsive forhåndsvisninger på tværs af alle enhedsstørrelser.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Grænse for billedsøgning er nået",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Du har brugt alle dine {0} billedsøgninger for denne måned.<br>Start et betalt Phoenix Pro-abonnement for at fjerne prøveversionsgrænser og fortsætte med at søge.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Billedsøgning er midlertidigt utilgængelig på grund af stor efterspørgsel.<br>Start et betalt Phoenix Pro-abonnement for at fjerne prøveversionsgrænser og fortsætte med at søge.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Sådan bruger du {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} support",
   "CMD_GET_PRO": "Få Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Annuller Phoenix Pro-prøveperiode",
+  "CANCEL_TRIAL_TITLE": "Annuller {0}-prøveperiode?",
+  "CANCEL_TRIAL_MESSAGE": "Du har {0} dage tilbage af din Phoenix Pro-prøveperiode. Annulleringen kan ikke fortrydes. Er du sikker på, at du vil stoppe din prøveperiode?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop prøveperiode",
   "CMD_VIEW_LICENSE": "Vis licens",
   "CMD_MANAGE_LICENSES": "Administrer licenser",
   "CMD_USER_PROFILE": "{APP_NAME}-konto",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start forfra",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "DEVICE_SIZE_LIMIT_TITLE": "Grænse for responsiv forhåndsvisning nået",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratis konti får et par responsive forhåndsvisninger om dagen. Opgrader til Phoenix Pro for ubegrænsede responsive forhåndsvisninger på tværs af alle enhedsstørrelser.",
-  "CMD_CANCEL_TRIAL": "Annuller Phoenix Pro-prøveperiode",
-  "CANCEL_TRIAL_TITLE": "Annuller {0}-prøveperiode?",
-  "CANCEL_TRIAL_MESSAGE": "Du har {0} dage tilbage af din Phoenix Pro-prøveperiode. Annulleringen kan ikke fortrydes. Er du sikker på, at du vil stoppe din prøveperiode?",
-  "CANCEL_TRIAL_STOP_BTN": "Stop prøveperiode"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stileditor",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediger stilarter",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Tilføj",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Ingen CSS-regler fundet",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matchende regler ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Indlæser stilarter...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Ingen stilarter fundet",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskab",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "værdi"
 });
\ No newline at end of file
diff --git a/src/nls/de/lastTranslated.json b/src/nls/de/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/de/lastTranslated.json
+++ b/src/nls/de/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/de/strings.js b/src/nls/de/strings.js
index f1a812790..77471c03b 100644
--- a/src/nls/de/strings.js
+++ b/src/nls/de/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Lädt…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Keine Bilder gefunden",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Fehler beim Laden der Bilder",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Schließen",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Wählen Sie ein Bild von Ihrem Gerät aus",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Vom Gerät auswählen",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Speicherort für den Bild-Download im Editor auswählen, um fortzufahren.",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Ordnerpfad eingeben (z. B. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Geben Sie den Ordnerpfad ein oder lassen Sie das Feld leer, um den Download in den Ordner 'images' durchzuführen.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Für dieses Projekt nicht erneut fragen",
+  "DEVICE_SIZE_LIMIT_TITLE": "Limit für responsive Vorschauen erreicht",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Kostenlose Konten erhalten einige responsive Vorschauen pro Tag. Upgraden Sie auf Phoenix Pro für unbegrenzte responsive Vorschauen auf allen Gerätegrößen.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Limit für Bildsuche erreicht",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Sie haben alle {0} Bildsuchen für diesen Monat verbraucht.<br>Starten Sie einen kostenpflichtigen Phoenix Pro-Plan, um die Testlimits aufzuheben und die Suche fortzusetzen.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Die Bildsuche ist aufgrund hoher Nachfrage vorübergehend nicht verfügbar.<br>Starten Sie einen kostenpflichtigen Phoenix Pro-Plan, um die Testlimits aufzuheben und die Suche fortzusetzen.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "So verwendet man {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME}-Support",
   "CMD_GET_PRO": "Phoenix Pro herunterladen",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro-Testversion beenden",
+  "CANCEL_TRIAL_TITLE": "{0}-Testversion beenden?",
+  "CANCEL_TRIAL_MESSAGE": "Sie haben noch {0} Tage in Ihrer Phoenix Pro-Testversion. Das Beenden kann nicht rückgängig gemacht werden. Möchten Sie Ihre Testversion wirklich beenden?",
+  "CANCEL_TRIAL_STOP_BTN": "Testversion beenden",
   "CMD_VIEW_LICENSE": "Lizenz anzeigen",
   "CMD_MANAGE_LICENSES": "Lizenzen verwalten",
   "CMD_USER_PROFILE": "{APP_NAME}-Konto",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Erneut starten",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 Karten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 gelöscht",
-  "DEVICE_SIZE_LIMIT_TITLE": "Limit für responsive Vorschauen erreicht",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Kostenlose Konten erhalten einige responsive Vorschauen pro Tag. Upgraden Sie auf Phoenix Pro für unbegrenzte responsive Vorschauen auf allen Gerätegrößen.",
-  "CMD_CANCEL_TRIAL": "Phoenix Pro-Testversion beenden",
-  "CANCEL_TRIAL_TITLE": "{0}-Testversion beenden?",
-  "CANCEL_TRIAL_MESSAGE": "Sie haben noch {0} Tage in Ihrer Phoenix Pro-Testversion. Das Beenden kann nicht rückgängig gemacht werden. Möchten Sie Ihre Testversion wirklich beenden?",
-  "CANCEL_TRIAL_STOP_BTN": "Testversion beenden"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stil-Editor",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stile bearbeiten",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Hinzufügen",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Keine CSS-Regeln gefunden",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Passende Regeln ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Stile werden geladen…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Keine Stile gefunden",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "Eigenschaft",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "Wert"
 });
\ No newline at end of file
diff --git a/src/nls/el/lastTranslated.json b/src/nls/el/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/el/lastTranslated.json
+++ b/src/nls/el/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/el/strings.js b/src/nls/el/strings.js
index 1469c4411..f0d16d64d 100644
--- a/src/nls/el/strings.js
+++ b/src/nls/el/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Φόρτωση…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Δεν βρέθηκαν εικόνες",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Αποτυχία φόρτωσης εικόνων",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Κλείσιμο",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Επιλέξτε μια εικόνα από τη συσκευή σας",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Επιλογή από τη συσκευή",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Επιλέξτε τη θέση λήψης της εικόνας στον επεξεργαστή για να συνεχίσετε",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Πληκτρολογήστε διαδρομή φακέλου (π.χ., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Πληκτρολογήστε τη διαδρομή φακέλου ή αφήστε το πεδίο κενό για λήψη στον φάκελο 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Να μην ερωτηθώ ξανά για αυτό το έργο",
+  "DEVICE_SIZE_LIMIT_TITLE": "Επίτευξη ορίου αποκριτικών προεπισκοπήσεων",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Οι δωρεάν λογαριασμοί έχουν μερικές αποκριτικές προεπισκοπήσεις την ημέρα. Αναβαθμίστε σε Phoenix Pro για απεριόριστες αποκριτικές προεπισκοπήσεις σε όλα τα μεγέθη συσκευών.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Επιτεύχθηκε το όριο αναζήτησης εικόνων",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Έχετε εξαντλήσει και τις {0} αναζητήσεις εικόνων για αυτόν τον μήνα.<br>Ξεκινήστε ένα πρόγραμμα επί πληρωμή Phoenix Pro για να καταργήσετε τα όρια της δοκιμαστικής περιόδου και να συνεχίσετε την αναζήτηση.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Η αναζήτηση εικόνων είναι προσωρινά μη διαθέσιμη λόγω αυξημένης ζήτησης.<br>Ξεκινήστε ένα πρόγραμμα επί πληρωμή Phoenix Pro για να καταργήσετε τα όρια της δοκιμαστικής περιόδου και να συνεχίσετε την αναζήτηση.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Πώς να Χρησιμοποιήσετε το {APP_NAME}",
   "CMD_SUPPORT": "Υποστήριξη {APP_NAME}",
   "CMD_GET_PRO": "Αποκτήστε το Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Ακύρωση δοκιμαστικής περιόδου Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Ακύρωση δοκιμαστικής περιόδου {0};",
+  "CANCEL_TRIAL_MESSAGE": "Απομένουν {0} ημέρες στη δοκιμαστική σας περίοδο Phoenix Pro. Η ακύρωση δεν μπορεί να αναιρεθεί. Είστε βέβαιοι ότι θέλετε να διακόψετε τη δοκιμαστική σας περίοδο;",
+  "CANCEL_TRIAL_STOP_BTN": "Διακοπή δοκιμής",
   "CMD_VIEW_LICENSE": "Προβολή άδειας χρήσης",
   "CMD_MANAGE_LICENSES": "Διαχείριση αδειών",
   "CMD_USER_PROFILE": "Λογαριασμός {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Έναρξη από την αρχή",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 κάρτες",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 διαγράφηκε",
-  "DEVICE_SIZE_LIMIT_TITLE": "Επίτευξη ορίου αποκριτικών προεπισκοπήσεων",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Οι δωρεάν λογαριασμοί έχουν μερικές αποκριτικές προεπισκοπήσεις την ημέρα. Αναβαθμίστε σε Phoenix Pro για απεριόριστες αποκριτικές προεπισκοπήσεις σε όλα τα μεγέθη συσκευών.",
-  "CMD_CANCEL_TRIAL": "Ακύρωση δοκιμαστικής περιόδου Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Ακύρωση δοκιμαστικής περιόδου {0};",
-  "CANCEL_TRIAL_MESSAGE": "Απομένουν {0} ημέρες στη δοκιμαστική σας περίοδο Phoenix Pro. Η ακύρωση δεν μπορεί να αναιρεθεί. Είστε βέβαιοι ότι θέλετε να διακόψετε τη δοκιμαστική σας περίοδο;",
-  "CANCEL_TRIAL_STOP_BTN": "Διακοπή δοκιμής"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Επεξεργαστής Στυλ",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Επεξεργασία Στυλ",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Προσθήκη",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Δεν βρέθηκαν κανόνες CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Αντίστοιχοι Κανόνες ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Φόρτωση στυλ…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Δεν βρέθηκαν στυλ",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "ιδιότητα",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "τιμή"
 });
\ No newline at end of file
diff --git a/src/nls/en-gb/lastTranslated.json b/src/nls/en-gb/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/en-gb/lastTranslated.json
+++ b/src/nls/en-gb/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/en-gb/strings.js b/src/nls/en-gb/strings.js
index fdda65613..50c1b5fde 100644
--- a/src/nls/en-gb/strings.js
+++ b/src/nls/en-gb/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Loading…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "No images found",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Failed to load images",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Select an image from your device",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Select from device",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Type folder path (e.g., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Type a folder path or leave empty to download to the 'images' folder.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Don't ask again for this project",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Image search limit reached",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "You’ve used all {0} image searches for this month.<br>Start a paid Phoenix Pro plan to remove trial limits and continue searching.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Image search is temporarily unavailable due to high demand.<br>Start a paid Phoenix Pro plan to remove trial limits and continue searching.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "How to Use {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} Support",
   "CMD_GET_PRO": "Get Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
+  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
+  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
+  "CANCEL_TRIAL_STOP_BTN": "Stop Trial",
   "CMD_VIEW_LICENSE": "View Licence",
   "CMD_MANAGE_LICENSES": "Manage Licences",
   "CMD_USER_PROFILE": "{APP_NAME} Account",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start Again",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cards",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 deleted",
-  "DEVICE_SIZE_LIMIT_TITLE": "Responsive Preview Limit Reached",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Free accounts get a few responsive previews per day. Upgrade to Phoenix Pro for unlimited responsive previews across all device sizes.",
-  "CMD_CANCEL_TRIAL": "Cancel Phoenix Pro Trial",
-  "CANCEL_TRIAL_TITLE": "Cancel {0} Trial?",
-  "CANCEL_TRIAL_MESSAGE": "You have {0} days remaining in your Phoenix Pro trial. Cancelling cannot be undone. Are you sure you want to stop your trial?",
-  "CANCEL_TRIAL_STOP_BTN": "Stop Trial"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value"
 });
\ No newline at end of file
diff --git a/src/nls/es/lastTranslated.json b/src/nls/es/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/es/lastTranslated.json
+++ b/src/nls/es/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js
index a13057966..8ed0a7706 100644
--- a/src/nls/es/strings.js
+++ b/src/nls/es/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Cargando…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "No se encontraron imágenes",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Error al cargar las imágenes",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Cerrar",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Seleccionar una imagen de tu dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Seleccionar del dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Seleccione la ubicación de descarga de la imagen en el editor para continuar",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Escribe la ruta de la carpeta (p. ej., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Escriba la ruta de la carpeta o déjelo vacío para descargar en la carpeta 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "No volver a preguntar para este proyecto",
+  "DEVICE_SIZE_LIMIT_TITLE": "Límite de previsualizaciones adaptables alcanzado",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Las cuentas gratuitas obtienen unas pocas previsualizaciones adaptables al día. Actualiza a Phoenix Pro para obtener previsualizaciones adaptables ilimitadas en todos los tamaños de dispositivo.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Límite de búsqueda de imágenes alcanzado",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Has agotado las {0} búsquedas de imágenes de este mes.<br>Inicia un plan de pago de Phoenix Pro para eliminar los límites de la prueba y seguir buscando.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "La búsqueda de imágenes no está disponible temporalmente debido a la alta demanda.<br>Inicia un plan de pago de Phoenix Pro para eliminar los límites de la prueba y seguir buscando.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Cómo utilizar {APP_NAME}",
   "CMD_SUPPORT": "Soporte de {APP_NAME}",
   "CMD_GET_PRO": "Obtener Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Cancelar la prueba de Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "¿Cancelar la prueba de {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Te quedan {0} días de tu prueba de Phoenix Pro. La cancelación no se puede deshacer. ¿Estás seguro de que quieres detener la prueba?",
+  "CANCEL_TRIAL_STOP_BTN": "Detener prueba",
   "CMD_VIEW_LICENSE": "Ver licencia",
   "CMD_MANAGE_LICENSES": "Gestionar licencias",
   "CMD_USER_PROFILE": "Cuenta de {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Empezar de nuevo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarjetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "DEVICE_SIZE_LIMIT_TITLE": "Límite de previsualizaciones adaptables alcanzado",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Las cuentas gratuitas obtienen unas pocas previsualizaciones adaptables al día. Actualiza a Phoenix Pro para obtener previsualizaciones adaptables ilimitadas en todos los tamaños de dispositivo.",
-  "CMD_CANCEL_TRIAL": "Cancelar la prueba de Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "¿Cancelar la prueba de {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Te quedan {0} días de tu prueba de Phoenix Pro. La cancelación no se puede deshacer. ¿Estás seguro de que quieres detener la prueba?",
-  "CANCEL_TRIAL_STOP_BTN": "Detener prueba"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de estilos",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar estilos",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Añadir",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No se encontraron reglas CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Reglas coincidentes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Cargando estilos…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No se encontraron estilos",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propiedad",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor"
 });
\ No newline at end of file
diff --git a/src/nls/fa-ir/lastTranslated.json b/src/nls/fa-ir/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/fa-ir/lastTranslated.json
+++ b/src/nls/fa-ir/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/fa-ir/strings.js b/src/nls/fa-ir/strings.js
index 0ddf243a3..5373f899a 100644
--- a/src/nls/fa-ir/strings.js
+++ b/src/nls/fa-ir/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "درحال بارگذاری…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "هیچ تصویری یافت نشد",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "بارگذاری تصاویر با خطا مواجه شد",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "بستن",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "انتخاب یک تصویر از دستگاه شما",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "انتخاب از دستگاه",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "برای ادامه، محل دانلود تصویر را در ویرایشگر انتخاب کنید",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "مسیر پوشه را تایپ کنید (مثلاً assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 مسیر پوشه را تایپ کنید یا برای دانلود در پوشه 'images'، آن را خالی بگذارید.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "دیگر برای این پروژه سؤال نشود",
+  "DEVICE_SIZE_LIMIT_TITLE": "محدودیت پیش‌نمایش واکنش‌گرا",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "حساب‌های رایگان روزانه تعداد محدودی پیش‌نمایش واکنش‌گرا دریافت می‌کنند. برای پیش‌نمایش واکنش‌گرای نامحدود در تمام اندازه‌های دستگاه، به Phoenix Pro ارتقا دهید.",
   "IMAGE_SEARCH_LIMIT_TITLE": "اتمام سهمیه جستجوی تصویر",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "شما از تمام {0} جستجوی تصویر خود در این ماه استفاده کرده‌اید.<br>برای برداشتن محدودیت‌های دوره آزمایشی و ادامه جستجو، یک طرح پولی Phoenix Pro را فعال کنید.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "جستجوی تصویر به دلیل تقاضای بالا، موقتاً در دسترس نیست.<br>برای برداشتن محدودیت‌های دوره آزمایشی و ادامه جستجو، یک طرح پولی Phoenix Pro را فعال کنید.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "چگونگی استفاده از {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} پشتیبانی",
   "CMD_GET_PRO": "دریافت Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "لغو دوره آزمایشی Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "آیا دوره آزمایشی {0} لغو شود؟",
+  "CANCEL_TRIAL_MESSAGE": "از دوره آزمایشی Phoenix Pro شما {0} روز باقی مانده است. این عملیات قابل بازگردانی نیست. آیا از توقف دوره آزمایشی خود اطمینان دارید؟",
+  "CANCEL_TRIAL_STOP_BTN": "توقف دوره آزمایشی",
   "CMD_VIEW_LICENSE": "مشاهده مجوز",
   "CMD_MANAGE_LICENSES": "مدیریت مجوزها",
   "CMD_USER_PROFILE": "حساب کاربری {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "شروع مجدد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE} از ۳ کارت",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE} از ۱ مورد حذف شد",
-  "DEVICE_SIZE_LIMIT_TITLE": "محدودیت پیش‌نمایش واکنش‌گرا",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "حساب‌های رایگان روزانه تعداد محدودی پیش‌نمایش واکنش‌گرا دریافت می‌کنند. برای پیش‌نمایش واکنش‌گرای نامحدود در تمام اندازه‌های دستگاه، به Phoenix Pro ارتقا دهید.",
-  "CMD_CANCEL_TRIAL": "لغو دوره آزمایشی Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "آیا دوره آزمایشی {0} لغو شود؟",
-  "CANCEL_TRIAL_MESSAGE": "از دوره آزمایشی Phoenix Pro شما {0} روز باقی مانده است. این عملیات قابل بازگردانی نیست. آیا از توقف دوره آزمایشی خود اطمینان دارید؟",
-  "CANCEL_TRIAL_STOP_BTN": "توقف دوره آزمایشی"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "ویرایشگر استایل",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "ویرایش استایل‌ها",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ افزودن",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "هیچ قاعده CSS یافت نشد",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "قواعد منطبق ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "در حال بارگذاری استایل‌ها…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "هیچ استایلی یافت نشد",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "خاصیت",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "مقدار"
 });
\ No newline at end of file
diff --git a/src/nls/fi/lastTranslated.json b/src/nls/fi/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/fi/lastTranslated.json
+++ b/src/nls/fi/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/fi/strings.js b/src/nls/fi/strings.js
index 6917f6dc7..abc348a1c 100644
--- a/src/nls/fi/strings.js
+++ b/src/nls/fi/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Ladataan…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Kuvia ei löytynyt",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Kuvien lataaminen epäonnistui",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Sulje",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Valitse kuva laitteeltasi",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Valitse laitteelta",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Valitse kuvan lataussijainti editorissa jatkaaksesi",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Kirjoita kansion polku (esim. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Kirjoita kansion polku tai jätä tyhjäksi ladataksesi 'images'-kansioon.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Älä kysy uudelleen tämän projektin osalta",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responsiivisten esikatselujen raja saavutettu",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Maksuttomat tilit saavat muutaman responsiivisen esikatselun päivässä. Päivitä Phoenix Pro -versioon saadaksesi rajattomat responsiiviset esikatselut kaikilla laitekooilla.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Kuvahakuraja saavutettu",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Olet käyttänyt kaikki tämän kuukauden {0} kuvahakua.<br>Aloita maksullinen Phoenix Pro -tilaus poistaaksesi kokeilurajoitukset ja jatkaaksesi hakua.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Kuvahaku on tilapäisesti poissa käytöstä suuren kysynnän vuoksi.<br>Aloita maksullinen Phoenix Pro -tilaus poistaaksesi kokeilurajoitukset ja jatkaaksesi hakua.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Kuinka käyttää {APP_NAME}iä",
   "CMD_SUPPORT": "{APP_NAME}-tuki",
   "CMD_GET_PRO": "Hanki Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Peruuta Phoenix Pro -kokeilu",
+  "CANCEL_TRIAL_TITLE": "Peruutetaanko {0}-kokeilu?",
+  "CANCEL_TRIAL_MESSAGE": "Sinulla on {0} päivää jäljellä Phoenix Pro -kokeilujaksossasi. Peruuttamista ei voi kumota. Haluatko varmasti lopettaa kokeilujaksosi?",
+  "CANCEL_TRIAL_STOP_BTN": "Lopeta kokeilu",
   "CMD_VIEW_LICENSE": "Näytä lisenssi",
   "CMD_MANAGE_LICENSES": "Hallitse lisenssejä",
   "CMD_USER_PROFILE": "{APP_NAME}-tili",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Aloita alusta",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 korttia",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 poistettu",
-  "DEVICE_SIZE_LIMIT_TITLE": "Responsiivisten esikatselujen raja saavutettu",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Maksuttomat tilit saavat muutaman responsiivisen esikatselun päivässä. Päivitä Phoenix Pro -versioon saadaksesi rajattomat responsiiviset esikatselut kaikilla laitekooilla.",
-  "CMD_CANCEL_TRIAL": "Peruuta Phoenix Pro -kokeilu",
-  "CANCEL_TRIAL_TITLE": "Peruutetaanko {0}-kokeilu?",
-  "CANCEL_TRIAL_MESSAGE": "Sinulla on {0} päivää jäljellä Phoenix Pro -kokeilujaksossasi. Peruuttamista ei voi kumota. Haluatko varmasti lopettaa kokeilujaksosi?",
-  "CANCEL_TRIAL_STOP_BTN": "Lopeta kokeilu"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Tyylieditori",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Muokkaa tyylejä",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Lisää",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS-sääntöjä ei löytynyt",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Vastaavat säännöt ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Ladataan tyylejä…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Tyylejä ei löytynyt",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "ominaisuus",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "arvo"
 });
\ No newline at end of file
diff --git a/src/nls/fr/lastTranslated.json b/src/nls/fr/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/fr/lastTranslated.json
+++ b/src/nls/fr/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/fr/strings.js b/src/nls/fr/strings.js
index 849845ade..26f0ffe1c 100644
--- a/src/nls/fr/strings.js
+++ b/src/nls/fr/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Chargement…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Aucune image trouvée",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Échec du chargement des images",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Fermer",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Sélectionner une image depuis votre appareil",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Sélectionner depuis l'appareil",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Sélectionnez un emplacement de téléchargement de l'image dans l'éditeur pour continuer",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Saisir le chemin du dossier (ex. : assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Saisissez le chemin du dossier ou laissez vide pour télécharger dans le dossier 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Ne plus demander pour ce projet",
+  "DEVICE_SIZE_LIMIT_TITLE": "Limite d'aperçus adaptatifs atteinte",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Les comptes gratuits ont droit à quelques aperçus adaptatifs par jour. Passez à Phoenix Pro pour des aperçus adaptatifs illimités sur toutes les tailles d'appareils.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Limite de recherche d'images atteinte",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Vous avez utilisé la totalité de vos {0} recherches d'images pour ce mois.<br>Passez à un abonnement payant Phoenix Pro pour supprimer les limites de l'essai et continuer à rechercher.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "La recherche d'images est temporairement indisponible en raison d'une forte demande.<br>Passez à un abonnement payant Phoenix Pro pour supprimer les limites de l'essai et continuer à rechercher.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Comment utiliser {APP_NAME}",
   "CMD_SUPPORT": "Assistance {APP_NAME}",
   "CMD_GET_PRO": "Obtenir Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Annuler l'essai de Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Annuler l'essai de {0} ?",
+  "CANCEL_TRIAL_MESSAGE": "Il vous reste {0} jours dans votre période d'essai de Phoenix Pro. L'annulation est irréversible. Êtes-vous sûr de vouloir arrêter votre essai ?",
+  "CANCEL_TRIAL_STOP_BTN": "Arrêter l'essai",
   "CMD_VIEW_LICENSE": "Afficher la licence",
   "CMD_MANAGE_LICENSES": "Gérer les licences",
   "CMD_USER_PROFILE": "Compte {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Recommencer",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 supprimé",
-  "DEVICE_SIZE_LIMIT_TITLE": "Limite d'aperçus adaptatifs atteinte",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Les comptes gratuits ont droit à quelques aperçus adaptatifs par jour. Passez à Phoenix Pro pour des aperçus adaptatifs illimités sur toutes les tailles d'appareils.",
-  "CMD_CANCEL_TRIAL": "Annuler l'essai de Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Annuler l'essai de {0} ?",
-  "CANCEL_TRIAL_MESSAGE": "Il vous reste {0} jours dans votre période d'essai de Phoenix Pro. L'annulation est irréversible. Êtes-vous sûr de vouloir arrêter votre essai ?",
-  "CANCEL_TRIAL_STOP_BTN": "Arrêter l'essai"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Éditeur de styles",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Modifier les styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Ajouter",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Aucune règle CSS trouvée",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Règles correspondantes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Chargement des styles…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Aucun style trouvé",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriété",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valeur"
 });
\ No newline at end of file
diff --git a/src/nls/gl/lastTranslated.json b/src/nls/gl/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/gl/lastTranslated.json
+++ b/src/nls/gl/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/gl/strings.js b/src/nls/gl/strings.js
index cad735a9c..0051be103 100644
--- a/src/nls/gl/strings.js
+++ b/src/nls/gl/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Cargando…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Non se atoparon imaxes",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Erro ao cargar as imaxes",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Pechar",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Seleccionar unha imaxe do seu dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Seleccionar do dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Seleccione a localización de descarga da imaxe no editor para continuar",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Escriba a ruta do cartafol (p. ex., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Escriba a ruta do cartafol ou déixeo baleiro para descargar no cartafol «images».",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Non volver preguntar para este proxecto",
+  "DEVICE_SIZE_LIMIT_TITLE": "Límite de previsualizacións adaptativas acadado",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "As contas gratuítas obteñen unhas poucas previsualizacións adaptativas por día. Actualiza a Phoenix Pro para obter previsualizacións adaptativas ilimitadas en todos os tamaños de dispositivo.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Límite de busca de imaxes alcanzado",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Esgotaches as {0} buscas de imaxes deste mes.<br>Inicia un plan de pago de Phoenix Pro para eliminar os límites da proba e seguir buscando.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "A busca de imaxes non está dispoñible temporalmente debido á alta demanda.<br>Inicia un plan de pago de Phoenix Pro para eliminar os límites da proba e seguir buscando.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Cómo utilizar {APP_NAME}",
   "CMD_SUPPORT": "Soporte de {APP_NAME}",
   "CMD_GET_PRO": "Obtén Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Cancelar a proba de Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "¿Cancelar a proba de {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Restan {0} días da túa proba de Phoenix Pro. A cancelación non se pode desfacer. ¿Seguro que queres deter a túa proba?",
+  "CANCEL_TRIAL_STOP_BTN": "Deter a proba",
   "CMD_VIEW_LICENSE": "Ver licenza",
   "CMD_MANAGE_LICENSES": "Xestionar licenzas",
   "CMD_USER_PROFILE": "Conta de {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Comezar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarxetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "DEVICE_SIZE_LIMIT_TITLE": "Límite de previsualizacións adaptativas acadado",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "As contas gratuítas obteñen unhas poucas previsualizacións adaptativas por día. Actualiza a Phoenix Pro para obter previsualizacións adaptativas ilimitadas en todos os tamaños de dispositivo.",
-  "CMD_CANCEL_TRIAL": "Cancelar a proba de Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "¿Cancelar a proba de {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Restan {0} días da túa proba de Phoenix Pro. A cancelación non se pode desfacer. ¿Seguro que queres deter a túa proba?",
-  "CANCEL_TRIAL_STOP_BTN": "Deter a proba"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de estilos",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar estilos",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Engadir",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Non se atoparon regras CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras coincidentes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Cargando estilos…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Non se atoparon estilos",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propiedade",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor"
 });
\ No newline at end of file
diff --git a/src/nls/hi/lastTranslated.json b/src/nls/hi/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/hi/lastTranslated.json
+++ b/src/nls/hi/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/hi/strings.js b/src/nls/hi/strings.js
index ec46b37df..2dc69524f 100644
--- a/src/nls/hi/strings.js
+++ b/src/nls/hi/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "लोड हो रहा है…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "कोई छवि नहीं मिली",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "छवियाँ लोड करने में विफल",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "बंद करें",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "अपने डिवाइस से एक छवि चुनें",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "डिवाइस से चुनें",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "जारी रखने के लिए एडिटर में इमेज डाउनलोड लोकेशन चुनें",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "फ़ोल्डर पाथ टाइप करें (जैसे, assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 फ़ोल्डर पाथ टाइप करें या 'images' फ़ोल्डर में डाउनलोड करने के लिए खाली छोड़ दें।",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "इस प्रोजेक्ट के लिए दोबारा न पूछें",
+  "DEVICE_SIZE_LIMIT_TITLE": "रिस्पॉन्सिव प्रीव्यू सीमा समाप्त",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "मुफ़्त खातों को प्रतिदिन कुछ रिस्पॉन्सिव प्रीव्यू मिलते हैं। सभी डिवाइस आकारों पर असीमित रिस्पॉन्सिव प्रीव्यू के लिए Phoenix Pro में अपग्रेड करें।",
   "IMAGE_SEARCH_LIMIT_TITLE": "इमेज खोज सीमा समाप्त",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "आपने इस महीने की अपनी सभी {0} इमेज खोजें इस्तेमाल कर ली हैं।<br>ट्रायल सीमाएँ हटाने और खोजना जारी रखने के लिए एक सशुल्क Phoenix Pro प्लान शुरू करें।",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "अधिक माँग के कारण इमेज खोज अस्थायी रूप से अनुपलब्ध है।<br>ट्रायल सीमाएँ हटाने और खोजना जारी रखने के लिए एक सशुल्क Phoenix Pro प्लान शुरू करें।",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "{APP_NAME} का उपयोग कैसे करें",
   "CMD_SUPPORT": "{APP_NAME} सहायता",
   "CMD_GET_PRO": "Phoenix Pro प्राप्त करें",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro ट्रायल रद्द करें",
+  "CANCEL_TRIAL_TITLE": "{0} ट्रायल रद्द करें?",
+  "CANCEL_TRIAL_MESSAGE": "आपके Phoenix Pro ट्रायल में {0} दिन शेष हैं। रद्द करने की प्रक्रिया को पूर्ववत नहीं किया जा सकता। क्या आप वाकई अपना ट्रायल रोकना चाहते हैं?",
+  "CANCEL_TRIAL_STOP_BTN": "ट्रायल रोकें",
   "CMD_VIEW_LICENSE": "लाइसेंस देखें",
   "CMD_MANAGE_LICENSES": "लाइसेंस प्रबंधित करें",
   "CMD_USER_PROFILE": "{APP_NAME} खाता",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "फिर से शुरू करें",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 कार्ड",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 हटाया गया",
-  "DEVICE_SIZE_LIMIT_TITLE": "रिस्पॉन्सिव प्रीव्यू सीमा समाप्त",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "मुफ़्त खातों को प्रतिदिन कुछ रिस्पॉन्सिव प्रीव्यू मिलते हैं। सभी डिवाइस आकारों पर असीमित रिस्पॉन्सिव प्रीव्यू के लिए Phoenix Pro में अपग्रेड करें।",
-  "CMD_CANCEL_TRIAL": "Phoenix Pro ट्रायल रद्द करें",
-  "CANCEL_TRIAL_TITLE": "{0} ट्रायल रद्द करें?",
-  "CANCEL_TRIAL_MESSAGE": "आपके Phoenix Pro ट्रायल में {0} दिन शेष हैं। रद्द करने की प्रक्रिया को पूर्ववत नहीं किया जा सकता। क्या आप वाकई अपना ट्रायल रोकना चाहते हैं?",
-  "CANCEL_TRIAL_STOP_BTN": "ट्रायल रोकें"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "शैली संपादक",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "शैलियाँ संपादित करें",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ जोड़ें",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "कोई CSS नियम नहीं मिले",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "मिलान वाले नियम ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "शैलियाँ लोड हो रही हैं…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "कोई शैलियाँ नहीं मिलीं",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "प्रॉपर्टी",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "मान"
 });
\ No newline at end of file
diff --git a/src/nls/hr/lastTranslated.json b/src/nls/hr/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/hr/lastTranslated.json
+++ b/src/nls/hr/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/hr/strings.js b/src/nls/hr/strings.js
index 7d6806d0c..a37a76831 100644
--- a/src/nls/hr/strings.js
+++ b/src/nls/hr/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Učitavanje…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nema pronađenih slika",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Učitavanje slika nije uspjelo",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Zatvori",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Odaberite sliku s vašeg uređaja",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Odaberite s uređaja",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Odaberite lokaciju za preuzimanje slike u uređivaču kako biste nastavili.",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Upišite putanju mape (npr. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Upišite putanju mape ili ostavite prazno za preuzimanje u mapu 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Ne pitaj ponovno za ovaj projekt",
+  "DEVICE_SIZE_LIMIT_TITLE": "Dosegnuto ograničenje responzivnih pregleda",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Besplatni računi imaju nekoliko responzivnih pregleda dnevno. Nadogradite na Phoenix Pro za neograničene responzivne preglede na svim veličinama uređaja.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Dosegnuto ograničenje pretraživanja slika",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Iskoristili ste svih {0} pretraživanja slika za ovaj mjesec.<br>Pokrenite plaćeni Phoenix Pro plan kako biste uklonili ograničenja probne verzije i nastavili s pretraživanjem.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Pretraživanje slika privremeno je nedostupno zbog velike potražnje.<br>Pokrenite plaćeni Phoenix Pro plan kako biste uklonili ograničenja probne verzije i nastavili s pretraživanjem.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Kako koristiti {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} Podrška (na engleskom)",
   "CMD_GET_PRO": "Nabavite Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Otkaži probno razdoblje za Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Otkaži probno razdoblje za {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Preostalo vam je {0} dana u probnom razdoblju za Phoenix Pro. Otkazivanje je nepovratno. Jeste li sigurni da želite prekinuti probno razdoblje?",
+  "CANCEL_TRIAL_STOP_BTN": "Prekini probno razdoblje",
   "CMD_VIEW_LICENSE": "Prikaži licencu",
   "CMD_MANAGE_LICENSES": "Upravljanje licencama",
   "CMD_USER_PROFILE": "{APP_NAME} račun",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Kreni ispočetka",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartice",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 obrisano",
-  "DEVICE_SIZE_LIMIT_TITLE": "Dosegnuto ograničenje responzivnih pregleda",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Besplatni računi imaju nekoliko responzivnih pregleda dnevno. Nadogradite na Phoenix Pro za neograničene responzivne preglede na svim veličinama uređaja.",
-  "CMD_CANCEL_TRIAL": "Otkaži probno razdoblje za Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Otkaži probno razdoblje za {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Preostalo vam je {0} dana u probnom razdoblju za Phoenix Pro. Otkazivanje je nepovratno. Jeste li sigurni da želite prekinuti probno razdoblje?",
-  "CANCEL_TRIAL_STOP_BTN": "Prekini probno razdoblje"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Uređivač stilova",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Uredi stilove",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Dodaj",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nisu pronađena CSS pravila",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Podudarajuća pravila ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Učitavanje stilova…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nisu pronađeni stilovi",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "svojstvo",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "vrijednost"
 });
\ No newline at end of file
diff --git a/src/nls/hu/lastTranslated.json b/src/nls/hu/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/hu/lastTranslated.json
+++ b/src/nls/hu/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/hu/strings.js b/src/nls/hu/strings.js
index e1a9b7178..7bb564a1d 100644
--- a/src/nls/hu/strings.js
+++ b/src/nls/hu/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Betöltés…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nem található kép",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "A képek betöltése sikertelen",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Bezárás",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Kép kiválasztása az eszközről",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Kiválasztás eszközről",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "A folytatáshoz válassza ki a kép letöltési helyét a szerkesztőben",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Adja meg a mappa elérési útját (pl. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Gépelje be a mappa elérési útját, vagy hagyja üresen az 'images' mappába történő letöltéshez.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Ne kérdezze újra ennél a projektnél",
+  "DEVICE_SIZE_LIMIT_TITLE": "Reszponzív előnézeti korlát elérve",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Az ingyenes fiókok naponta néhány reszponzív előnézetet tesznek lehetővé. Váltson Phoenix Pro-ra a korlátlan, minden eszközméretre kiterjedő reszponzív előnézetekért.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Képkeresési korlát elérve",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Felhasználta az erre a hónapra szóló {0} képkeresését.<br>Váltson fizetős Phoenix Pro csomagra a próbaverziós korlátok eltávolításához és a keresés folytatásához.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "A képkeresés a nagy terheltség miatt átmenetileg nem elérhető.<br>Váltson fizetős Phoenix Pro csomagra a próbaverziós korlátok eltávolításához és a keresés folytatásához.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "{APP_NAME} használata",
   "CMD_SUPPORT": "{APP_NAME} támogatás",
   "CMD_GET_PRO": "Szerezd meg a Phoenix Pro-t",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro próbaverzió lemondása",
+  "CANCEL_TRIAL_TITLE": "A(z) {0} próbaverzió lemondása?",
+  "CANCEL_TRIAL_MESSAGE": "Még {0} nap van hátra a Phoenix Pro próbaidőszakából. A lemondás nem vonható vissza. Biztosan le szeretné állítani a próbaidőszakot?",
+  "CANCEL_TRIAL_STOP_BTN": "Próbaidőszak leállítása",
   "CMD_VIEW_LICENSE": "Licenc megtekintése",
   "CMD_MANAGE_LICENSES": "Licencek kezelése",
   "CMD_USER_PROFILE": "{APP_NAME} fiók",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Újrakezdés",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kártya",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 törölve",
-  "DEVICE_SIZE_LIMIT_TITLE": "Reszponzív előnézeti korlát elérve",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Az ingyenes fiókok naponta néhány reszponzív előnézetet tesznek lehetővé. Váltson Phoenix Pro-ra a korlátlan, minden eszközméretre kiterjedő reszponzív előnézetekért.",
-  "CMD_CANCEL_TRIAL": "Phoenix Pro próbaverzió lemondása",
-  "CANCEL_TRIAL_TITLE": "A(z) {0} próbaverzió lemondása?",
-  "CANCEL_TRIAL_MESSAGE": "Még {0} nap van hátra a Phoenix Pro próbaidőszakából. A lemondás nem vonható vissza. Biztosan le szeretné állítani a próbaidőszakot?",
-  "CANCEL_TRIAL_STOP_BTN": "Próbaidőszak leállítása"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stílusszerkesztő",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stílusok szerkesztése",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Hozzáadás",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nincsenek CSS-szabályok",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Egyező szabályok ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Stílusok betöltése…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nincsenek stílusok",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "tulajdonság",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "érték"
 });
\ No newline at end of file
diff --git a/src/nls/id/lastTranslated.json b/src/nls/id/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/id/lastTranslated.json
+++ b/src/nls/id/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/id/strings.js b/src/nls/id/strings.js
index ee4ab987a..e9de0e71b 100644
--- a/src/nls/id/strings.js
+++ b/src/nls/id/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Memuat…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Tidak ada gambar yang ditemukan",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Gagal memuat gambar",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Tutup",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Pilih gambar dari perangkat Anda",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Pilih dari perangkat",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Pilih lokasi unduhan gambar di editor untuk melanjutkan",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Ketik jalur folder (mis., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Ketik path folder atau biarkan kosong untuk mengunduh di folder 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Jangan tanya lagi untuk proyek ini",
+  "DEVICE_SIZE_LIMIT_TITLE": "Batas Pratinjau Responsif Tercapai",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Akun gratis mendapatkan beberapa pratinjau responsif per hari. Upgrade ke Phoenix Pro untuk pratinjau responsif tanpa batas di semua ukuran perangkat.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Batas pencarian gambar tercapai",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Anda telah menggunakan semua {0} pencarian gambar untuk bulan ini.<br>Mulai langganan berbayar Phoenix Pro untuk menghapus batas uji coba dan melanjutkan pencarian.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Pencarian gambar untuk sementara tidak tersedia karena permintaan yang tinggi.<br>Mulai langganan berbayar Phoenix Pro untuk menghapus batas uji coba dan melanjutkan pencarian.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Bagaimana Menggunakan {APP_NAME}",
   "CMD_SUPPORT": "Bantuan {APP_NAME}",
   "CMD_GET_PRO": "Dapatkan Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Batalkan Uji Coba Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Batalkan Uji Coba {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Anda memiliki {0} hari tersisa dalam uji coba Phoenix Pro Anda. Pembatalan tidak dapat diurungkan. Apakah Anda yakin ingin menghentikan uji coba Anda?",
+  "CANCEL_TRIAL_STOP_BTN": "Hentikan Uji Coba",
   "CMD_VIEW_LICENSE": "Lihat Lisensi",
   "CMD_MANAGE_LICENSES": "Kelola Lisensi",
   "CMD_USER_PROFILE": "Akun {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Mulai Lagi",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartu",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 dihapus",
-  "DEVICE_SIZE_LIMIT_TITLE": "Batas Pratinjau Responsif Tercapai",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Akun gratis mendapatkan beberapa pratinjau responsif per hari. Upgrade ke Phoenix Pro untuk pratinjau responsif tanpa batas di semua ukuran perangkat.",
-  "CMD_CANCEL_TRIAL": "Batalkan Uji Coba Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Batalkan Uji Coba {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Anda memiliki {0} hari tersisa dalam uji coba Phoenix Pro Anda. Pembatalan tidak dapat diurungkan. Apakah Anda yakin ingin menghentikan uji coba Anda?",
-  "CANCEL_TRIAL_STOP_BTN": "Hentikan Uji Coba"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor Gaya",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Gaya",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Tambah",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Tidak ada aturan CSS ditemukan",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Aturan yang Cocok ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Memuat gaya…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Tidak ada gaya ditemukan",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "properti",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "nilai"
 });
\ No newline at end of file
diff --git a/src/nls/it/lastTranslated.json b/src/nls/it/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/it/lastTranslated.json
+++ b/src/nls/it/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/it/strings.js b/src/nls/it/strings.js
index 4bd1cd0ba..10c3f1b8d 100644
--- a/src/nls/it/strings.js
+++ b/src/nls/it/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Caricamento…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nessuna immagine trovata",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Caricamento delle immagini non riuscito",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Chiudi",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Seleziona un'immagine dal tuo dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Seleziona da dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Seleziona la posizione di download dell'immagine nell'editor per continuare",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Inserisci il percorso della cartella (es. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Digita il percorso della cartella o lascia vuoto per scaricare nella cartella 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Non chiedere più per questo progetto",
+  "DEVICE_SIZE_LIMIT_TITLE": "Limite anteprime responsive raggiunto",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Gli account gratuiti hanno a disposizione un numero limitato di anteprime responsive al giorno. Passa a Phoenix Pro per anteprime responsive illimitate su tutte le dimensioni dei dispositivi.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Limite di ricerca immagini raggiunto",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Hai esaurito le {0} ricerche di immagini per questo mese.<br>Attiva un piano a pagamento Phoenix Pro per rimuovere i limiti della versione di prova e continuare a cercare.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "La ricerca di immagini è temporaneamente non disponibile a causa dell'elevata richiesta.<br>Attiva un piano a pagamento Phoenix Pro per rimuovere i limiti della versione di prova e continuare a cercare.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Come usare {APP_NAME}",
   "CMD_SUPPORT": "Supporto per {APP_NAME}",
   "CMD_GET_PRO": "Ottieni Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Annulla prova di Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Annullare la prova di {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Ti rimangono {0} giorni della tua prova di Phoenix Pro. L'annullamento è irreversibile. Sei sicuro di voler interrompere la prova?",
+  "CANCEL_TRIAL_STOP_BTN": "Interrompi prova",
   "CMD_VIEW_LICENSE": "Visualizza licenza",
   "CMD_MANAGE_LICENSES": "Gestisci licenze",
   "CMD_USER_PROFILE": "Account {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Ricomincia",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carte",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminato",
-  "DEVICE_SIZE_LIMIT_TITLE": "Limite anteprime responsive raggiunto",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Gli account gratuiti hanno a disposizione un numero limitato di anteprime responsive al giorno. Passa a Phoenix Pro per anteprime responsive illimitate su tutte le dimensioni dei dispositivi.",
-  "CMD_CANCEL_TRIAL": "Annulla prova di Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Annullare la prova di {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Ti rimangono {0} giorni della tua prova di Phoenix Pro. L'annullamento è irreversibile. Sei sicuro di voler interrompere la prova?",
-  "CANCEL_TRIAL_STOP_BTN": "Interrompi prova"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor stili",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Modifica stili",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Aggiungi",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nessuna regola CSS trovata",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regole corrispondenti ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Caricamento stili...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nessuno stile trovato",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "proprietà",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valore"
 });
\ No newline at end of file
diff --git a/src/nls/ja/lastTranslated.json b/src/nls/ja/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/ja/lastTranslated.json
+++ b/src/nls/ja/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/ja/strings.js b/src/nls/ja/strings.js
index 7b0320e82..311164c22 100644
--- a/src/nls/ja/strings.js
+++ b/src/nls/ja/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "読み込んでいます…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "画像が見つかりません",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "画像の読み込みに失敗しました",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "閉じる",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "お使いのデバイスから画像を選択",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "デバイスから選択",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "続行するには、エディターで画像のダウンロード先を選択してください",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "フォルダーパスを入力（例：assets/images/）",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 フォルダーパスを入力するか、空のままにすると 'images' フォルダーにダウンロードされます。",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "このプロジェクトでは次回から表示しない",
+  "DEVICE_SIZE_LIMIT_TITLE": "レスポンシブプレビューの上限に達しました",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "無料アカウントでは、１日あたりのレスポンシブプレビューの回数が制限されています。Phoenix Proにアップグレードすると、すべてのデバイスサイズでレスポンシブプレビューを無制限にご利用いただけます。",
   "IMAGE_SEARCH_LIMIT_TITLE": "画像検索の上限に達しました",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "今月の画像検索回数{0}回をすべて使用しました。<br>トライアル制限を解除して検索を続けるには、Phoenix Proの有料プランを開始してください。",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "アクセスが集中しているため、画像検索は一時的にご利用いただけません。<br>トライアル制限を解除して検索を続けるには、Phoenix Proの有料プランを開始してください。",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "{APP_NAME} の使用方法",
   "CMD_SUPPORT": "{APP_NAME} サポート",
   "CMD_GET_PRO": "Phoenix Proを入手",
+  "CMD_CANCEL_TRIAL": "Phoenix Proトライアルの解約",
+  "CANCEL_TRIAL_TITLE": "{0}トライアルを解約しますか？",
+  "CANCEL_TRIAL_MESSAGE": "Phoenix Proトライアルの残り日数は{0}日です。一度解約すると元に戻すことはできません。トライアルを解約してもよろしいですか？",
+  "CANCEL_TRIAL_STOP_BTN": "トライアルを解約する",
   "CMD_VIEW_LICENSE": "ライセンスを表示",
   "CMD_MANAGE_LICENSES": "ライセンスの管理",
   "CMD_USER_PROFILE": "{APP_NAME}アカウント",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "最初からやり直す",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3枚のカード",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1件削除済み",
-  "DEVICE_SIZE_LIMIT_TITLE": "レスポンシブプレビューの上限に達しました",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "無料アカウントでは、１日あたりのレスポンシブプレビューの回数が制限されています。Phoenix Proにアップグレードすると、すべてのデバイスサイズでレスポンシブプレビューを無制限にご利用いただけます。",
-  "CMD_CANCEL_TRIAL": "Phoenix Proトライアルの解約",
-  "CANCEL_TRIAL_TITLE": "{0}トライアルを解約しますか？",
-  "CANCEL_TRIAL_MESSAGE": "Phoenix Proトライアルの残り日数は{0}日です。一度解約すると元に戻すことはできません。トライアルを解約してもよろしいですか？",
-  "CANCEL_TRIAL_STOP_BTN": "トライアルを解約する"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "スタイルエディター",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "スタイルを編集",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ 追加",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSSルールが見つかりません",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "一致するルール ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "スタイルを読み込み中…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "スタイルが見つかりません",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "プロパティ",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "値"
 });
\ No newline at end of file
diff --git a/src/nls/ko/lastTranslated.json b/src/nls/ko/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/ko/lastTranslated.json
+++ b/src/nls/ko/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/ko/strings.js b/src/nls/ko/strings.js
index 7fd5b6b52..f7b27cf72 100644
--- a/src/nls/ko/strings.js
+++ b/src/nls/ko/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "프로젝트 여는 중…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "발견된 이미지가 없습니다",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "이미지 로드에 실패했습니다",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "닫기",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "기기에서 이미지를 선택하세요",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "기기에서 선택",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "계속하려면 편집기에서 이미지 다운로드 위치를 선택하세요.",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "폴더 경로 입력 (예: assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 폴더 경로를 입력하거나 비워두면 'images' 폴더에 다운로드됩니다.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "이 프로젝트에 대해 다시 묻지 않기",
+  "DEVICE_SIZE_LIMIT_TITLE": "반응형 미리보기 한도 초과",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "무료 계정은 하루에 몇 번의 반응형 미리보기만 사용할 수 있습니다. 모든 기기 크기에서 무제한 반응형 미리보기를 사용하려면 Phoenix Pro로 업그레이드하세요.",
   "IMAGE_SEARCH_LIMIT_TITLE": "이미지 검색 한도 초과",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "이번 달 이미지 검색 횟수 {0}회를 모두 사용하셨습니다.<br>유료 Phoenix Pro 플랜을 시작하여 체험판 제한을 해제하고 계속 검색하세요.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "수요가 많아 이미지 검색을 일시적으로 사용할 수 없습니다.<br>유료 Phoenix Pro 플랜을 시작하여 체험판 제한을 해제하고 계속 검색하세요.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "{APP_NAME} 사용법",
   "CMD_SUPPORT": "{APP_NAME} 지원",
   "CMD_GET_PRO": "Phoenix Pro 받기",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro 체험판 취소",
+  "CANCEL_TRIAL_TITLE": "{0} 체험판을 취소하시겠습니까?",
+  "CANCEL_TRIAL_MESSAGE": "Phoenix Pro 체험판이 {0}일 남았습니다. 취소하면 되돌릴 수 없습니다. 정말로 체험판을 중단하시겠습니까?",
+  "CANCEL_TRIAL_STOP_BTN": "체험판 중단",
   "CMD_VIEW_LICENSE": "라이선스 보기",
   "CMD_MANAGE_LICENSES": "라이선스 관리",
   "CMD_USER_PROFILE": "{APP_NAME} 계정",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "다시 시작",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 카드",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 삭제됨",
-  "DEVICE_SIZE_LIMIT_TITLE": "반응형 미리보기 한도 초과",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "무료 계정은 하루에 몇 번의 반응형 미리보기만 사용할 수 있습니다. 모든 기기 크기에서 무제한 반응형 미리보기를 사용하려면 Phoenix Pro로 업그레이드하세요.",
-  "CMD_CANCEL_TRIAL": "Phoenix Pro 체험판 취소",
-  "CANCEL_TRIAL_TITLE": "{0} 체험판을 취소하시겠습니까?",
-  "CANCEL_TRIAL_MESSAGE": "Phoenix Pro 체험판이 {0}일 남았습니다. 취소하면 되돌릴 수 없습니다. 정말로 체험판을 중단하시겠습니까?",
-  "CANCEL_TRIAL_STOP_BTN": "체험판 중단"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "스타일 편집기",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "스타일 편집",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ 추가",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS 규칙 없음",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "일치하는 규칙 ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "스타일 로딩 중…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "스타일 없음",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "속성",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "값"
 });
\ No newline at end of file
diff --git a/src/nls/lv/lastTranslated.json b/src/nls/lv/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/lv/lastTranslated.json
+++ b/src/nls/lv/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/lv/strings.js b/src/nls/lv/strings.js
index fd9717141..a916fc15d 100644
--- a/src/nls/lv/strings.js
+++ b/src/nls/lv/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Ielādē…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nav atrasti attēli",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Neizdevās ielādēt attēlus",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Aizvērt",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Atlasiet attēlu no savas ierīces",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Atlasīt no ierīces",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Lai turpinātu, redaktorā atlasiet attēla lejupielādes vietu",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Ierakstiet mapes ceļu (piem., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Ievadiet mapes ceļu vai atstājiet tukšu, lai lejupielādētu mapē 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Vairs nejautāt šim projektam",
+  "DEVICE_SIZE_LIMIT_TITLE": "Responzīvo priekšskatījumu limits sasniegts",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezmaksas konti saņem dažus responzīvos priekšskatījumus dienā. Jauniniet uz Phoenix Pro, lai saņemtu neierobežotus responzīvos priekšskatījumus visos ierīču izmēros.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Attēlu meklēšanas limits sasniegts",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Jūs esat izmantojis visus {0} attēlu meklējumus šajā mēnesī.<br>Uzsāciet maksas Phoenix Pro plānu, lai noņemtu izmēģinājuma versijas ierobežojumus un turpinātu meklēšanu.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Attēlu meklēšana īslaicīgi nav pieejama lielā pieprasījuma dēļ.<br>Uzsāciet maksas Phoenix Pro plānu, lai noņemtu izmēģinājuma versijas ierobežojumus un turpinātu meklēšanu.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Kā lietot {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} palīdzība",
   "CMD_GET_PRO": "Iegūt Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Atcelt Phoenix Pro izmēģinājumu",
+  "CANCEL_TRIAL_TITLE": "Atcelt {0} izmēģinājumu?",
+  "CANCEL_TRIAL_MESSAGE": "Jums ir atlikušas {0} dienas Phoenix Pro izmēģinājuma versijā. Atcelšanu nevarēs atsaukt. Vai tiešām vēlaties pārtraukt savu izmēģinājumu?",
+  "CANCEL_TRIAL_STOP_BTN": "Pārtraukt izmēģinājumu",
   "CMD_VIEW_LICENSE": "Apskatīt licenci",
   "CMD_MANAGE_LICENSES": "Pārvaldīt licences",
   "CMD_USER_PROFILE": "{APP_NAME} konts",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Sākt no jauna",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartītes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 izdzēsts",
-  "DEVICE_SIZE_LIMIT_TITLE": "Responzīvo priekšskatījumu limits sasniegts",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezmaksas konti saņem dažus responzīvos priekšskatījumus dienā. Jauniniet uz Phoenix Pro, lai saņemtu neierobežotus responzīvos priekšskatījumus visos ierīču izmēros.",
-  "CMD_CANCEL_TRIAL": "Atcelt Phoenix Pro izmēģinājumu",
-  "CANCEL_TRIAL_TITLE": "Atcelt {0} izmēģinājumu?",
-  "CANCEL_TRIAL_MESSAGE": "Jums ir atlikušas {0} dienas Phoenix Pro izmēģinājuma versijā. Atcelšanu nevarēs atsaukt. Vai tiešām vēlaties pārtraukt savu izmēģinājumu?",
-  "CANCEL_TRIAL_STOP_BTN": "Pārtraukt izmēģinājumu"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilu redaktors",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediģēt stilus",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Pievienot",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS nosacījumi nav atrasti",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Atbilstošie nosacījumi ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Ielādē stilus…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Stili nav atrasti",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "īpašība",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "vērtība"
 });
\ No newline at end of file
diff --git a/src/nls/ml/lastTranslated.json b/src/nls/ml/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/ml/lastTranslated.json
+++ b/src/nls/ml/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/ml/strings.js b/src/nls/ml/strings.js
index cafb46bbe..7b9b90823 100644
--- a/src/nls/ml/strings.js
+++ b/src/nls/ml/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "ലോഡ് ചെയ്യുന്നു…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "ചിത്രങ്ങളൊന്നും കണ്ടെത്തിയില്ല",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "ചിത്രങ്ങൾ ലോഡ് ചെയ്യുന്നതിൽ പരാജയപ്പെട്ടു",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "അടയ്ക്കുക",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "നിങ്ങളുടെ ഉപകരണത്തിൽ നിന്ന് ഒരു ചിത്രം തിരഞ്ഞെടുക്കുക",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "ഉപകരണത്തിൽ നിന്ന് തിരഞ്ഞെടുക്കുക",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "തുടരുന്നതിന്, എഡിറ്ററിൽ ചിത്രം ഡൗൺലോഡ് ചെയ്യാനുള്ള സ്ഥലം തിരഞ്ഞെടുക്കുക",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "ഫോൾഡർ പാത്ത് ടൈപ്പ് ചെയ്യുക (ഉദാ: assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 ഫോൾഡർ പാത ടൈപ്പ് ചെയ്യുക, അല്ലെങ്കിൽ 'images' ഫോൾഡറിൽ ഡൗൺലോഡ് ചെയ്യാനായി ശൂന്യമായി വിടുക.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "ഈ പ്രോജക്റ്റിനായി ഇനി ചോദിക്കരുത്",
+  "DEVICE_SIZE_LIMIT_TITLE": "റെസ്പോൺസീവ് പ്രിവ്യൂ പരിധിയിലെത്തി",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "സൗജന്യ അക്കൗണ്ടുകൾക്ക് പ്രതിദിനം കുറച്ച് റെസ്പോൺസീവ് പ്രിവ്യൂകൾ ലഭിക്കും. എല്ലാ ഉപകരണ വലുപ്പങ്ങളിലും പരിധിയില്ലാത്ത റെസ്പോൺസീവ് പ്രിവ്യൂകൾക്കായി Phoenix Pro-ലേക്ക് അപ്‌ഗ്രേഡ് ചെയ്യുക.",
   "IMAGE_SEARCH_LIMIT_TITLE": "ചിത്രം തിരയൽ പരിധിയിലെത്തിയിരിക്കുന്നു",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "ഈ മാസത്തെ നിങ്ങളുടെ {0} ചിത്രം തിരയലുകളും ഉപയോഗിച്ചു കഴിഞ്ഞു.<br>ട്രയൽ പരിധികൾ നീക്കം ചെയ്ത് തിരയൽ തുടരാൻ, പണമടച്ചുള്ള Phoenix Pro പ്ലാൻ ആരംഭിക്കുക.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "തിരക്ക് കൂടിയതിനാൽ ചിത്രം തിരയൽ താൽക്കാലികമായി ലഭ്യമല്ല.<br>ട്രയൽ പരിധികൾ നീക്കം ചെയ്ത് തിരയൽ തുടരാൻ, പണമടച്ചുള്ള Phoenix Pro പ്ലാൻ ആരംഭിക്കുക.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "{APP_NAME} എങ്ങനെ ഉപയോഗിക്കാം",
   "CMD_SUPPORT": "{APP_NAME} പിന്തുണ",
   "CMD_GET_PRO": "ഫീനിക്സ് പ്രോ നേടുക",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro ട്രയൽ റദ്ദാക്കുക",
+  "CANCEL_TRIAL_TITLE": "{0} ട്രയൽ റദ്ദാക്കണോ?",
+  "CANCEL_TRIAL_MESSAGE": "നിങ്ങളുടെ Phoenix Pro ട്രയലിൽ {0} ദിവസം കൂടി ബാക്കിയുണ്ട്. റദ്ദാക്കുന്നത് പഴയപടിയാക്കാൻ കഴിയില്ല. നിങ്ങളുടെ ട്രയൽ നിർത്തണമെന്ന് ഉറപ്പാണോ?",
+  "CANCEL_TRIAL_STOP_BTN": "ട്രയൽ നിർത്തുക",
   "CMD_VIEW_LICENSE": "ലൈസൻസ് കാണുക",
   "CMD_MANAGE_LICENSES": "ലൈസൻസുകൾ നിയന്ത്രിക്കുക",
   "CMD_USER_PROFILE": "{APP_NAME} അക്കൗണ്ട്",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "വീണ്ടും ആരംഭിക്കുക",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 കാർഡുകൾ",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 ഇല്ലാതാക്കി",
-  "DEVICE_SIZE_LIMIT_TITLE": "റെസ്പോൺസീവ് പ്രിവ്യൂ പരിധിയിലെത്തി",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "സൗജന്യ അക്കൗണ്ടുകൾക്ക് പ്രതിദിനം കുറച്ച് റെസ്പോൺസീവ് പ്രിവ്യൂകൾ ലഭിക്കും. എല്ലാ ഉപകരണ വലുപ്പങ്ങളിലും പരിധിയില്ലാത്ത റെസ്പോൺസീവ് പ്രിവ്യൂകൾക്കായി Phoenix Pro-ലേക്ക് അപ്‌ഗ്രേഡ് ചെയ്യുക.",
-  "CMD_CANCEL_TRIAL": "Phoenix Pro ട്രയൽ റദ്ദാക്കുക",
-  "CANCEL_TRIAL_TITLE": "{0} ട്രയൽ റദ്ദാക്കണോ?",
-  "CANCEL_TRIAL_MESSAGE": "നിങ്ങളുടെ Phoenix Pro ട്രയലിൽ {0} ദിവസം കൂടി ബാക്കിയുണ്ട്. റദ്ദാക്കുന്നത് പഴയപടിയാക്കാൻ കഴിയില്ല. നിങ്ങളുടെ ട്രയൽ നിർത്തണമെന്ന് ഉറപ്പാണോ?",
-  "CANCEL_TRIAL_STOP_BTN": "ട്രയൽ നിർത്തുക"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "ശൈലി എഡിറ്റർ",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "ശൈലികൾ തിരുത്തുക",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ ചേർക്കുക",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "സിഎസ്എസ് നിയമങ്ങളൊന്നും കണ്ടെത്തിയില്ല",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "ചേരുന്ന നിയമങ്ങൾ ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "ശൈലികൾ ലോഡ് ചെയ്യുന്നു…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "ശൈലികളൊന്നും കണ്ടെത്തിയില്ല",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "പ്രോപ്പർട്ടി",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "മൂല്യം"
 });
\ No newline at end of file
diff --git a/src/nls/nb/lastTranslated.json b/src/nls/nb/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/nb/lastTranslated.json
+++ b/src/nls/nb/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/nb/strings.js b/src/nls/nb/strings.js
index 471783685..5c3183a90 100644
--- a/src/nls/nb/strings.js
+++ b/src/nls/nb/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Laster…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Ingen bilder funnet",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Kunne ikke laste inn bilder",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Lukk",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Velg et bilde fra enheten din",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Velg fra enhet",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Velg plassering for bildet i redigeringsprogrammet for å fortsette",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Skriv inn mappesti (f.eks. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Skriv inn mappesti eller la stå tomt for å laste ned i 'images'-mappen.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Ikke spør igjen for dette prosjektet",
+  "DEVICE_SIZE_LIMIT_TITLE": "Grense for responsiv forhåndsvisning nådd",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratiskontoer får et begrenset antall responsive forhåndsvisninger per dag. Oppgrader til Phoenix Pro for ubegrensede responsive forhåndsvisninger på tvers av alle enhetsstørrelser.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Grensen for bildesøk er nådd",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Du har brukt alle {0} bildesøkene dine for denne måneden.<br>Start et betalt Phoenix Pro-abonnement for å fjerne prøveperiodegrensene og fortsette å søke.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Bildesøk er midlertidig utilgjengelig på grunn av stor pågang.<br>Start et betalt Phoenix Pro-abonnement for å fjerne prøveperiodegrensene og fortsette å søke.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Hvordan bruke {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} support",
   "CMD_GET_PRO": "Skaff deg Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Avbryt Phoenix Pro-prøveperiode",
+  "CANCEL_TRIAL_TITLE": "Avbryte {0}-prøveperioden?",
+  "CANCEL_TRIAL_MESSAGE": "Du har {0} dager igjen av din Phoenix Pro-prøveperiode. Avbrytelsen kan ikke angres. Er du sikker på at du vil avslutte prøveperioden din?",
+  "CANCEL_TRIAL_STOP_BTN": "Avslutt prøveperiode",
   "CMD_VIEW_LICENSE": "Vis lisens",
   "CMD_MANAGE_LICENSES": "Administrer lisenser",
   "CMD_USER_PROFILE": "{APP_NAME}-konto",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start på nytt",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "DEVICE_SIZE_LIMIT_TITLE": "Grense for responsiv forhåndsvisning nådd",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratiskontoer får et begrenset antall responsive forhåndsvisninger per dag. Oppgrader til Phoenix Pro for ubegrensede responsive forhåndsvisninger på tvers av alle enhetsstørrelser.",
-  "CMD_CANCEL_TRIAL": "Avbryt Phoenix Pro-prøveperiode",
-  "CANCEL_TRIAL_TITLE": "Avbryte {0}-prøveperioden?",
-  "CANCEL_TRIAL_MESSAGE": "Du har {0} dager igjen av din Phoenix Pro-prøveperiode. Avbrytelsen kan ikke angres. Er du sikker på at du vil avslutte prøveperioden din?",
-  "CANCEL_TRIAL_STOP_BTN": "Avslutt prøveperiode"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilredigering",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediger stiler",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Legg til",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Ingen CSS-regler funnet",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Samsvarende regler ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Laster inn stiler …",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Ingen stiler funnet",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskap",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "verdi"
 });
\ No newline at end of file
diff --git a/src/nls/nl/lastTranslated.json b/src/nls/nl/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/nl/lastTranslated.json
+++ b/src/nls/nl/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/nl/strings.js b/src/nls/nl/strings.js
index b24c6936b..cdaaa8b9c 100644
--- a/src/nls/nl/strings.js
+++ b/src/nls/nl/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Laden…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Geen afbeeldingen gevonden",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Laden van afbeeldingen mislukt",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Sluiten",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Selecteer een afbeelding vanaf je apparaat",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Selecteer vanaf apparaat",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Selecteer een downloadlocatie voor de afbeelding in de editor om door te gaan",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Typ mappad (bijv. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Typ een mappad of laat leeg om te downloaden in de map 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Niet opnieuw vragen voor dit project",
+  "DEVICE_SIZE_LIMIT_TITLE": "Limiet voor responsieve voorvertoningen bereikt",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Met een gratis account krijgt u een paar responsieve voorvertoningen per dag. Upgrade naar Phoenix Pro voor onbeperkte responsieve voorvertoningen op alle apparaatformaten.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Limiet voor afbeeldingen zoeken bereikt",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "U heeft alle {0} zoekopdrachten naar afbeeldingen voor deze maand gebruikt.<br>Start een betaald Phoenix Pro-abonnement om proeflimieten te verwijderen en door te gaan met zoeken.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Zoeken naar afbeeldingen is tijdelijk niet beschikbaar vanwege de grote vraag.<br>Start een betaald Phoenix Pro-abonnement om proeflimieten te verwijderen en door te gaan met zoeken.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Hoe gebruik je {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} ondersteuning",
   "CMD_GET_PRO": "Download Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro-proefperiode annuleren",
+  "CANCEL_TRIAL_TITLE": "{0}-proefperiode annuleren?",
+  "CANCEL_TRIAL_MESSAGE": "U heeft nog {0} dagen van uw Phoenix Pro-proefperiode. Annuleren kan niet ongedaan worden gemaakt. Weet u zeker dat u uw proefperiode wilt beëindigen?",
+  "CANCEL_TRIAL_STOP_BTN": "Proefperiode beëindigen",
   "CMD_VIEW_LICENSE": "Licentie bekijken",
   "CMD_MANAGE_LICENSES": "Licenties beheren",
   "CMD_USER_PROFILE": "{APP_NAME}-account",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Opnieuw beginnen",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kaarten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 verwijderd",
-  "DEVICE_SIZE_LIMIT_TITLE": "Limiet voor responsieve voorvertoningen bereikt",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Met een gratis account krijgt u een paar responsieve voorvertoningen per dag. Upgrade naar Phoenix Pro voor onbeperkte responsieve voorvertoningen op alle apparaatformaten.",
-  "CMD_CANCEL_TRIAL": "Phoenix Pro-proefperiode annuleren",
-  "CANCEL_TRIAL_TITLE": "{0}-proefperiode annuleren?",
-  "CANCEL_TRIAL_MESSAGE": "U heeft nog {0} dagen van uw Phoenix Pro-proefperiode. Annuleren kan niet ongedaan worden gemaakt. Weet u zeker dat u uw proefperiode wilt beëindigen?",
-  "CANCEL_TRIAL_STOP_BTN": "Proefperiode beëindigen"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stijleditor",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stijlen bewerken",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Toevoegen",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Geen CSS-regels gevonden",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Overeenkomende regels ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Stijlen laden...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Geen stijlen gevonden",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "eigenschap",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "waarde"
 });
\ No newline at end of file
diff --git a/src/nls/pl/lastTranslated.json b/src/nls/pl/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/pl/lastTranslated.json
+++ b/src/nls/pl/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/pl/strings.js b/src/nls/pl/strings.js
index ede5e94c9..ea049c715 100644
--- a/src/nls/pl/strings.js
+++ b/src/nls/pl/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Ładowanie…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nie znaleziono obrazów",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Nie udało się załadować obrazów",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Zamknij",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Wybierz obraz z urządzenia",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Wybierz z urządzenia",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Wybierz w edytorze miejsce wstawienia obrazu, aby kontynuować",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Wpisz ścieżkę folderu (np. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Wpisz ścieżkę folderu lub pozostaw puste, aby pobrać do folderu 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Nie pytaj ponownie dla tego projektu",
+  "DEVICE_SIZE_LIMIT_TITLE": "Osiągnięto limit responsywnych podglądów",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Darmowe konta mają dostęp do kilku responsywnych podglądów dziennie. Przejdź na Phoenix Pro, aby uzyskać nieograniczony dostęp do responsywnych podglądów na wszystkich rozmiarach urządzeń.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Osiągnięto limit wyszukiwania obrazów",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Wykorzystano wszystkie {0} wyszukiwania obrazów w tym miesiącu.<br>Rozpocznij płatny plan Phoenix Pro, aby usunąć limity wersji próbnej i kontynuować wyszukiwanie.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Wyszukiwanie obrazów jest tymczasowo niedostępne z powodu dużego obciążenia.<br>Rozpocznij płatny plan Phoenix Pro, aby usunąć limity wersji próbnej i kontynuować wyszukiwanie.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Jak używać {APP_NAME}",
   "CMD_SUPPORT": "Wsparcie {APP_NAME}",
   "CMD_GET_PRO": "Pobierz Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Anuluj okres próbny Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Anulować okres próbny {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Pozostało Ci {0} dni okresu próbnego Phoenix Pro. Anulowania nie można cofnąć. Czy na pewno chcesz zakończyć okres próbny?",
+  "CANCEL_TRIAL_STOP_BTN": "Zakończ okres próbny",
   "CMD_VIEW_LICENSE": "Wyświetl licencję",
   "CMD_MANAGE_LICENSES": "Zarządzaj licencjami",
   "CMD_USER_PROFILE": "Konto {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Zacznij od nowa",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 usunięto",
-  "DEVICE_SIZE_LIMIT_TITLE": "Osiągnięto limit responsywnych podglądów",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Darmowe konta mają dostęp do kilku responsywnych podglądów dziennie. Przejdź na Phoenix Pro, aby uzyskać nieograniczony dostęp do responsywnych podglądów na wszystkich rozmiarach urządzeń.",
-  "CMD_CANCEL_TRIAL": "Anuluj okres próbny Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Anulować okres próbny {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Pozostało Ci {0} dni okresu próbnego Phoenix Pro. Anulowania nie można cofnąć. Czy na pewno chcesz zakończyć okres próbny?",
-  "CANCEL_TRIAL_STOP_BTN": "Zakończ okres próbny"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Edytor stylów",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edytuj style",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Dodaj",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nie znaleziono reguł CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Pasujące reguły ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Wczytywanie stylów…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nie znaleziono stylów",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "właściwość",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "wartość"
 });
\ No newline at end of file
diff --git a/src/nls/pt-br/lastTranslated.json b/src/nls/pt-br/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/pt-br/lastTranslated.json
+++ b/src/nls/pt-br/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/pt-br/strings.js b/src/nls/pt-br/strings.js
index 2389fdad2..3f1643a09 100644
--- a/src/nls/pt-br/strings.js
+++ b/src/nls/pt-br/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Carregando…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nenhuma imagem encontrada",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Falha ao carregar imagens",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Fechar",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Selecione uma imagem do seu dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Selecionar do dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Selecione o local de download da imagem no editor para continuar",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Digite o caminho da pasta (ex.: assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Digite o caminho da pasta ou deixe em branco para baixar na pasta 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Não perguntar novamente para este projeto",
+  "DEVICE_SIZE_LIMIT_TITLE": "Limite de Visualizações Responsivas Atingido",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Contas gratuitas têm direito a algumas visualizações responsivas por dia. Faça o upgrade para o Phoenix Pro para ter visualizações responsivas ilimitadas em todos os tamanhos de dispositivo.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Limite de busca de imagens atingido",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Você usou todas as suas {0} buscas de imagem deste mês.<br>Assine um plano pago do Phoenix Pro para remover os limites de avaliação e continuar buscando.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "A busca de imagens está temporariamente indisponível devido à alta demanda.<br>Assine um plano pago do Phoenix Pro para remover os limites de avaliação e continuar buscando.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Como usar o {APP_NAME}",
   "CMD_SUPPORT": "Ajuda do {APP_NAME}",
   "CMD_GET_PRO": "Adquira o Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Cancelar Avaliação do Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Cancelar a Avaliação do {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Você tem {0} dias restantes na sua avaliação do Phoenix Pro. O cancelamento não pode ser desfeito. Tem certeza de que deseja interromper sua avaliação?",
+  "CANCEL_TRIAL_STOP_BTN": "Interromper Avaliação",
   "CMD_VIEW_LICENSE": "Visualizar Licença",
   "CMD_MANAGE_LICENSES": "Gerenciar Licenças",
   "CMD_USER_PROFILE": "Conta do {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído",
-  "DEVICE_SIZE_LIMIT_TITLE": "Limite de Visualizações Responsivas Atingido",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Contas gratuitas têm direito a algumas visualizações responsivas por dia. Faça o upgrade para o Phoenix Pro para ter visualizações responsivas ilimitadas em todos os tamanhos de dispositivo.",
-  "CMD_CANCEL_TRIAL": "Cancelar Avaliação do Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Cancelar a Avaliação do {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Você tem {0} dias restantes na sua avaliação do Phoenix Pro. O cancelamento não pode ser desfeito. Tem certeza de que deseja interromper sua avaliação?",
-  "CANCEL_TRIAL_STOP_BTN": "Interromper Avaliação"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de Estilo",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar Estilos",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adicionar",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenhuma regra CSS encontrada",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras Correspondentes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Carregando estilos…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenhum estilo encontrado",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriedade",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor"
 });
\ No newline at end of file
diff --git a/src/nls/pt-pt/lastTranslated.json b/src/nls/pt-pt/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/pt-pt/lastTranslated.json
+++ b/src/nls/pt-pt/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/pt-pt/strings.js b/src/nls/pt-pt/strings.js
index 1a8f205f6..b31bf7745 100644
--- a/src/nls/pt-pt/strings.js
+++ b/src/nls/pt-pt/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "A carregar…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Não foram encontradas imagens",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Falha ao carregar as imagens",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Fechar",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Selecione uma imagem do seu dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Selecionar do dispositivo",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Selecione a localização de transferência da imagem no editor para continuar",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Escreva o caminho da pasta (p. ex., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Digite o caminho da pasta ou deixe em branco para descarregar na pasta 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Não voltar a perguntar para este projeto",
+  "DEVICE_SIZE_LIMIT_TITLE": "Limite de Pré-visualizações Responsivas Atingido",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "As contas gratuitas têm um número limitado de pré-visualizações responsivas por dia. Atualize para o Phoenix Pro para obter pré-visualizações responsivas ilimitadas em todos os tamanhos de dispositivo.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Limite de pesquisa de imagens atingido",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Esgotou as {0} pesquisas de imagens deste mês.<br>Subscreva um plano pago Phoenix Pro para remover os limites da versão de avaliação e continuar a pesquisar.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "A pesquisa de imagens está temporariamente indisponível devido a uma elevada procura.<br>Subscreva um plano pago Phoenix Pro para remover os limites da versão de avaliação e continuar a pesquisar.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Como usar o {APP_NAME}",
   "CMD_SUPPORT": "Suporte do {APP_NAME}",
   "CMD_GET_PRO": "Obter Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Cancelar Período de Avaliação do Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Cancelar o período de avaliação do {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Restam-lhe {0} dias no seu período de avaliação do Phoenix Pro. O cancelamento não pode ser revertido. Tem a certeza de que quer terminar o seu período de avaliação?",
+  "CANCEL_TRIAL_STOP_BTN": "Terminar Período de Avaliação",
   "CMD_VIEW_LICENSE": "Ver Licença",
   "CMD_MANAGE_LICENSES": "Gerir Licenças",
   "CMD_USER_PROFILE": "Conta {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "DEVICE_SIZE_LIMIT_TITLE": "Limite de Pré-visualizações Responsivas Atingido",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "As contas gratuitas têm um número limitado de pré-visualizações responsivas por dia. Atualize para o Phoenix Pro para obter pré-visualizações responsivas ilimitadas em todos os tamanhos de dispositivo.",
-  "CMD_CANCEL_TRIAL": "Cancelar Período de Avaliação do Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Cancelar o período de avaliação do {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Restam-lhe {0} dias no seu período de avaliação do Phoenix Pro. O cancelamento não pode ser revertido. Tem a certeza de que quer terminar o seu período de avaliação?",
-  "CANCEL_TRIAL_STOP_BTN": "Terminar Período de Avaliação"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de Estilos",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar Estilos",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adicionar",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Não foram encontradas regras de CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras Correspondentes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "A carregar estilos…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Não foram encontrados estilos",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriedade",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor"
 });
\ No newline at end of file
diff --git a/src/nls/ro/lastTranslated.json b/src/nls/ro/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/ro/lastTranslated.json
+++ b/src/nls/ro/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/ro/strings.js b/src/nls/ro/strings.js
index 70cabe003..22c539c37 100644
--- a/src/nls/ro/strings.js
+++ b/src/nls/ro/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Încărcare…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nu s-au găsit imagini",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Imaginile nu au putut fi încărcate",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Închide",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Selectați o imagine de pe dispozitiv",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Selectați de pe dispozitiv",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Selectați locația de descărcare a imaginii în editor pentru a continua.",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Introduceți calea folderului (ex., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Tastați calea folderului sau lăsați gol pentru a descărca în folderul 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Nu mai întrebați pentru acest proiect",
+  "DEVICE_SIZE_LIMIT_TITLE": "Limitǎ de previzualizări responsive atinsă",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Conturile gratuite beneficiază de câteva previzualizări responsive pe zi. Faceți upgrade la Phoenix Pro pentru previzualizări responsive nelimitate pe toate dimensiunile de dispozitive.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Limitarea căutărilor de imagini a fost atinsă",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Ați folosit toate cele {0} căutări de imagini pentru această lună.<br>Începeți un abonament plătit Phoenix Pro pentru a elimina limitele versiunii de încercare și a continua căutarea.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Căutarea de imagini este temporar indisponibilă din cauza cererii ridicate.<br>Începeți un abonament plătit Phoenix Pro pentru a elimina limitele versiunii de încercare și a continua căutarea.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Cum să folosești {APP_NAME}",
   "CMD_SUPPORT": "Suport {APP_NAME}",
   "CMD_GET_PRO": "Obține Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Anulați perioada de probă Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Anulați perioada de probă {0}?",
+  "CANCEL_TRIAL_MESSAGE": "Mai aveți {0} zile rămase din perioada de probă Phoenix Pro. Anularea nu poate fi revocată. Sunteți sigur că doriți să opriți perioada de probă?",
+  "CANCEL_TRIAL_STOP_BTN": "Opriți proba",
   "CMD_VIEW_LICENSE": "Vizualizare Licență",
   "CMD_MANAGE_LICENSES": "Gestionare licențe",
   "CMD_USER_PROFILE": "Cont {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Reîncepe",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carduri",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters",
-  "DEVICE_SIZE_LIMIT_TITLE": "Limitǎ de previzualizări responsive atinsă",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Conturile gratuite beneficiază de câteva previzualizări responsive pe zi. Faceți upgrade la Phoenix Pro pentru previzualizări responsive nelimitate pe toate dimensiunile de dispozitive.",
-  "CMD_CANCEL_TRIAL": "Anulați perioada de probă Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Anulați perioada de probă {0}?",
-  "CANCEL_TRIAL_MESSAGE": "Mai aveți {0} zile rămase din perioada de probă Phoenix Pro. Anularea nu poate fi revocată. Sunteți sigur că doriți să opriți perioada de probă?",
-  "CANCEL_TRIAL_STOP_BTN": "Opriți proba"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de stiluri",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editează stiluri",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adaugă",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nu au fost găsite reguli CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Reguli corespondente ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Se încarcă stilurile…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nu au fost găsite stiluri",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "proprietate",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valoare"
 });
\ No newline at end of file
diff --git a/src/nls/ru/lastTranslated.json b/src/nls/ru/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/ru/lastTranslated.json
+++ b/src/nls/ru/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/ru/strings.js b/src/nls/ru/strings.js
index a7bbe454d..178ebf095 100644
--- a/src/nls/ru/strings.js
+++ b/src/nls/ru/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Загрузка…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Изображения не найдены",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Не удалось загрузить изображения",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Закрыть",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Выберите изображение с вашего устройства",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Выбрать с устройства",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Выберите в редакторе место для загрузки изображения, чтобы продолжить",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Введите путь к папке (например, assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Введите путь к папке или оставьте поле пустым для загрузки в папку 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Больше не спрашивать для этого проекта",
+  "DEVICE_SIZE_LIMIT_TITLE": "Достигнут лимит адаптивных предпросмотров",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "На бесплатных аккаунтах доступно несколько адаптивных предпросмотров в день. Перейдите на Phoenix Pro, чтобы получить неограниченный доступ к адаптивным предпросмотрам для всех размеров устройств.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Лимит поиска изображений исчерпан",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Вы использовали все {0} поисков изображений за этот месяц.<br>Оформите платный план Phoenix Pro, чтобы снять ограничения пробной версии и продолжить поиск.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Поиск изображений временно недоступен из-за высокой нагрузки.<br>Оформите платный план Phoenix Pro, чтобы снять ограничения пробной версии и продолжить поиск.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Как использовать {APP_NAME}",
   "CMD_SUPPORT": "Поддержка {APP_NAME}",
   "CMD_GET_PRO": "Получить Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Отменить пробную версию Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Отменить пробную версию {0}?",
+  "CANCEL_TRIAL_MESSAGE": "У вас осталось {0} дней пробного периода Phoenix Pro. Это действие нельзя будет отменить. Вы уверены, что хотите прекратить пробный период?",
+  "CANCEL_TRIAL_STOP_BTN": "Прекратить пробную версию",
   "CMD_VIEW_LICENSE": "Просмотреть лицензию",
   "CMD_MANAGE_LICENSES": "Управление лицензиями",
   "CMD_USER_PROFILE": "Учётная запись {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Начать заново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карточки",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено",
-  "DEVICE_SIZE_LIMIT_TITLE": "Достигнут лимит адаптивных предпросмотров",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "На бесплатных аккаунтах доступно несколько адаптивных предпросмотров в день. Перейдите на Phoenix Pro, чтобы получить неограниченный доступ к адаптивным предпросмотрам для всех размеров устройств.",
-  "CMD_CANCEL_TRIAL": "Отменить пробную версию Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Отменить пробную версию {0}?",
-  "CANCEL_TRIAL_MESSAGE": "У вас осталось {0} дней пробного периода Phoenix Pro. Это действие нельзя будет отменить. Вы уверены, что хотите прекратить пробный период?",
-  "CANCEL_TRIAL_STOP_BTN": "Прекратить пробную версию"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор стилей",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редактировать стили",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Добавить",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS-правила не найдены",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Совпадающие правила ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Загрузка стилей…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Стили не найдены",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "свойство",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "значение"
 });
\ No newline at end of file
diff --git a/src/nls/sk/lastTranslated.json b/src/nls/sk/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/sk/lastTranslated.json
+++ b/src/nls/sk/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/sk/strings.js b/src/nls/sk/strings.js
index dcb76dee6..ac668dc96 100644
--- a/src/nls/sk/strings.js
+++ b/src/nls/sk/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Načítavanie…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Nenašli sa žiadne obrázky",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Nepodarilo sa načítať obrázky",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Zatvoriť",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Vyberte obrázok z vášho zariadenia",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Vybrať zo zariadenia",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Ak chcete pokračovať, vyberte v editore umiestnenie na stiahnutie obrázka.",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Zadajte cestu k priečinku (napr. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Zadajte cestu k priečinku alebo nechajte pole prázdne pre stiahnutie do priečinka 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Pre tento projekt sa už nepýtať",
+  "DEVICE_SIZE_LIMIT_TITLE": "Dosiahnutý limit responzívnych náhľadov",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezplatné účty majú k dispozícii niekoľko responzívnych náhľadov denne. Prejdite na Phoenix Pro a získajte neobmedzené responzívne náhľady na všetkých veľkostiach zariadení.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Dosiahli ste limit vyhľadávania obrázkov",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Tento mesiac ste využili všetkých {0} vyhľadávaní obrázkov.<br>Aktivujte si platený plán Phoenix Pro, aby ste zrušili limity skúšobnej verzie a mohli pokračovať vo vyhľadávaní.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Vyhľadávanie obrázkov je dočasne nedostupné z dôvodu vysokého dopytu.<br>Aktivujte si platený plán Phoenix Pro, aby ste zrušili limity skúšobnej verzie a mohli pokračovať vo vyhľadávaní.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Ako používať {APP_NAME}",
   "CMD_SUPPORT": "Podpora pre {APP_NAME}",
   "CMD_GET_PRO": "Získajte Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Zrušiť skúšobnú verziu Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Zrušiť skúšobnú verziu {0}?",
+  "CANCEL_TRIAL_MESSAGE": "V skúšobnej verzii Phoenix Pro vám zostáva {0} dní. Zrušenie nie je možné vrátiť späť. Naozaj chcete ukončiť skúšobnú verziu?",
+  "CANCEL_TRIAL_STOP_BTN": "Ukončiť skúšobnú verziu",
   "CMD_VIEW_LICENSE": "Zobraziť licenciu",
   "CMD_MANAGE_LICENSES": "Spravovať licencie",
   "CMD_USER_PROFILE": "Účet {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začať znova",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karty",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 odstránené",
-  "DEVICE_SIZE_LIMIT_TITLE": "Dosiahnutý limit responzívnych náhľadov",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Bezplatné účty majú k dispozícii niekoľko responzívnych náhľadov denne. Prejdite na Phoenix Pro a získajte neobmedzené responzívne náhľady na všetkých veľkostiach zariadení.",
-  "CMD_CANCEL_TRIAL": "Zrušiť skúšobnú verziu Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Zrušiť skúšobnú verziu {0}?",
-  "CANCEL_TRIAL_MESSAGE": "V skúšobnej verzii Phoenix Pro vám zostáva {0} dní. Zrušenie nie je možné vrátiť späť. Naozaj chcete ukončiť skúšobnú verziu?",
-  "CANCEL_TRIAL_STOP_BTN": "Ukončiť skúšobnú verziu"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor štýlov",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Upraviť štýly",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Pridať",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenašli sa žiadne pravidlá CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Zodpovedajúce pravidlá ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Načítavajú sa štýly…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenašli sa žiadne štýly",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "vlastnosť",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "hodnota"
 });
\ No newline at end of file
diff --git a/src/nls/sr/lastTranslated.json b/src/nls/sr/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/sr/lastTranslated.json
+++ b/src/nls/sr/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/sr/strings.js b/src/nls/sr/strings.js
index 5193a8da0..3945da6cd 100644
--- a/src/nls/sr/strings.js
+++ b/src/nls/sr/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Учитавам…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Није пронађена ниједна слика",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Учитавање слика није успело",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Затвори",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Изаберите слику са свог уређаја",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Изаберите са уређаја",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Изаберите локацију за преузимање слике у уређивачу да бисте наставили",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Унесите путању фасцикле (нпр. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Унесите путању до фасцикле или оставите празно за преузимање у фасциклу 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Не питај поново за овај пројекат",
+  "DEVICE_SIZE_LIMIT_TITLE": "Достигнуто је ограничење за респонзивни преглед",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Бесплатни налози добијају неколико респонзивних прегледа дневно. Надоградите на Phoenix Pro за неограничене респонзивне прегледе на свим величинама уређаја.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Достигнуто ограничење претраге слика",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Искористили сте свих {0} претрага слика за овај месец.<br>Започните плаћени Phoenix Pro план да бисте уклонили пробна ограничења и наставили са претрагом.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Претрага слика је привремено недоступна због велике потражње.<br>Започните плаћени Phoenix Pro план да бисте уклонили пробна ограничења и наставили са претрагом.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Корисничко упутство за {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} подршка",
   "CMD_GET_PRO": "Преузмите Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Откажи Phoenix Pro пробни период",
+  "CANCEL_TRIAL_TITLE": "Откажи {0} пробни период?",
+  "CANCEL_TRIAL_MESSAGE": "Преостало вам је {0} дана у пробном периоду за Phoenix Pro. Отказивање се не може опозвати. Да ли сте сигурни да желите да прекинете пробни период?",
+  "CANCEL_TRIAL_STOP_BTN": "Прекини пробни период",
   "CMD_VIEW_LICENSE": "Прикажи лиценцу",
   "CMD_MANAGE_LICENSES": "Управљање лиценцама",
   "CMD_USER_PROFILE": "Налог за {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почни поново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 картице",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано",
-  "DEVICE_SIZE_LIMIT_TITLE": "Достигнуто је ограничење за респонзивни преглед",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Бесплатни налози добијају неколико респонзивних прегледа дневно. Надоградите на Phoenix Pro за неограничене респонзивне прегледе на свим величинама уређаја.",
-  "CMD_CANCEL_TRIAL": "Откажи Phoenix Pro пробни период",
-  "CANCEL_TRIAL_TITLE": "Откажи {0} пробни период?",
-  "CANCEL_TRIAL_MESSAGE": "Преостало вам је {0} дана у пробном периоду за Phoenix Pro. Отказивање се не може опозвати. Да ли сте сигурни да желите да прекинете пробни период?",
-  "CANCEL_TRIAL_STOP_BTN": "Прекини пробни период"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Уређивач стилова",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Уреди стилове",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Додај",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Нису пронађена CSS правила",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Подударна правила ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Учитавање стилова…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Нису пронађени стилови",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "својство",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "вредност"
 });
\ No newline at end of file
diff --git a/src/nls/sv/lastTranslated.json b/src/nls/sv/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/sv/lastTranslated.json
+++ b/src/nls/sv/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/sv/strings.js b/src/nls/sv/strings.js
index 073447b85..fa4b8ba19 100644
--- a/src/nls/sv/strings.js
+++ b/src/nls/sv/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Öppnar…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Inga bilder hittades",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Kunde inte ladda bilder",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Stäng",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Välj en bild från din enhet",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Välj från enhet",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Välj var bilden ska placeras i redigeraren för att fortsätta",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Ange mappsökväg (t.ex. assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Ange mappsökväg eller lämna tomt för att ladda ner i mappen 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Fråga inte igen för det här projektet",
+  "DEVICE_SIZE_LIMIT_TITLE": "Gräns för responsiv förhandsgranskning uppnådd",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratiskonton får ett fåtal responsiva förhandsgranskningar per dag. Uppgradera till Phoenix Pro för obegränsade responsiva förhandsgranskningar för alla enhetsstorlekar.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Gränsen för bildsökning har nåtts",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Du har använt alla dina {0} bildsökningar för den här månaden.<br>Starta en betald Phoenix Pro-plan för att ta bort provperiodens begränsningar och fortsätta söka.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Bildsökning är tillfälligt otillgänglig på grund av hög efterfrågan.<br>Starta en betald Phoenix Pro-plan för att ta bort provperiodens begränsningar och fortsätta söka.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Hur du använder {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME}-forum",
   "CMD_GET_PRO": "Skaffa Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Avbryt Phoenix Pro-provperiod",
+  "CANCEL_TRIAL_TITLE": "Avbryta {0}-provperiod?",
+  "CANCEL_TRIAL_MESSAGE": "Du har {0} dagar kvar av din Phoenix Pro-provperiod. Avbrytandet kan inte ångras. Är du säker på att du vill avsluta din provperiod?",
+  "CANCEL_TRIAL_STOP_BTN": "Avsluta provperiod",
   "CMD_VIEW_LICENSE": "Visa licens",
   "CMD_MANAGE_LICENSES": "Hantera licenser",
   "CMD_USER_PROFILE": "{APP_NAME}-konto",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Börja om",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat",
-  "DEVICE_SIZE_LIMIT_TITLE": "Gräns för responsiv förhandsgranskning uppnådd",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Gratiskonton får ett fåtal responsiva förhandsgranskningar per dag. Uppgradera till Phoenix Pro för obegränsade responsiva förhandsgranskningar för alla enhetsstorlekar.",
-  "CMD_CANCEL_TRIAL": "Avbryt Phoenix Pro-provperiod",
-  "CANCEL_TRIAL_TITLE": "Avbryta {0}-provperiod?",
-  "CANCEL_TRIAL_MESSAGE": "Du har {0} dagar kvar av din Phoenix Pro-provperiod. Avbrytandet kan inte ångras. Är du säker på att du vill avsluta din provperiod?",
-  "CANCEL_TRIAL_STOP_BTN": "Avsluta provperiod"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilredigerare",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Redigera stilar",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Lägg till",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Inga CSS-regler hittades",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matchande regler ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Laddar stilar...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Inga stilar hittades",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskap",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "värde"
 });
\ No newline at end of file
diff --git a/src/nls/tr/lastTranslated.json b/src/nls/tr/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/tr/lastTranslated.json
+++ b/src/nls/tr/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/tr/strings.js b/src/nls/tr/strings.js
index c5d88ce3e..1320d06cc 100644
--- a/src/nls/tr/strings.js
+++ b/src/nls/tr/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Proje Yükleniyor…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Hiç resim bulunamadı",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Resimler yüklenemedi",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Kapat",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Cihazınızdan bir resim seçin",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Cihazdan seç",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Devam etmek için düzenleyicide resim indirme konumunu seçin",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Klasör yolunu yazın (örn., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Klasör yolunu yazın ya da 'images' klasörüne indirilmesi için boş bırakın.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Bu proje için tekrar sorma",
+  "DEVICE_SIZE_LIMIT_TITLE": "Duyarlı Önizleme Sınırına Ulaşıldı",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "Ücretsiz hesaplar günde birkaç duyarlı önizleme hakkı elde eder. Tüm cihaz boyutlarında sınırsız duyarlı önizleme için Phoenix Pro'ya yükseltin.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Görsel arama sınırına ulaşıldı",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Bu ayki {0} görsel arama hakkınızın tamamını kullandınız.<br>Deneme sürümü sınırlarını kaldırmak ve aramaya devam etmek için ücretli bir Phoenix Pro planı başlatın.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Yoğun talep nedeniyle görsel arama geçici olarak kullanılamıyor.<br>Deneme sürümü sınırlarını kaldırmak ve aramaya devam etmek için ücretli bir Phoenix Pro planı başlatın.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "{APP_NAME} Nasıl Kullanılır",
   "CMD_SUPPORT": "{APP_NAME} Desteği",
   "CMD_GET_PRO": "Phoenix Pro'yu Edinin",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro Denemesini İptal Et",
+  "CANCEL_TRIAL_TITLE": "{0} Denemesi İptal Edilsin mi?",
+  "CANCEL_TRIAL_MESSAGE": "Phoenix Pro denemenizin bitmesine {0} gün kaldı. İptal etme işlemi geri alınamaz. Denemenizi sonlandırmak istediğinizden emin misiniz?",
+  "CANCEL_TRIAL_STOP_BTN": "Denemeyi Sonlandır",
   "CMD_VIEW_LICENSE": "Lisansı Görüntüle",
   "CMD_MANAGE_LICENSES": "Lisansları Yönet",
   "CMD_USER_PROFILE": "{APP_NAME} Hesabı",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Yeniden Başla",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 silindi",
-  "DEVICE_SIZE_LIMIT_TITLE": "Duyarlı Önizleme Sınırına Ulaşıldı",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "Ücretsiz hesaplar günde birkaç duyarlı önizleme hakkı elde eder. Tüm cihaz boyutlarında sınırsız duyarlı önizleme için Phoenix Pro'ya yükseltin.",
-  "CMD_CANCEL_TRIAL": "Phoenix Pro Denemesini İptal Et",
-  "CANCEL_TRIAL_TITLE": "{0} Denemesi İptal Edilsin mi?",
-  "CANCEL_TRIAL_MESSAGE": "Phoenix Pro denemenizin bitmesine {0} gün kaldı. İptal etme işlemi geri alınamaz. Denemenizi sonlandırmak istediğinizden emin misiniz?",
-  "CANCEL_TRIAL_STOP_BTN": "Denemeyi Sonlandır"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stil Düzenleyici",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stilleri Düzenle",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Ekle",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS kuralı bulunamadı",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Eşleşen Kurallar ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Stiller yükleniyor…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Stil bulunamadı",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "özellik",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "değer"
 });
\ No newline at end of file
diff --git a/src/nls/uk/lastTranslated.json b/src/nls/uk/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/uk/lastTranslated.json
+++ b/src/nls/uk/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/uk/strings.js b/src/nls/uk/strings.js
index 270ea77f6..f60da44e3 100644
--- a/src/nls/uk/strings.js
+++ b/src/nls/uk/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "Завантаження…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "Зображень не знайдено",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Не вдалося завантажити зображення",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Закрити",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "Оберіть зображення з вашого пристрою",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Вибрати з пристрою",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Виберіть у редакторі місце для завантаження зображення, щоб продовжити",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Введіть шлях до папки (напр., assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 Введіть шлях до папки або залиште поле порожнім для завантаження в папку 'images'.",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Не запитувати знову для цього проєкту",
+  "DEVICE_SIZE_LIMIT_TITLE": "Досягнуто ліміту адаптивних переглядів",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "На безкоштовних акаунтах доступно кілька адаптивних переглядів на день. Перейдіть на Phoenix Pro, щоб отримати необмежену кількість адаптивних переглядів для всіх розмірів пристроїв.",
   "IMAGE_SEARCH_LIMIT_TITLE": "Ліміт пошуку зображень вичерпано",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "Ви використали всі {0} пошуків зображень цього місяця.<br>Перейдіть на платний план Phoenix Pro, щоб зняти обмеження пробної версії та продовжити пошук.",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "Пошук зображень тимчасово недоступний через високий попит.<br>Перейдіть на платний план Phoenix Pro, щоб зняти обмеження пробної версії та продовжити пошук.",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "Як використовувати {APP_NAME}",
   "CMD_SUPPORT": "Підтримка {APP_NAME}",
   "CMD_GET_PRO": "Отримати Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "Скасувати пробний період Phoenix Pro",
+  "CANCEL_TRIAL_TITLE": "Скасувати пробний період {0}?",
+  "CANCEL_TRIAL_MESSAGE": "У вашому пробному періоді Phoenix Pro залишилося {0} днів. Скасування є незворотним. Ви впевнені, що хочете припинити пробний період?",
+  "CANCEL_TRIAL_STOP_BTN": "Припинити пробний період",
   "CMD_VIEW_LICENSE": "Переглянути ліцензію",
   "CMD_MANAGE_LICENSES": "Керування ліцензіями",
   "CMD_USER_PROFILE": "Обліковий запис {APP_NAME}",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почати знову",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карток",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 видалено",
-  "DEVICE_SIZE_LIMIT_TITLE": "Досягнуто ліміту адаптивних переглядів",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "На безкоштовних акаунтах доступно кілька адаптивних переглядів на день. Перейдіть на Phoenix Pro, щоб отримати необмежену кількість адаптивних переглядів для всіх розмірів пристроїв.",
-  "CMD_CANCEL_TRIAL": "Скасувати пробний період Phoenix Pro",
-  "CANCEL_TRIAL_TITLE": "Скасувати пробний період {0}?",
-  "CANCEL_TRIAL_MESSAGE": "У вашому пробному періоді Phoenix Pro залишилося {0} днів. Скасування є незворотним. Ви впевнені, що хочете припинити пробний період?",
-  "CANCEL_TRIAL_STOP_BTN": "Припинити пробний період"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор стилів",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редагувати стилі",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Додати",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Правил CSS не знайдено",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Відповідні правила ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Завантаження стилів…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Стилів не знайдено",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "властивість",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "значення"
 });
\ No newline at end of file
diff --git a/src/nls/ur/lastTranslated.json b/src/nls/ur/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/ur/lastTranslated.json
+++ b/src/nls/ur/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/ur/strings.js b/src/nls/ur/strings.js
index 83836407d..9736e14f7 100644
--- a/src/nls/ur/strings.js
+++ b/src/nls/ur/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "لوڈ ہو رہا ہے…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "کوئی تصاویر نہیں ملیں",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "تصاویر لوڈ کرنے میں ناکامی ہوئی",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "بند کریں",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "اپنے ڈیوائس سے ایک تصویر منتخب کریں",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "ڈیوائس سے منتخب کریں",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "جاری رکھنے کے لیے ایڈیٹر میں تصویر ڈاؤن لوڈ کرنے کی جگہ منتخب کریں",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "فولڈر کا پاتھ ٹائپ کریں (مثلاً، assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 فولڈر کا پاتھ ٹائپ کریں، یا 'images' فولڈر میں ڈاؤن لوڈ کرنے کے لیے خالی چھوڑ دیں۔",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "اس پروجیکٹ کے لیے دوبارہ نہ پوچھیں۔",
+  "DEVICE_SIZE_LIMIT_TITLE": "رسپانسیو پریویو کی حد پوری ہو گئی",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "مفت اکاؤنٹس کو روزانہ چند رسپانسیو پریویوز ملتے ہیں۔ تمام ڈیوائس سائزز پر لامحدود رسپانسیو پریویوز کے لیے Phoenix Pro پر اپ گریڈ کریں۔",
   "IMAGE_SEARCH_LIMIT_TITLE": "تصویری تلاش کی حد پوری ہوگئی",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "آپ نے اس مہینے کی تمام {0} تصویری تلاشیں استعمال کر لی ہیں۔<br>آزمائشی حدود کو ہٹانے اور تلاش جاری رکھنے کے لیے ایک بامعاوضہ Phoenix Pro پلان شروع کریں۔",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "بہت زیادہ طلب کی وجہ سے تصویری تلاش عارضی طور پر دستیاب نہیں ہے۔<br>آزمائشی حدود کو ہٹانے اور تلاش جاری رکھنے کے لیے ایک بامعاوضہ Phoenix Pro پلان شروع کریں۔",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "{APP_NAME} استعمال کرنے کا طریقہ",
   "CMD_SUPPORT": "{APP_NAME} سپورٹ",
   "CMD_GET_PRO": "Phoenix Pro حاصل کریں",
+  "CMD_CANCEL_TRIAL": "Phoenix Pro ٹرائل منسوخ کریں",
+  "CANCEL_TRIAL_TITLE": "{0} ٹرائل منسوخ کریں؟",
+  "CANCEL_TRIAL_MESSAGE": "آپ کے Phoenix Pro ٹرائل میں {0} دن باقی ہیں۔ منسوخی کو واپس نہیں لیا جا سکتا۔ کیا آپ واقعی اپنا ٹرائل روکنا چاہتے ہیں؟",
+  "CANCEL_TRIAL_STOP_BTN": "ٹرائل روکیں",
   "CMD_VIEW_LICENSE": "لائسنس دیکھیں",
   "CMD_MANAGE_LICENSES": "لائسنسوں کا انتظام کریں",
   "CMD_USER_PROFILE": "{APP_NAME} اکاؤنٹ",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "دوبارہ شروع کریں",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 کارڈز",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 حذف شدہ",
-  "DEVICE_SIZE_LIMIT_TITLE": "رسپانسیو پریویو کی حد پوری ہو گئی",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "مفت اکاؤنٹس کو روزانہ چند رسپانسیو پریویوز ملتے ہیں۔ تمام ڈیوائس سائزز پر لامحدود رسپانسیو پریویوز کے لیے Phoenix Pro پر اپ گریڈ کریں۔",
-  "CMD_CANCEL_TRIAL": "Phoenix Pro ٹرائل منسوخ کریں",
-  "CANCEL_TRIAL_TITLE": "{0} ٹرائل منسوخ کریں؟",
-  "CANCEL_TRIAL_MESSAGE": "آپ کے Phoenix Pro ٹرائل میں {0} دن باقی ہیں۔ منسوخی کو واپس نہیں لیا جا سکتا۔ کیا آپ واقعی اپنا ٹرائل روکنا چاہتے ہیں؟",
-  "CANCEL_TRIAL_STOP_BTN": "ٹرائل روکیں"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "اسٹائل ایڈیٹر",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "اسٹائلز میں ترمیم کریں",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ شامل کریں",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "کوئی CSS قواعد نہیں ملے",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "مطابقت رکھنے والے قواعد ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "اسٹائلز لوڈ ہو رہے ہیں…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "کوئی اسٹائلز نہیں ملے",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "پراپرٹی",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "ویلیو"
 });
\ No newline at end of file
diff --git a/src/nls/zh-cn/lastTranslated.json b/src/nls/zh-cn/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/zh-cn/lastTranslated.json
+++ b/src/nls/zh-cn/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/zh-cn/strings.js b/src/nls/zh-cn/strings.js
index cf7d00e8c..0db826c14 100644
--- a/src/nls/zh-cn/strings.js
+++ b/src/nls/zh-cn/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "载入中…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "未找到图片",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "图片加载失败",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "关闭",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "从您的设备选择一张图片",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "从设备选择",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "请在编辑器中选择图片下载位置以继续",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "输入文件夹路径（例如：assets/images/）",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 输入文件夹路径，或留空则下载到 'images' 文件夹。",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "针对此项目不再询问",
+  "DEVICE_SIZE_LIMIT_TITLE": "响应式预览次数已达上限",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "免费帐户每天可进行有限次数的响应式预览。升级到 Phoenix Pro 即可在所有设备尺寸上享受无限制的响应式预览。",
   "IMAGE_SEARCH_LIMIT_TITLE": "图片搜索次数已达上限",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "您本月的 {0} 次图片搜索已用尽。<br>升级到 Phoenix Pro 付费版，即可解除试用限制并继续搜索。",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "因需求过高，图片搜索暂时无法使用。<br>升级到 Phoenix Pro 付费版，即可解除试用限制并继续搜索。",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "如何使用 {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} 支持",
   "CMD_GET_PRO": "获取 Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "取消 Phoenix Pro 试用",
+  "CANCEL_TRIAL_TITLE": "取消 {0} 试用？",
+  "CANCEL_TRIAL_MESSAGE": "您的 Phoenix Pro 试用还剩 {0} 天。取消后将无法撤销。您确定要停止试用吗？",
+  "CANCEL_TRIAL_STOP_BTN": "停止试用",
   "CMD_VIEW_LICENSE": "查看许可证",
   "CMD_MANAGE_LICENSES": "管理许可证",
   "CMD_USER_PROFILE": "{APP_NAME} 帐户",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新开始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 张卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已删除",
-  "DEVICE_SIZE_LIMIT_TITLE": "响应式预览次数已达上限",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "免费帐户每天可进行有限次数的响应式预览。升级到 Phoenix Pro 即可在所有设备尺寸上享受无限制的响应式预览。",
-  "CMD_CANCEL_TRIAL": "取消 Phoenix Pro 试用",
-  "CANCEL_TRIAL_TITLE": "取消 {0} 试用？",
-  "CANCEL_TRIAL_MESSAGE": "您的 Phoenix Pro 试用还剩 {0} 天。取消后将无法撤销。您确定要停止试用吗？",
-  "CANCEL_TRIAL_STOP_BTN": "停止试用"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "样式编辑器",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "编辑样式",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ 添加",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "未找到 CSS 规则",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "匹配规则 ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "正在加载样式…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "未找到样式",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "属性",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "值"
 });
\ No newline at end of file
diff --git a/src/nls/zh-tw/lastTranslated.json b/src/nls/zh-tw/lastTranslated.json
index 32185ea01..761122d87 100644
--- a/src/nls/zh-tw/lastTranslated.json
+++ b/src/nls/zh-tw/lastTranslated.json
@@ -1181,7 +1181,6 @@
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_CHECKING_CONNECTION": "Checking connection",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "Select image download location in the editor to continue",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_LOADING_INITIAL": "Loading images…",
@@ -1247,6 +1246,15 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_TOGGLE_LIVE_HIGHLIGHT": "Toggle Live Preview Highlights",
diff --git a/src/nls/zh-tw/strings.js b/src/nls/zh-tw/strings.js
index 52fffa2ac..75c736424 100644
--- a/src/nls/zh-tw/strings.js
+++ b/src/nls/zh-tw/strings.js
@@ -179,7 +179,6 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_LOADING_MORE": "載入中…",
   "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "找不到任何圖片",
   "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "載入圖片失敗",
-  "LIVE_DEV_IMAGE_GALLERY_CLOSE": "關閉",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER_TOOLTIP": "從您的裝置選取圖片",
   "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "從裝置選取",
   "LIVE_DEV_IMAGE_GALLERY_DIALOG_OVERLAY_MESSAGE": "請在編輯器中選取圖片下載位置以繼續",
@@ -207,6 +206,8 @@ define({
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "輸入資料夾路徑 (例如：assets/images/)",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_HELP": "💡 輸入資料夾路徑，或留空以將檔案下載至 'images' 資料夾。",
   "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "針對此專案不再詢問",
+  "DEVICE_SIZE_LIMIT_TITLE": "響應式預覽次數已達上限",
+  "DEVICE_SIZE_LIMIT_MESSAGE": "免費帳號每日的響應式預覽次數有限。升級至 Phoenix Pro，即可在所有裝置尺寸上無限次使用響應式預覽。",
   "IMAGE_SEARCH_LIMIT_TITLE": "圖片搜尋已達上限",
   "IMAGE_SEARCH_LIMIT_MESSAGE": "您已用完本月的 {0} 次圖片搜尋。<br>升級至付費 Phoenix Pro 方案，即可移除試用限制並繼續搜尋。",
   "IMAGE_SEARCH_LIMIT_MESSAGE_THROTTLE": "因需求量過高，圖片搜尋功能暫時無法使用。<br>升級至付費 Phoenix Pro 方案，即可移除試用限制並繼續搜尋。",
@@ -582,6 +583,10 @@ define({
   "CMD_HOW_TO_USE_BRACKETS": "如何使用 {APP_NAME}",
   "CMD_SUPPORT": "{APP_NAME} 支援",
   "CMD_GET_PRO": "取得 Phoenix Pro",
+  "CMD_CANCEL_TRIAL": "取消 Phoenix Pro 試用",
+  "CANCEL_TRIAL_TITLE": "要取消 {0} 試用嗎？",
+  "CANCEL_TRIAL_MESSAGE": "您的 Phoenix Pro 試用期還剩下 {0} 天。取消後將無法復原。您確定要中止試用嗎？",
+  "CANCEL_TRIAL_STOP_BTN": "中止試用",
   "CMD_VIEW_LICENSE": "檢視授權",
   "CMD_MANAGE_LICENSES": "管理授權",
   "CMD_USER_PROFILE": "{APP_NAME} 帳號",
@@ -1666,10 +1671,13 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新開始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 張卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已刪除",
-  "DEVICE_SIZE_LIMIT_TITLE": "響應式預覽次數已達上限",
-  "DEVICE_SIZE_LIMIT_MESSAGE": "免費帳號每日的響應式預覽次數有限。升級至 Phoenix Pro，即可在所有裝置尺寸上無限次使用響應式預覽。",
-  "CMD_CANCEL_TRIAL": "取消 Phoenix Pro 試用",
-  "CANCEL_TRIAL_TITLE": "要取消 {0} 試用嗎？",
-  "CANCEL_TRIAL_MESSAGE": "您的 Phoenix Pro 試用期還剩下 {0} 天。取消後將無法復原。您確定要中止試用嗎？",
-  "CANCEL_TRIAL_STOP_BTN": "中止試用"
+  "LIVE_DEV_STYLES_PANEL_HEADER": "樣式編輯器",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "編輯樣式",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ 新增",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "找不到 CSS 規則",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "相符規則 ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "正在載入樣式…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "找不到任何樣式",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "屬性",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "值"
 });
\ No newline at end of file

From 0ce5adf3646b0b9e514bdd0a8257bda2bfd87551 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 16 Feb 2026 10:51:57 +0530
Subject: [PATCH 28/35] feat: phoenix builder mcp for phoenix to build itself

---
 .gitignore                                    |    3 +
 .mcp.json                                     |   11 +
 package-lock.json                             |    5 +-
 package.json                                  |    1 +
 phoenix-builder-mcp/index.js                  |   39 +
 phoenix-builder-mcp/log-buffer.js             |   32 +
 phoenix-builder-mcp/mcp-tools.js              |  228 ++++
 phoenix-builder-mcp/package-lock.json         | 1164 +++++++++++++++++
 phoenix-builder-mcp/package.json              |   12 +
 phoenix-builder-mcp/process-manager.js        |  123 ++
 phoenix-builder-mcp/ws-control-server.js      |  291 +++++
 src/brackets.js                               |    1 +
 src/extensions/default/DebugCommands/main.js  |    1 +
 src/nls/root/strings.js                       |    1 +
 .../builder-connect-dialog.html               |   54 +
 src/phoenix-builder/main.js                   |   95 ++
 src/phoenix-builder/phoenix-builder-client.js |  370 ++++++
 17 files changed, 2429 insertions(+), 2 deletions(-)
 create mode 100644 .mcp.json
 create mode 100644 phoenix-builder-mcp/index.js
 create mode 100644 phoenix-builder-mcp/log-buffer.js
 create mode 100644 phoenix-builder-mcp/mcp-tools.js
 create mode 100644 phoenix-builder-mcp/package-lock.json
 create mode 100644 phoenix-builder-mcp/package.json
 create mode 100644 phoenix-builder-mcp/process-manager.js
 create mode 100644 phoenix-builder-mcp/ws-control-server.js
 create mode 100644 src/phoenix-builder/builder-connect-dialog.html
 create mode 100644 src/phoenix-builder/main.js
 create mode 100644 src/phoenix-builder/phoenix-builder-client.js

diff --git a/.gitignore b/.gitignore
index da9257abf..23215dc3c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,9 @@ Thumbs.db
 /test/pro-test-suite.js
 /src/extensionsIntegrated/phoenix-pro
 
+# ignore node_modules inside phoenix-builder-mcp
+/phoenix-builder-mcp/node_modules
+
 # ignore node_modules inside src
 /src/node_modules
 /src-node/node_modules
diff --git a/.mcp.json b/.mcp.json
new file mode 100644
index 000000000..a2dc6bede
--- /dev/null
+++ b/.mcp.json
@@ -0,0 +1,11 @@
+{
+    "mcpServers": {
+        "phoenix-builder": {
+            "command": "node",
+            "args": ["phoenix-builder-mcp/index.js"],
+            "env": {
+                "PHOENIX_DESKTOP_PATH": "../phoenix-desktop"
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ae112e8ec..2d1ac373e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,13 @@
 {
     "name": "phoenix",
-    "version": "5.1.1-0",
+    "version": "5.1.4-0",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "phoenix",
-            "version": "5.1.1-0",
+            "version": "5.1.4-0",
+            "hasInstallScript": true,
             "dependencies": {
                 "@bugsnag/js": "^7.18.0",
                 "@floating-ui/dom": "^0.5.4",
diff --git a/package.json b/package.json
index 4548962a7..e93657da4 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
         "lmdb": "^3.5.1"
     },
     "scripts": {
+        "postinstall": "npm install --prefix phoenix-builder-mcp",
         "lint": "eslint --quiet src test",
         "lint:fix": "eslint --quiet --fix src test",
         "prepare": "husky install",
diff --git a/phoenix-builder-mcp/index.js b/phoenix-builder-mcp/index.js
new file mode 100644
index 000000000..5b7230ec5
--- /dev/null
+++ b/phoenix-builder-mcp/index.js
@@ -0,0 +1,39 @@
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { createWSControlServer } from "./ws-control-server.js";
+import { createProcessManager } from "./process-manager.js";
+import { registerTools } from "./mcp-tools.js";
+import { fileURLToPath } from "url";
+import path from "path";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const wsPort = parseInt(process.env.PHOENIX_MCP_WS_PORT || "38571", 10);
+const phoenixDesktopPath = process.env.PHOENIX_DESKTOP_PATH
+    || path.resolve(__dirname, "../../phoenix-desktop");
+
+const wsControlServer = createWSControlServer(wsPort);
+const processManager = createProcessManager();
+
+const server = new McpServer({
+    name: "phoenix-builder",
+    version: "1.0.0"
+});
+
+registerTools(server, processManager, wsControlServer, phoenixDesktopPath);
+
+const transport = new StdioServerTransport();
+await server.connect(transport);
+
+process.on("SIGINT", async () => {
+    await processManager.stop();
+    wsControlServer.close();
+    process.exit(0);
+});
+
+process.on("SIGTERM", async () => {
+    await processManager.stop();
+    wsControlServer.close();
+    process.exit(0);
+});
diff --git a/phoenix-builder-mcp/log-buffer.js b/phoenix-builder-mcp/log-buffer.js
new file mode 100644
index 000000000..3c60d6b10
--- /dev/null
+++ b/phoenix-builder-mcp/log-buffer.js
@@ -0,0 +1,32 @@
+const MAX_ENTRIES = 10000;
+
+export class LogBuffer {
+    constructor() {
+        this._entries = [];
+        this._readIndex = 0;
+    }
+
+    push(entry) {
+        this._entries.push(entry);
+        if (this._entries.length > MAX_ENTRIES) {
+            const overflow = this._entries.length - MAX_ENTRIES;
+            this._entries.splice(0, overflow);
+            this._readIndex = Math.max(0, this._readIndex - overflow);
+        }
+    }
+
+    getAll() {
+        return this._entries.slice();
+    }
+
+    getSinceLastRead() {
+        const newEntries = this._entries.slice(this._readIndex);
+        this._readIndex = this._entries.length;
+        return newEntries;
+    }
+
+    clear() {
+        this._entries = [];
+        this._readIndex = 0;
+    }
+}
diff --git a/phoenix-builder-mcp/mcp-tools.js b/phoenix-builder-mcp/mcp-tools.js
new file mode 100644
index 000000000..1c13ba8b4
--- /dev/null
+++ b/phoenix-builder-mcp/mcp-tools.js
@@ -0,0 +1,228 @@
+import { z } from "zod";
+
+export function registerTools(server, processManager, wsControlServer, phoenixDesktopPath) {
+    server.tool(
+        "start_phoenix",
+        "Start the Phoenix Code desktop app (Electron). Launches npm run serve:electron in the phoenix-desktop directory.",
+        {},
+        async () => {
+            try {
+                if (processManager.isRunning()) {
+                    return {
+                        content: [{
+                            type: "text",
+                            text: JSON.stringify({
+                                success: false,
+                                error: "Phoenix is already running",
+                                pid: processManager.getPid()
+                            })
+                        }]
+                    };
+                }
+                const result = await processManager.start(phoenixDesktopPath);
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({
+                            success: true,
+                            pid: result.pid,
+                            wsPort: wsControlServer.getPort()
+                        })
+                    }]
+                };
+            } catch (err) {
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ success: false, error: err.message })
+                    }]
+                };
+            }
+        }
+    );
+
+    server.tool(
+        "stop_phoenix",
+        "Stop the running Phoenix Code desktop app.",
+        {},
+        async () => {
+            try {
+                const result = await processManager.stop();
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify(result)
+                    }]
+                };
+            } catch (err) {
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ success: false, error: err.message })
+                    }]
+                };
+            }
+        }
+    );
+
+    server.tool(
+        "get_terminal_logs",
+        "Get stdout/stderr output from the Electron process. By default returns new logs since last call; set clear=true to get all logs and clear the buffer.",
+        { clear: z.boolean().default(false).describe("If true, return all logs and clear the buffer. If false, return only new logs since last read.") },
+        async ({ clear }) => {
+            let logs;
+            if (clear) {
+                logs = processManager.getTerminalLogs(false);
+                processManager.clearTerminalLogs();
+            } else {
+                logs = processManager.getTerminalLogs(true);
+            }
+            const text = logs.map(e => `[${e.stream}] ${e.text}`).join("");
+            return {
+                content: [{
+                    type: "text",
+                    text: text || "(no terminal logs)"
+                }]
+            };
+        }
+    );
+
+    server.tool(
+        "get_browser_console_logs",
+        "Get console logs forwarded from the Phoenix browser runtime via WebSocket. By default returns new logs since last call; set clear=true to get all logs and clear the buffer.",
+        {
+            clear: z.boolean().default(false).describe("If true, return all logs and clear the buffer. If false, return only new logs since last read."),
+            instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected.")
+        },
+        async ({ clear, instance }) => {
+            let logs;
+            if (clear) {
+                logs = wsControlServer.getBrowserLogs(false, instance);
+                if (logs && logs.error) {
+                    return {
+                        content: [{ type: "text", text: JSON.stringify(logs) }]
+                    };
+                }
+                const clearResult = wsControlServer.clearBrowserLogs(instance);
+                if (clearResult && clearResult.error) {
+                    return {
+                        content: [{ type: "text", text: JSON.stringify(clearResult) }]
+                    };
+                }
+            } else {
+                logs = wsControlServer.getBrowserLogs(true, instance);
+                if (logs && logs.error) {
+                    return {
+                        content: [{ type: "text", text: JSON.stringify(logs) }]
+                    };
+                }
+            }
+            return {
+                content: [{
+                    type: "text",
+                    text: JSON.stringify(logs.length > 0 ? logs : "(no browser logs)")
+                }]
+            };
+        }
+    );
+
+    server.tool(
+        "take_screenshot",
+        "Take a screenshot of the Phoenix Code app window. Returns a PNG image.",
+        {
+            selector: z.string().optional().describe("Optional CSS selector to capture a specific element"),
+            instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected.")
+        },
+        async ({ selector, instance }) => {
+            try {
+                const base64Data = await wsControlServer.requestScreenshot(selector, instance);
+                return {
+                    content: [{
+                        type: "image",
+                        data: base64Data,
+                        mimeType: "image/png"
+                    }]
+                };
+            } catch (err) {
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ error: err.message })
+                    }]
+                };
+            }
+        }
+    );
+
+    server.tool(
+        "reload_phoenix",
+        "Reload the Phoenix Code app. Closes all open files (prompting to save unsaved changes) then reloads the app.",
+        {
+            instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected.")
+        },
+        async ({ instance }) => {
+            try {
+                const result = await wsControlServer.requestReload(false, instance);
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ success: true, message: "Phoenix is reloading" })
+                    }]
+                };
+            } catch (err) {
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ error: err.message })
+                    }]
+                };
+            }
+        }
+    );
+
+    server.tool(
+        "force_reload_phoenix",
+        "Force reload the Phoenix Code app without saving. Closes all open files without saving unsaved changes, then reloads the app.",
+        {
+            instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected.")
+        },
+        async ({ instance }) => {
+            try {
+                const result = await wsControlServer.requestReload(true, instance);
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ success: true, message: "Phoenix is force reloading (unsaved changes discarded)" })
+                    }]
+                };
+            } catch (err) {
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ error: err.message })
+                    }]
+                };
+            }
+        }
+    );
+
+    server.tool(
+        "get_phoenix_status",
+        "Check the status of the Phoenix process and WebSocket connection.",
+        {},
+        async () => {
+            return {
+                content: [{
+                    type: "text",
+                    text: JSON.stringify({
+                        processRunning: processManager.isRunning(),
+                        pid: processManager.getPid(),
+                        wsConnected: wsControlServer.isClientConnected(),
+                        connectedInstances: wsControlServer.getConnectedInstances(),
+                        wsPort: wsControlServer.getPort()
+                    })
+                }]
+            };
+        }
+    );
+}
diff --git a/phoenix-builder-mcp/package-lock.json b/phoenix-builder-mcp/package-lock.json
new file mode 100644
index 000000000..64359b607
--- /dev/null
+++ b/phoenix-builder-mcp/package-lock.json
@@ -0,0 +1,1164 @@
+{
+    "name": "phoenix-builder-mcp",
+    "version": "1.0.0",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "phoenix-builder-mcp",
+            "version": "1.0.0",
+            "dependencies": {
+                "@modelcontextprotocol/sdk": "latest",
+                "ws": "^8.0.0",
+                "zod": "^3.25.0"
+            }
+        },
+        "node_modules/@hono/node-server": {
+            "version": "1.19.9",
+            "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.9.tgz",
+            "integrity": "sha512-vHL6w3ecZsky+8P5MD+eFfaGTyCeOHUIFYMGpQGbrBTSmNNoxv0if69rEZ5giu36weC5saFuznL411gRX7bJDw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18.14.1"
+            },
+            "peerDependencies": {
+                "hono": "^4"
+            }
+        },
+        "node_modules/@modelcontextprotocol/sdk": {
+            "version": "1.26.0",
+            "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.26.0.tgz",
+            "integrity": "sha512-Y5RmPncpiDtTXDbLKswIJzTqu2hyBKxTNsgKqKclDbhIgg1wgtf1fRuvxgTnRfcnxtvvgbIEcqUOzZrJ6iSReg==",
+            "license": "MIT",
+            "dependencies": {
+                "@hono/node-server": "^1.19.9",
+                "ajv": "^8.17.1",
+                "ajv-formats": "^3.0.1",
+                "content-type": "^1.0.5",
+                "cors": "^2.8.5",
+                "cross-spawn": "^7.0.5",
+                "eventsource": "^3.0.2",
+                "eventsource-parser": "^3.0.0",
+                "express": "^5.2.1",
+                "express-rate-limit": "^8.2.1",
+                "hono": "^4.11.4",
+                "jose": "^6.1.3",
+                "json-schema-typed": "^8.0.2",
+                "pkce-challenge": "^5.0.0",
+                "raw-body": "^3.0.0",
+                "zod": "^3.25 || ^4.0",
+                "zod-to-json-schema": "^3.25.1"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "@cfworker/json-schema": "^4.1.1",
+                "zod": "^3.25 || ^4.0"
+            },
+            "peerDependenciesMeta": {
+                "@cfworker/json-schema": {
+                    "optional": true
+                },
+                "zod": {
+                    "optional": false
+                }
+            }
+        },
+        "node_modules/accepts": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+            "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
+            "license": "MIT",
+            "dependencies": {
+                "mime-types": "^3.0.0",
+                "negotiator": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/ajv": {
+            "version": "8.18.0",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
+            "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
+            "license": "MIT",
+            "dependencies": {
+                "fast-deep-equal": "^3.1.3",
+                "fast-uri": "^3.0.1",
+                "json-schema-traverse": "^1.0.0",
+                "require-from-string": "^2.0.2"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/epoberezkin"
+            }
+        },
+        "node_modules/ajv-formats": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+            "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+            "license": "MIT",
+            "dependencies": {
+                "ajv": "^8.0.0"
+            },
+            "peerDependencies": {
+                "ajv": "^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "ajv": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/body-parser": {
+            "version": "2.2.2",
+            "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz",
+            "integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==",
+            "license": "MIT",
+            "dependencies": {
+                "bytes": "^3.1.2",
+                "content-type": "^1.0.5",
+                "debug": "^4.4.3",
+                "http-errors": "^2.0.0",
+                "iconv-lite": "^0.7.0",
+                "on-finished": "^2.4.1",
+                "qs": "^6.14.1",
+                "raw-body": "^3.0.1",
+                "type-is": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/bytes": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+            "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/call-bind-apply-helpers": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/call-bound": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+            "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.2",
+                "get-intrinsic": "^1.3.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/content-disposition": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
+            "integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/content-type": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+            "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/cookie": {
+            "version": "0.7.2",
+            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+            "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/cookie-signature": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+            "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.6.0"
+            }
+        },
+        "node_modules/cors": {
+            "version": "2.8.6",
+            "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.6.tgz",
+            "integrity": "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw==",
+            "license": "MIT",
+            "dependencies": {
+                "object-assign": "^4",
+                "vary": "^1"
+            },
+            "engines": {
+                "node": ">= 0.10"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/cross-spawn": {
+            "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+            "license": "MIT",
+            "dependencies": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/debug": {
+            "version": "4.4.3",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+            "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+            "license": "MIT",
+            "dependencies": {
+                "ms": "^2.1.3"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "peerDependenciesMeta": {
+                "supports-color": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/depd": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+            "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/dunder-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "gopd": "^1.2.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/ee-first": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+            "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+            "license": "MIT"
+        },
+        "node_modules/encodeurl": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+            "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/es-define-property": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-errors": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-object-atoms": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/escape-html": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+            "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+            "license": "MIT"
+        },
+        "node_modules/etag": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+            "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/eventsource": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-3.0.7.tgz",
+            "integrity": "sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==",
+            "license": "MIT",
+            "dependencies": {
+                "eventsource-parser": "^3.0.1"
+            },
+            "engines": {
+                "node": ">=18.0.0"
+            }
+        },
+        "node_modules/eventsource-parser": {
+            "version": "3.0.6",
+            "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.6.tgz",
+            "integrity": "sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18.0.0"
+            }
+        },
+        "node_modules/express": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
+            "integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "accepts": "^2.0.0",
+                "body-parser": "^2.2.1",
+                "content-disposition": "^1.0.0",
+                "content-type": "^1.0.5",
+                "cookie": "^0.7.1",
+                "cookie-signature": "^1.2.1",
+                "debug": "^4.4.0",
+                "depd": "^2.0.0",
+                "encodeurl": "^2.0.0",
+                "escape-html": "^1.0.3",
+                "etag": "^1.8.1",
+                "finalhandler": "^2.1.0",
+                "fresh": "^2.0.0",
+                "http-errors": "^2.0.0",
+                "merge-descriptors": "^2.0.0",
+                "mime-types": "^3.0.0",
+                "on-finished": "^2.4.1",
+                "once": "^1.4.0",
+                "parseurl": "^1.3.3",
+                "proxy-addr": "^2.0.7",
+                "qs": "^6.14.0",
+                "range-parser": "^1.2.1",
+                "router": "^2.2.0",
+                "send": "^1.1.0",
+                "serve-static": "^2.2.0",
+                "statuses": "^2.0.1",
+                "type-is": "^2.0.1",
+                "vary": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/express-rate-limit": {
+            "version": "8.2.1",
+            "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.2.1.tgz",
+            "integrity": "sha512-PCZEIEIxqwhzw4KF0n7QF4QqruVTcF73O5kFKUnGOyjbCCgizBBiFaYpd/fnBLUMPw/BWw9OsiN7GgrNYr7j6g==",
+            "license": "MIT",
+            "dependencies": {
+                "ip-address": "10.0.1"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/express-rate-limit"
+            },
+            "peerDependencies": {
+                "express": ">= 4.11"
+            }
+        },
+        "node_modules/fast-deep-equal": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+            "license": "MIT"
+        },
+        "node_modules/fast-uri": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+            "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/fastify"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/fastify"
+                }
+            ],
+            "license": "BSD-3-Clause"
+        },
+        "node_modules/finalhandler": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
+            "integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
+            "license": "MIT",
+            "dependencies": {
+                "debug": "^4.4.0",
+                "encodeurl": "^2.0.0",
+                "escape-html": "^1.0.3",
+                "on-finished": "^2.4.1",
+                "parseurl": "^1.3.3",
+                "statuses": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 18.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/forwarded": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+            "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/fresh": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+            "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.2",
+                "es-define-property": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.1.1",
+                "function-bind": "^1.1.2",
+                "get-proto": "^1.0.1",
+                "gopd": "^1.2.0",
+                "has-symbols": "^1.1.0",
+                "hasown": "^2.0.2",
+                "math-intrinsics": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/get-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+            "license": "MIT",
+            "dependencies": {
+                "dunder-proto": "^1.0.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/gopd": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/hasown": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+            "license": "MIT",
+            "dependencies": {
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/hono": {
+            "version": "4.11.9",
+            "resolved": "https://registry.npmjs.org/hono/-/hono-4.11.9.tgz",
+            "integrity": "sha512-Eaw2YTGM6WOxA6CXbckaEvslr2Ne4NFsKrvc0v97JD5awbmeBLO5w9Ho9L9kmKonrwF9RJlW6BxT1PVv/agBHQ==",
+            "license": "MIT",
+            "peer": true,
+            "engines": {
+                "node": ">=16.9.0"
+            }
+        },
+        "node_modules/http-errors": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+            "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+            "license": "MIT",
+            "dependencies": {
+                "depd": "~2.0.0",
+                "inherits": "~2.0.4",
+                "setprototypeof": "~1.2.0",
+                "statuses": "~2.0.2",
+                "toidentifier": "~1.0.1"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/iconv-lite": {
+            "version": "0.7.2",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
+            "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
+            "license": "MIT",
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "license": "ISC"
+        },
+        "node_modules/ip-address": {
+            "version": "10.0.1",
+            "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.0.1.tgz",
+            "integrity": "sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 12"
+            }
+        },
+        "node_modules/ipaddr.js": {
+            "version": "1.9.1",
+            "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+            "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.10"
+            }
+        },
+        "node_modules/is-promise": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+            "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+            "license": "MIT"
+        },
+        "node_modules/isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "license": "ISC"
+        },
+        "node_modules/jose": {
+            "version": "6.1.3",
+            "resolved": "https://registry.npmjs.org/jose/-/jose-6.1.3.tgz",
+            "integrity": "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/panva"
+            }
+        },
+        "node_modules/json-schema-traverse": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+            "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+            "license": "MIT"
+        },
+        "node_modules/json-schema-typed": {
+            "version": "8.0.2",
+            "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-8.0.2.tgz",
+            "integrity": "sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==",
+            "license": "BSD-2-Clause"
+        },
+        "node_modules/math-intrinsics": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/media-typer": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+            "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/merge-descriptors": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+            "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/mime-db": {
+            "version": "1.54.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+            "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
+            "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
+            "license": "MIT",
+            "dependencies": {
+                "mime-db": "^1.54.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+            "license": "MIT"
+        },
+        "node_modules/negotiator": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+            "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/object-assign": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/object-inspect": {
+            "version": "1.13.4",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/on-finished": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+            "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+            "license": "MIT",
+            "dependencies": {
+                "ee-first": "1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+            "license": "ISC",
+            "dependencies": {
+                "wrappy": "1"
+            }
+        },
+        "node_modules/parseurl": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+            "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/path-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-to-regexp": {
+            "version": "8.3.0",
+            "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.3.0.tgz",
+            "integrity": "sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/pkce-challenge": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.1.tgz",
+            "integrity": "sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=16.20.0"
+            }
+        },
+        "node_modules/proxy-addr": {
+            "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+            "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+            "license": "MIT",
+            "dependencies": {
+                "forwarded": "0.2.0",
+                "ipaddr.js": "1.9.1"
+            },
+            "engines": {
+                "node": ">= 0.10"
+            }
+        },
+        "node_modules/qs": {
+            "version": "6.15.0",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.0.tgz",
+            "integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
+            "license": "BSD-3-Clause",
+            "dependencies": {
+                "side-channel": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=0.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/range-parser": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+            "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/raw-body": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
+            "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
+            "license": "MIT",
+            "dependencies": {
+                "bytes": "~3.1.2",
+                "http-errors": "~2.0.1",
+                "iconv-lite": "~0.7.0",
+                "unpipe": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.10"
+            }
+        },
+        "node_modules/require-from-string": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+            "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/router": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+            "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
+            "license": "MIT",
+            "dependencies": {
+                "debug": "^4.4.0",
+                "depd": "^2.0.0",
+                "is-promise": "^4.0.0",
+                "parseurl": "^1.3.3",
+                "path-to-regexp": "^8.0.0"
+            },
+            "engines": {
+                "node": ">= 18"
+            }
+        },
+        "node_modules/safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+            "license": "MIT"
+        },
+        "node_modules/send": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
+            "integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
+            "license": "MIT",
+            "dependencies": {
+                "debug": "^4.4.3",
+                "encodeurl": "^2.0.0",
+                "escape-html": "^1.0.3",
+                "etag": "^1.8.1",
+                "fresh": "^2.0.0",
+                "http-errors": "^2.0.1",
+                "mime-types": "^3.0.2",
+                "ms": "^2.1.3",
+                "on-finished": "^2.4.1",
+                "range-parser": "^1.2.1",
+                "statuses": "^2.0.2"
+            },
+            "engines": {
+                "node": ">= 18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/serve-static": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.1.tgz",
+            "integrity": "sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==",
+            "license": "MIT",
+            "dependencies": {
+                "encodeurl": "^2.0.0",
+                "escape-html": "^1.0.3",
+                "parseurl": "^1.3.3",
+                "send": "^1.2.0"
+            },
+            "engines": {
+                "node": ">= 18"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/express"
+            }
+        },
+        "node_modules/setprototypeof": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+            "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+            "license": "ISC"
+        },
+        "node_modules/shebang-command": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+            "license": "MIT",
+            "dependencies": {
+                "shebang-regex": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/shebang-regex": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/side-channel": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+            "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "object-inspect": "^1.13.3",
+                "side-channel-list": "^1.0.0",
+                "side-channel-map": "^1.0.1",
+                "side-channel-weakmap": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-list": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+            "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "object-inspect": "^1.13.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-map": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+            "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.5",
+                "object-inspect": "^1.13.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-weakmap": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+            "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.5",
+                "object-inspect": "^1.13.3",
+                "side-channel-map": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/statuses": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+            "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/toidentifier": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+            "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.6"
+            }
+        },
+        "node_modules/type-is": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
+            "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
+            "license": "MIT",
+            "dependencies": {
+                "content-type": "^1.0.5",
+                "media-typer": "^1.1.0",
+                "mime-types": "^3.0.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/unpipe": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+            "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/vary": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+            "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "license": "ISC",
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "node-which": "bin/node-which"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+            "license": "ISC"
+        },
+        "node_modules/ws": {
+            "version": "8.19.0",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+            "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=10.0.0"
+            },
+            "peerDependencies": {
+                "bufferutil": "^4.0.1",
+                "utf-8-validate": ">=5.0.2"
+            },
+            "peerDependenciesMeta": {
+                "bufferutil": {
+                    "optional": true
+                },
+                "utf-8-validate": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/zod": {
+            "version": "3.25.76",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+            "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+            "license": "MIT",
+            "peer": true,
+            "funding": {
+                "url": "https://github.com/sponsors/colinhacks"
+            }
+        },
+        "node_modules/zod-to-json-schema": {
+            "version": "3.25.1",
+            "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.1.tgz",
+            "integrity": "sha512-pM/SU9d3YAggzi6MtR4h7ruuQlqKtad8e9S0fmxcMi+ueAK5Korys/aWcV9LIIHTVbj01NdzxcnXSN+O74ZIVA==",
+            "license": "ISC",
+            "peerDependencies": {
+                "zod": "^3.25 || ^4"
+            }
+        }
+    }
+}
diff --git a/phoenix-builder-mcp/package.json b/phoenix-builder-mcp/package.json
new file mode 100644
index 000000000..48c700d3e
--- /dev/null
+++ b/phoenix-builder-mcp/package.json
@@ -0,0 +1,12 @@
+{
+    "name": "phoenix-builder-mcp",
+    "version": "1.0.0",
+    "private": true,
+    "type": "module",
+    "main": "index.js",
+    "dependencies": {
+        "@modelcontextprotocol/sdk": "latest",
+        "ws": "^8.0.0",
+        "zod": "^3.25.0"
+    }
+}
diff --git a/phoenix-builder-mcp/process-manager.js b/phoenix-builder-mcp/process-manager.js
new file mode 100644
index 000000000..d49a4a91d
--- /dev/null
+++ b/phoenix-builder-mcp/process-manager.js
@@ -0,0 +1,123 @@
+import { spawn } from "child_process";
+import { LogBuffer } from "./log-buffer.js";
+
+export function createProcessManager() {
+    let childProcess = null;
+    const terminalLogs = new LogBuffer();
+
+    function start(phoenixDesktopPath) {
+        if (childProcess) {
+            throw new Error("Phoenix is already running. Stop it first.");
+        }
+
+        return new Promise((resolve, reject) => {
+            const child = spawn("npm", ["run", "serve:electron"], {
+                cwd: phoenixDesktopPath,
+                shell: true,
+                stdio: ["ignore", "pipe", "pipe"],
+                env: { ...process.env }
+            });
+
+            childProcess = child;
+
+            child.stdout.on("data", (data) => {
+                const text = data.toString();
+                terminalLogs.push({
+                    stream: "stdout",
+                    text,
+                    timestamp: new Date().toISOString()
+                });
+            });
+
+            child.stderr.on("data", (data) => {
+                const text = data.toString();
+                terminalLogs.push({
+                    stream: "stderr",
+                    text,
+                    timestamp: new Date().toISOString()
+                });
+            });
+
+            child.on("error", (err) => {
+                terminalLogs.push({
+                    stream: "stderr",
+                    text: `Process error: ${err.message}`,
+                    timestamp: new Date().toISOString()
+                });
+                childProcess = null;
+                reject(err);
+            });
+
+            child.on("exit", (code, signal) => {
+                terminalLogs.push({
+                    stream: "stderr",
+                    text: `Process exited with code=${code} signal=${signal}`,
+                    timestamp: new Date().toISOString()
+                });
+                childProcess = null;
+            });
+
+            // Give the process a moment to start or fail
+            setTimeout(() => {
+                if (childProcess) {
+                    resolve({ pid: child.pid });
+                }
+            }, 500);
+        });
+    }
+
+    function stop() {
+        return new Promise((resolve) => {
+            if (!childProcess) {
+                resolve({ success: true, message: "No process running" });
+                return;
+            }
+
+            const child = childProcess;
+            let killed = false;
+
+            const forceKillTimeout = setTimeout(() => {
+                if (childProcess === child) {
+                    child.kill("SIGKILL");
+                    killed = true;
+                }
+            }, 5000);
+
+            child.on("exit", () => {
+                clearTimeout(forceKillTimeout);
+                childProcess = null;
+                resolve({ success: true, forced: killed });
+            });
+
+            child.kill("SIGTERM");
+        });
+    }
+
+    function isRunning() {
+        return childProcess !== null;
+    }
+
+    function getPid() {
+        return childProcess ? childProcess.pid : null;
+    }
+
+    function getTerminalLogs(sinceLast) {
+        if (sinceLast) {
+            return terminalLogs.getSinceLastRead();
+        }
+        return terminalLogs.getAll();
+    }
+
+    function clearTerminalLogs() {
+        terminalLogs.clear();
+    }
+
+    return {
+        start,
+        stop,
+        isRunning,
+        getPid,
+        getTerminalLogs,
+        clearTerminalLogs
+    };
+}
diff --git a/phoenix-builder-mcp/ws-control-server.js b/phoenix-builder-mcp/ws-control-server.js
new file mode 100644
index 000000000..8e22e1905
--- /dev/null
+++ b/phoenix-builder-mcp/ws-control-server.js
@@ -0,0 +1,291 @@
+import { WebSocketServer } from "ws";
+import { LogBuffer } from "./log-buffer.js";
+
+export function createWSControlServer(port) {
+    const wss = new WebSocketServer({ port });
+    const clients = new Map(); // name -> { ws, logs, isAlive }
+    let unknownCounter = 0;
+    let requestIdCounter = 0;
+    const pendingRequests = new Map();
+    let heartbeatInterval = null;
+
+    wss.on("connection", (ws) => {
+        // Name is assigned when the client sends a "hello" message.
+        // Track the ws temporarily so we can map it back on close/error.
+        let clientName = null;
+
+        ws.on("message", (data) => {
+            let msg;
+            try {
+                msg = JSON.parse(data.toString());
+            } catch {
+                return;
+            }
+
+            switch (msg.type) {
+                case "hello": {
+                    clientName = msg.name || ("Unknown-" + (++unknownCounter));
+
+                    // If same name reconnects (e.g. tab reload), close old connection
+                    const existing = clients.get(clientName);
+                    if (existing) {
+                        try {
+                            existing.ws.close(1000, "Replaced by new connection");
+                        } catch {
+                            // ignore
+                        }
+                    }
+
+                    clients.set(clientName, {
+                        ws: ws,
+                        logs: new LogBuffer(),
+                        isAlive: true
+                    });
+                    break;
+                }
+
+                case "console_log": {
+                    const client = clientName && clients.get(clientName);
+                    if (client && Array.isArray(msg.entries)) {
+                        for (const entry of msg.entries) {
+                            client.logs.push(entry);
+                        }
+                    }
+                    break;
+                }
+
+                case "screenshot_response": {
+                    const pending = pendingRequests.get(msg.id);
+                    if (pending) {
+                        pendingRequests.delete(msg.id);
+                        pending.resolve(msg.data);
+                    }
+                    break;
+                }
+
+                case "reload_response": {
+                    const pending3 = pendingRequests.get(msg.id);
+                    if (pending3) {
+                        pendingRequests.delete(msg.id);
+                        if (msg.success) {
+                            pending3.resolve({ success: true });
+                        } else {
+                            pending3.reject(new Error(msg.message || "Reload failed"));
+                        }
+                    }
+                    break;
+                }
+
+                case "error": {
+                    const pending2 = pendingRequests.get(msg.id);
+                    if (pending2) {
+                        pendingRequests.delete(msg.id);
+                        pending2.reject(new Error(msg.message || "Unknown error from Phoenix"));
+                    }
+                    break;
+                }
+
+                case "pong": {
+                    const client = clientName && clients.get(clientName);
+                    if (client) {
+                        client.isAlive = true;
+                    }
+                    break;
+                }
+            }
+        });
+
+        ws.on("close", () => {
+            if (clientName && clients.get(clientName)?.ws === ws) {
+                clients.delete(clientName);
+            }
+        });
+
+        ws.on("error", () => {
+            if (clientName && clients.get(clientName)?.ws === ws) {
+                clients.delete(clientName);
+            }
+        });
+    });
+
+    // Heartbeat
+    heartbeatInterval = setInterval(() => {
+        for (const [name, client] of clients) {
+            if (!client.isAlive) {
+                client.ws.terminate();
+                clients.delete(name);
+                continue;
+            }
+            client.isAlive = false;
+            try {
+                client.ws.send(JSON.stringify({ type: "ping" }));
+            } catch {
+                // ignore send errors
+            }
+        }
+    }, 15000);
+
+    function _resolveClient(instanceName) {
+        if (clients.size === 0) {
+            return { error: "No Phoenix client connected" };
+        }
+
+        if (!instanceName) {
+            if (clients.size === 1) {
+                const [name, client] = [...clients.entries()][0];
+                return { name, client };
+            }
+            const names = [...clients.keys()];
+            return {
+                error: "Multiple Phoenix instances connected. Specify an instance name: " +
+                    names.join(", ")
+            };
+        }
+
+        const client = clients.get(instanceName);
+        if (!client) {
+            const names = [...clients.keys()];
+            return {
+                error: "Instance \"" + instanceName + "\" not found. Available: " +
+                    names.join(", ")
+            };
+        }
+
+        return { name: instanceName, client };
+    }
+
+    function requestScreenshot(selector, instanceName) {
+        return new Promise((resolve, reject) => {
+            const resolved = _resolveClient(instanceName);
+            if (resolved.error) {
+                reject(new Error(resolved.error));
+                return;
+            }
+
+            const { client } = resolved;
+            if (client.ws.readyState !== 1) {
+                reject(new Error("Phoenix client \"" + resolved.name + "\" is not connected"));
+                return;
+            }
+
+            const id = ++requestIdCounter;
+            const timeout = setTimeout(() => {
+                pendingRequests.delete(id);
+                reject(new Error("Screenshot request timed out (30s)"));
+            }, 30000);
+
+            pendingRequests.set(id, {
+                resolve: (data) => {
+                    clearTimeout(timeout);
+                    resolve(data);
+                },
+                reject: (err) => {
+                    clearTimeout(timeout);
+                    reject(err);
+                }
+            });
+
+            const msg = { type: "screenshot_request", id };
+            if (selector) {
+                msg.selector = selector;
+            }
+            client.ws.send(JSON.stringify(msg));
+        });
+    }
+
+    function requestReload(forceClose, instanceName) {
+        return new Promise((resolve, reject) => {
+            const resolved = _resolveClient(instanceName);
+            if (resolved.error) {
+                reject(new Error(resolved.error));
+                return;
+            }
+
+            const { client } = resolved;
+            if (client.ws.readyState !== 1) {
+                reject(new Error("Phoenix client \"" + resolved.name + "\" is not connected"));
+                return;
+            }
+
+            const id = ++requestIdCounter;
+            const timeout = setTimeout(() => {
+                pendingRequests.delete(id);
+                reject(new Error("Reload request timed out (30s)"));
+            }, 30000);
+
+            pendingRequests.set(id, {
+                resolve: (data) => {
+                    clearTimeout(timeout);
+                    resolve(data);
+                },
+                reject: (err) => {
+                    clearTimeout(timeout);
+                    reject(err);
+                }
+            });
+
+            client.ws.send(JSON.stringify({
+                type: "reload_request",
+                id,
+                forceClose: !!forceClose
+            }));
+        });
+    }
+
+    function getBrowserLogs(sinceLast, instanceName) {
+        const resolved = _resolveClient(instanceName);
+        if (resolved.error) {
+            return { error: resolved.error };
+        }
+
+        const { client } = resolved;
+        if (sinceLast) {
+            return client.logs.getSinceLastRead();
+        }
+        return client.logs.getAll();
+    }
+
+    function clearBrowserLogs(instanceName) {
+        const resolved = _resolveClient(instanceName);
+        if (resolved.error) {
+            return { error: resolved.error };
+        }
+        resolved.client.logs.clear();
+    }
+
+    function isClientConnected() {
+        return clients.size > 0;
+    }
+
+    function getConnectedInstances() {
+        return [...clients.keys()];
+    }
+
+    function close() {
+        clearInterval(heartbeatInterval);
+        for (const [id, pending] of pendingRequests) {
+            pending.reject(new Error("Server shutting down"));
+        }
+        pendingRequests.clear();
+        for (const [name, client] of clients) {
+            try {
+                client.ws.close(1000, "Server shutting down");
+            } catch {
+                // ignore
+            }
+        }
+        clients.clear();
+        wss.close();
+    }
+
+    return {
+        requestScreenshot,
+        requestReload,
+        getBrowserLogs,
+        clearBrowserLogs,
+        isClientConnected,
+        getConnectedInstances,
+        close,
+        getPort: () => port
+    };
+}
diff --git a/src/brackets.js b/src/brackets.js
index 79428dbc7..128070ca9 100644
--- a/src/brackets.js
+++ b/src/brackets.js
@@ -141,6 +141,7 @@ define(function (require, exports, module) {
     require("widgets/InlineMenu");
     require("thirdparty/tinycolor");
     require("utils/LocalizationUtils");
+    require("phoenix-builder/main");
 
     // DEPRECATED: In future we want to remove the global CodeMirror, but for now we
     // expose our required CodeMirror globally so as to avoid breaking extensions in the
diff --git a/src/extensions/default/DebugCommands/main.js b/src/extensions/default/DebugCommands/main.js
index e2a5b9782..5dce4cb5d 100644
--- a/src/extensions/default/DebugCommands/main.js
+++ b/src/extensions/default/DebugCommands/main.js
@@ -828,6 +828,7 @@ define(function (require, exports, module) {
     diagnosticsSubmenu.addMenuItem(DEBUG_RUN_UNIT_TESTS);
     CommandManager.register(Strings.CMD_BUILD_TESTS, DEBUG_BUILD_TESTS, TestBuilder.toggleTestBuilder);
     diagnosticsSubmenu.addMenuItem(DEBUG_BUILD_TESTS);
+    diagnosticsSubmenu.addMenuItem("debug.phoenixBuilderConnect");
     diagnosticsSubmenu.addMenuDivider();
     diagnosticsSubmenu.addMenuItem(DEBUG_ENABLE_LOGGING);
     diagnosticsSubmenu.addMenuItem(DEBUG_ENABLE_PHNODE_INSPECTOR, undefined, undefined, undefined, {
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 7e0fc632f..cde5aeabf 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -947,6 +947,7 @@ define({
     "CMD_SWITCH_LANGUAGE": "Switch Language\u2026",
     "CMD_RUN_UNIT_TESTS": "Run {APP_NAME} Tests",
     "CMD_BUILD_TESTS": "Build Editor Tests",
+    "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP\u2026",
     "CMD_SHOW_PERF_DATA": "Show Performance Data",
     "CMD_ENABLE_LOGGING": "Enable Detailed Logs",
     "CMD_ENABLE_PHNODE_INSPECTOR": "Enable PhNode Inspector",
diff --git a/src/phoenix-builder/builder-connect-dialog.html b/src/phoenix-builder/builder-connect-dialog.html
new file mode 100644
index 000000000..442623626
--- /dev/null
+++ b/src/phoenix-builder/builder-connect-dialog.html
@@ -0,0 +1,54 @@
+<div class="phoenix-builder-connect modal">
+    <div class="modal-header">
+        <h1 class="dialog-title">Phoenix Builder MCP</h1>
+    </div>
+    <div class="modal-body">
+        <p class="dialog-message">Connect to the Phoenix Builder MCP server for automated testing with Claude Code.</p>
+        <div style="margin-bottom: 10px; padding: 6px 10px; background: var(--list-highlight-bg); border-radius: 4px;">
+            <span style="font-weight: bold;">Instance:</span>
+            <code style="margin-left: 4px;">{{instanceName}}</code>
+        </div>
+        <div style="margin-bottom: 10px;">
+            <label>
+                <input type="checkbox" class="builder-enable" {{#enabled}}checked{{/enabled}}>
+                Enable Connection
+            </label>
+        </div>
+        <div style="margin-bottom: 10px;">
+            <label>WebSocket URL</label>
+            <input type="text" class="builder-url" value="{{url}}" style="width: 100%; margin-top: 4px;">
+        </div>
+        <div style="margin-bottom: 10px;">
+            <span class="builder-status" style="font-weight: bold;">
+                {{#connected}}
+                    <span style="color: green;">&#9679; Connected</span>
+                {{/connected}}
+                {{^connected}}
+                    <span style="color: red;">&#9679; Disconnected</span>
+                {{/connected}}
+            </span>
+        </div>
+        <details style="margin-top: 10px; padding: 8px; border: 1px solid var(--item-border-color); border-radius: 4px;">
+            <summary style="cursor: pointer; font-weight: bold;">Claude Code Configuration</summary>
+            <p style="margin-top: 8px;">Add the following to your Claude Code MCP settings (.claude/settings.json):</p>
+            <pre class="builder-config-code" style="padding: 8px; border: 1px solid var(--item-border-color); border-radius: 4px; overflow-x: auto; font-size: 12px; cursor: pointer;" title="Click to copy">{
+    "mcpServers": {
+        "phoenix-builder": {
+            "command": "node",
+            "args": ["&lt;path-to-phoenix&gt;/phoenix-builder-mcp/index.js"],
+            "env": {
+                "PHOENIX_DESKTOP_PATH": "&lt;path-to-phoenix-desktop&gt;"
+            }
+        }
+    }
+}</pre>
+            <p style="font-size: 12px; opacity: 0.7;">
+                Replace <code>&lt;path-to-phoenix&gt;</code> and <code>&lt;path-to-phoenix-desktop&gt;</code> with actual paths. Restart Claude Code after adding the config.
+            </p>
+        </details>
+    </div>
+    <div class="modal-footer">
+        <button class="dialog-button btn primary" data-button-id="ok">Done</button>
+        <button class="dialog-button btn left" data-button-id="cancel">Cancel</button>
+    </div>
+</div>
diff --git a/src/phoenix-builder/main.js b/src/phoenix-builder/main.js
new file mode 100644
index 000000000..5e1ade812
--- /dev/null
+++ b/src/phoenix-builder/main.js
@@ -0,0 +1,95 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+define(function (require, exports, module) {
+
+    const AppInit            = require("utils/AppInit"),
+        CommandManager       = require("command/CommandManager"),
+        Dialogs              = require("widgets/Dialogs"),
+        Strings              = require("strings"),
+        PreferencesManager   = require("preferences/PreferencesManager"),
+        Mustache             = require("thirdparty/mustache/mustache"),
+        PhoenixBuilderClient = require("./phoenix-builder-client"),
+        BuilderConnectTemplate = require("text!./builder-connect-dialog.html");
+
+    const COMMAND_ID = "debug.phoenixBuilderConnect";
+
+    const builderPrefs = PreferencesManager.getExtensionPrefs("phoenixBuilder");
+    builderPrefs.definePreference("enabled", "boolean", false, {
+        description: "Enable Phoenix Builder MCP connection"
+    });
+    builderPrefs.definePreference("wsUrl", "string", "ws://localhost:38571", {
+        description: "Phoenix Builder MCP WebSocket URL"
+    });
+
+    function _handlePhoenixBuilderConnect() {
+        var url = builderPrefs.get("wsUrl"),
+            enabled = builderPrefs.get("enabled");
+
+        var templateVars = {
+            url: url,
+            enabled: enabled,
+            connected: PhoenixBuilderClient.isConnected(),
+            instanceName: PhoenixBuilderClient.getInstanceName()
+        };
+
+        var template = Mustache.render(BuilderConnectTemplate, templateVars);
+        Dialogs.showModalDialogUsingTemplate(template).done(function (id) {
+            if (id === Dialogs.DIALOG_BTN_OK) {
+                builderPrefs.set("wsUrl", url);
+                builderPrefs.set("enabled", enabled);
+
+                if (enabled) {
+                    PhoenixBuilderClient.connect(url);
+                } else {
+                    PhoenixBuilderClient.disconnect();
+                }
+            }
+        });
+
+        var $dialog = $(".phoenix-builder-connect.instance");
+        $dialog.find(".builder-url").on("input", function () {
+            url = $(this).val();
+        });
+        $dialog.find(".builder-enable").on("change", function () {
+            enabled = $(this).is(":checked");
+        });
+        $dialog.find(".builder-config-code").on("click", function () {
+            Phoenix.app.copyToClipboard($(this).text());
+            var $pre = $(this);
+            var $copied = $('<span style="position:absolute;right:8px;top:8px;' +
+                'padding:2px 8px;border-radius:3px;font-size:12px;' +
+                'background:var(--accent-color);color:white;' +
+                'pointer-events:none;">Copied!</span>');
+            $pre.css("position", "relative").append($copied);
+            setTimeout(function () { $copied.remove(); }, 1000);
+        });
+    }
+
+    CommandManager.register(Strings.CMD_PHOENIX_BUILDER_CONNECT, COMMAND_ID, _handlePhoenixBuilderConnect);
+
+    AppInit.appReady(function () {
+        if (builderPrefs.get("enabled")) {
+            PhoenixBuilderClient.connect(builderPrefs.get("wsUrl"));
+        }
+    });
+
+    exports.COMMAND_ID = COMMAND_ID;
+});
diff --git a/src/phoenix-builder/phoenix-builder-client.js b/src/phoenix-builder/phoenix-builder-client.js
new file mode 100644
index 000000000..08f9fe716
--- /dev/null
+++ b/src/phoenix-builder/phoenix-builder-client.js
@@ -0,0 +1,370 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/*globals Phoenix*/
+
+define(function (require, exports, module) {
+
+    const CommandManager = require("command/CommandManager");
+    const Commands = require("command/Commands");
+
+    const LOG_TO_CONSOLE_KEY = "logToConsole";
+    const INSTANCE_NAME_KEY = "phoenixBuilderInstanceName";
+    const FLUSH_INTERVAL = 500;
+    const FLUSH_THRESHOLD = 50;
+    const MAX_MESSAGE_LENGTH = 2000;
+    const RECONNECT_BASE_MS = 500;
+    const RECONNECT_MAX_MS = 5000;
+
+    let ws = null;
+    let logBuffer = [];
+    let flushTimer = null;
+    let reconnectTimer = null;
+    let reconnectDelay = RECONNECT_BASE_MS;
+    let currentUrl = null;
+    let autoReconnect = true;
+    let originalConsoleLog, originalConsoleInfo, originalConsoleWarn, originalConsoleError;
+    let consoleHooked = false;
+    let errorListenerAdded = false;
+
+    function _getPlatformTag() {
+        if (window.__TAURI__) {
+            return "tauri";
+        }
+        if (window.__ELECTRON__) {
+            return "electron";
+        }
+        var desktop = Phoenix.browser && Phoenix.browser.desktop;
+        if (desktop) {
+            if (desktop.isFirefox) { return "firefox"; }
+            if (desktop.isEdgeChromium) { return "edge"; }
+            if (desktop.isOperaChromium || desktop.isOpera) { return "opera"; }
+            if (desktop.isChrome) { return "chrome"; }
+            if (desktop.isSafari) { return "safari"; }
+            if (desktop.isChromeBased) { return "chromium"; }
+        }
+        return "browser";
+    }
+
+    function _getOrCreateInstanceName() {
+        var name = sessionStorage.getItem(INSTANCE_NAME_KEY);
+        if (!name) {
+            var hex = Math.floor(Math.random() * 0x10000).toString(16).padStart(4, "0");
+            name = "phoenix-" + _getPlatformTag() + "-" + hex;
+            sessionStorage.setItem(INSTANCE_NAME_KEY, name);
+        }
+        return name;
+    }
+
+    function _serializeArg(arg) {
+        if (arg === null) { return "null"; }
+        if (arg === undefined) { return "undefined"; }
+        if (typeof arg === "string") {
+            return arg.length > MAX_MESSAGE_LENGTH ? arg.substring(0, MAX_MESSAGE_LENGTH) + "..." : arg;
+        }
+        if (typeof arg === "number" || typeof arg === "boolean") {
+            return String(arg);
+        }
+        if (arg instanceof Error) {
+            return arg.stack || arg.message || String(arg);
+        }
+        try {
+            const seen = new Set();
+            const json = JSON.stringify(arg, (key, value) => {
+                if (typeof value === "object" && value !== null) {
+                    if (seen.has(value)) { return "[Circular]"; }
+                    seen.add(value);
+                }
+                return value;
+            });
+            return json.length > MAX_MESSAGE_LENGTH ? json.substring(0, MAX_MESSAGE_LENGTH) + "..." : json;
+        } catch (e) {
+            return String(arg);
+        }
+    }
+
+    function _pushLogEntry(level, args) {
+        const message = Array.from(args).map(_serializeArg).join(" ");
+        logBuffer.push({
+            level: level,
+            message: message,
+            timestamp: new Date().toISOString()
+        });
+        if (logBuffer.length >= FLUSH_THRESHOLD) {
+            _flushLogs();
+        }
+    }
+
+    function _flushLogs() {
+        if (!ws || ws.readyState !== WebSocket.OPEN || logBuffer.length === 0) {
+            return;
+        }
+        const entries = logBuffer;
+        logBuffer = [];
+        try {
+            ws.send(JSON.stringify({
+                type: "console_log",
+                entries: entries
+            }));
+        } catch (e) {
+            // Put them back if send failed
+            logBuffer = entries.concat(logBuffer);
+        }
+    }
+
+    function _hookConsole() {
+        if (consoleHooked) { return; }
+
+        originalConsoleLog = console.log;
+        originalConsoleInfo = console.info;
+        originalConsoleWarn = console.warn;
+        originalConsoleError = console.error;
+
+        console.log = function () {
+            _pushLogEntry("log", arguments);
+            originalConsoleLog.apply(console, arguments);
+        };
+        console.info = function () {
+            _pushLogEntry("info", arguments);
+            originalConsoleInfo.apply(console, arguments);
+        };
+        console.warn = function () {
+            _pushLogEntry("warn", arguments);
+            originalConsoleWarn.apply(console, arguments);
+        };
+        console.error = function () {
+            _pushLogEntry("error", arguments);
+            originalConsoleError.apply(console, arguments);
+        };
+
+        consoleHooked = true;
+    }
+
+    function _unhookConsole() {
+        if (!consoleHooked) { return; }
+
+        console.log = originalConsoleLog;
+        console.info = originalConsoleInfo;
+        console.warn = originalConsoleWarn;
+        console.error = originalConsoleError;
+
+        consoleHooked = false;
+    }
+
+    function _addErrorListeners() {
+        if (errorListenerAdded) { return; }
+
+        window.addEventListener("error", function (event) {
+            _pushLogEntry("error", ["[Uncaught Error] " + (event.message || "") +
+                (event.filename ? " at " + event.filename + ":" + event.lineno : "")]);
+        });
+
+        window.addEventListener("unhandledrejection", function (event) {
+            const reason = event.reason;
+            const msg = reason instanceof Error ? (reason.stack || reason.message) : String(reason);
+            _pushLogEntry("error", ["[Unhandled Promise Rejection] " + msg]);
+        });
+
+        errorListenerAdded = true;
+    }
+
+    function _enableDebugLogging() {
+        localStorage.setItem(LOG_TO_CONSOLE_KEY, "true");
+        if (window.setupLogging) {
+            window.setupLogging();
+        }
+    }
+
+    function _handleScreenshotRequest(msg) {
+        if (!Phoenix || !Phoenix.app || !Phoenix.app.screenShotBinary) {
+            _sendMessage({
+                type: "error",
+                id: msg.id,
+                message: "Screenshot API not available"
+            });
+            return;
+        }
+
+        Phoenix.app.screenShotBinary(msg.selector || undefined)
+            .then(function (bytes) {
+                // Convert Uint8Array to base64 in chunks to avoid call stack limits
+                let binary = "";
+                const chunkSize = 8192;
+                for (let i = 0; i < bytes.length; i += chunkSize) {
+                    const chunk = bytes.subarray(i, Math.min(i + chunkSize, bytes.length));
+                    binary += String.fromCharCode.apply(null, chunk);
+                }
+                const base64 = btoa(binary);
+                _sendMessage({
+                    type: "screenshot_response",
+                    id: msg.id,
+                    data: base64
+                });
+            })
+            .catch(function (err) {
+                _sendMessage({
+                    type: "error",
+                    id: msg.id,
+                    message: err.message || "Screenshot failed"
+                });
+            });
+    }
+
+    function _handleReloadRequest(msg) {
+        var closeArgs = msg.forceClose ? { _forceClose: true } : undefined;
+        CommandManager.execute(Commands.FILE_CLOSE_ALL, closeArgs)
+            .done(function () {
+                _sendMessage({
+                    type: "reload_response",
+                    id: msg.id,
+                    success: true
+                });
+                // Give the response a moment to send before reloading
+                setTimeout(function () {
+                    location.reload();
+                }, 100);
+            })
+            .fail(function (err) {
+                _sendMessage({
+                    type: "reload_response",
+                    id: msg.id,
+                    success: false,
+                    message: (err && err.message) || "Close cancelled by user"
+                });
+            });
+    }
+
+    function _sendMessage(msg) {
+        if (ws && ws.readyState === WebSocket.OPEN) {
+            try {
+                ws.send(JSON.stringify(msg));
+            } catch (e) {
+                // ignore
+            }
+        }
+    }
+
+    function _scheduleReconnect() {
+        if (!autoReconnect || !currentUrl || reconnectTimer) { return; }
+        reconnectTimer = setTimeout(function () {
+            reconnectTimer = null;
+            if (!ws && currentUrl && autoReconnect) {
+                connect(currentUrl);
+            }
+        }, reconnectDelay);
+        reconnectDelay = Math.min(reconnectDelay * 2, RECONNECT_MAX_MS);
+    }
+
+    function connect(url) {
+        if (ws) {
+            disconnect();
+        }
+
+        currentUrl = url;
+        autoReconnect = true;
+
+        try {
+            ws = new WebSocket(url);
+        } catch (e) {
+            ws = null;
+            _scheduleReconnect();
+            return;
+        }
+
+        ws.onopen = function () {
+            reconnectDelay = RECONNECT_BASE_MS;
+            _sendMessage({ type: "hello", version: "1.0.0", name: _getOrCreateInstanceName() });
+
+            _enableDebugLogging();
+            _hookConsole();
+            _addErrorListeners();
+
+            flushTimer = setInterval(_flushLogs, FLUSH_INTERVAL);
+        };
+
+        ws.onmessage = function (event) {
+            let msg;
+            try {
+                msg = JSON.parse(event.data);
+            } catch (e) {
+                return;
+            }
+
+            switch (msg.type) {
+                case "screenshot_request":
+                    _handleScreenshotRequest(msg);
+                    break;
+                case "reload_request":
+                    _handleReloadRequest(msg);
+                    break;
+                case "ping":
+                    _sendMessage({ type: "pong" });
+                    break;
+            }
+        };
+
+        ws.onclose = function () {
+            _cleanup();
+            _scheduleReconnect();
+        };
+
+        ws.onerror = function () {
+            // onclose will be called after this
+        };
+    }
+
+    function _cleanup() {
+        if (flushTimer) {
+            clearInterval(flushTimer);
+            flushTimer = null;
+        }
+        _unhookConsole();
+        ws = null;
+    }
+
+    function disconnect() {
+        autoReconnect = false;
+        if (reconnectTimer) {
+            clearTimeout(reconnectTimer);
+            reconnectTimer = null;
+        }
+        if (ws) {
+            try {
+                ws.close(1000, "Disconnecting");
+            } catch (e) {
+                // ignore
+            }
+            _cleanup();
+        }
+    }
+
+    function isConnected() {
+        return ws !== null && ws.readyState === WebSocket.OPEN;
+    }
+
+    function getInstanceName() {
+        return _getOrCreateInstanceName();
+    }
+
+    exports.connect = connect;
+    exports.disconnect = disconnect;
+    exports.isConnected = isConnected;
+    exports.getInstanceName = getInstanceName;
+});

From 021a6d08ff12c2a70cb04c31a4b7e80a5234101c Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 16 Feb 2026 13:20:13 +0530
Subject: [PATCH 29/35] feat: chrome extenstion for phoenix builder to take
 screenshots

---
 .gitignore                                    |   7 +
 phoenix-builder-mcp/README.md                 | 128 ++++++++++++++++++
 .../chrome_extension/background.js            |  13 ++
 phoenix-builder-mcp/chrome_extension/build.sh |  26 ++++
 .../chrome_extension/content-script.js        |  27 ++++
 .../chrome_extension/manifest.json            |  36 +++++
 .../chrome_extension/page-script.js           |   3 +
 phoenix-builder-mcp/index.js                  |  34 +++++
 src/phoenix/shell.js                          |  88 +++++++++++-
 9 files changed, 359 insertions(+), 3 deletions(-)
 create mode 100644 phoenix-builder-mcp/README.md
 create mode 100644 phoenix-builder-mcp/chrome_extension/background.js
 create mode 100755 phoenix-builder-mcp/chrome_extension/build.sh
 create mode 100644 phoenix-builder-mcp/chrome_extension/content-script.js
 create mode 100644 phoenix-builder-mcp/chrome_extension/manifest.json
 create mode 100644 phoenix-builder-mcp/chrome_extension/page-script.js

diff --git a/.gitignore b/.gitignore
index 23215dc3c..09a8da198 100644
--- a/.gitignore
+++ b/.gitignore
@@ -18,6 +18,13 @@ Thumbs.db
 # ignore node_modules inside phoenix-builder-mcp
 /phoenix-builder-mcp/node_modules
 
+# ignore MCP server runtime files
+/phoenix-builder-mcp/.mcp-server.pid
+
+# ignore chrome extension build artifacts
+/phoenix-builder-mcp/chrome_extension/build/
+/phoenix-builder-mcp/chrome_extension/*.zip
+
 # ignore node_modules inside src
 /src/node_modules
 /src-node/node_modules
diff --git a/phoenix-builder-mcp/README.md b/phoenix-builder-mcp/README.md
new file mode 100644
index 000000000..9d088b853
--- /dev/null
+++ b/phoenix-builder-mcp/README.md
@@ -0,0 +1,128 @@
+# Phoenix Builder MCP
+
+An MCP (Model Context Protocol) server that lets Claude Code launch, control, and inspect a running Phoenix Code instance. It also includes a Chrome extension that enables screenshot capture when Phoenix runs in a browser.
+
+## Prerequisites
+
+- Node.js
+- The [phoenix-desktop](https://github.com/nicedoc/phoenix-desktop) repo cloned alongside this repo (i.e. `../phoenix-desktop`)
+
+## Setup
+
+### 1. Install dependencies
+
+```bash
+cd phoenix-builder-mcp
+npm install
+```
+
+### 2. Claude Code MCP configuration
+
+The project root already contains `.mcp.json` which registers the server automatically:
+
+```json
+{
+    "mcpServers": {
+        "phoenix-builder": {
+            "command": "node",
+            "args": ["phoenix-builder-mcp/index.js"],
+            "env": {
+                "PHOENIX_DESKTOP_PATH": "../phoenix-desktop"
+            }
+        }
+    }
+}
+```
+
+Set `PHOENIX_DESKTOP_PATH` to the path of your phoenix-desktop checkout if it is not at `../phoenix-desktop`.
+
+You can also set `PHOENIX_MCP_WS_PORT` (default `38571`) to change the WebSocket port used for communication between the MCP server and the Phoenix browser runtime.
+
+### 3. Chrome extension (for browser screenshots)
+
+Screenshots work out of the box in the Electron/Tauri desktop app. If you are running Phoenix in a browser (e.g. `localhost` or `phcode.dev`), you need to install the Chrome extension:
+
+#### Loading as an unpacked extension (development)
+
+1. Open `chrome://extensions` in Chrome.
+2. Enable **Developer mode** (toggle in the top-right corner).
+3. Click **Load unpacked**.
+4. Select the `phoenix-builder-mcp/chrome_extension/` directory.
+5. The extension will appear as "Phoenix Code Screenshot".
+
+Once loaded, any Phoenix page on `localhost` or `phcode.dev` will have `window._phoenixScreenshotExtensionAvailable` set to `true`, and the `take_screenshot` MCP tool and `Phoenix.app.screenShotBinary()` API will work in the browser.
+
+#### Building a .zip for distribution
+
+```bash
+cd phoenix-builder-mcp/chrome_extension
+./build.sh
+```
+
+This produces `chrome_extension/build/phoenix-screenshot-extension.zip`.
+
+To build a signed `.crx` you need the Chrome binary and a private key:
+
+```bash
+chrome --pack-extension=./phoenix-builder-mcp/chrome_extension --pack-extension-key=key.pem
+```
+
+## MCP Tools
+
+Once the MCP server is running, the following tools are available in Claude Code:
+
+### `start_phoenix`
+Launches the Phoenix Code Electron app by running `npm run serve:electron` in the phoenix-desktop directory. Returns the process PID and WebSocket port.
+
+### `stop_phoenix`
+Stops the running Phoenix Code process (SIGTERM, then SIGKILL after 5s).
+
+### `get_phoenix_status`
+Returns process status, PID, WebSocket connection state, connected instance names, and the WS port.
+
+### `get_terminal_logs`
+Returns stdout/stderr from the Electron process. By default returns only new logs since the last call. Pass `clear: true` to get all logs and clear the buffer.
+
+### `get_browser_console_logs`
+Returns `console.log`/`warn`/`error` output forwarded from the Phoenix browser runtime over WebSocket. Supports the same `clear` flag. When multiple Phoenix instances are connected, pass `instance` to target a specific one (e.g. `"Phoenix-a3f2"`).
+
+### `take_screenshot`
+Captures a PNG screenshot of the Phoenix window. Optionally pass a `selector` (CSS selector string) to capture a specific element. Returns the image directly as `image/png`.
+
+In Electron/Tauri this uses the native capture API. In the browser it requires the Chrome extension (see above).
+
+### `reload_phoenix`
+Reloads the Phoenix app. Prompts to save unsaved files before reloading.
+
+### `force_reload_phoenix`
+Force-reloads the Phoenix app without saving unsaved changes.
+
+## Typical Claude Code workflow
+
+```
+> start_phoenix          # launches the app
+> take_screenshot        # see what the UI looks like
+> get_browser_console_logs   # check for errors
+> reload_phoenix         # pick up code changes
+> take_screenshot        # verify the fix
+> stop_phoenix           # done
+```
+
+## Architecture
+
+```
+Claude Code  <--stdio-->  MCP Server (index.js)
+                              |
+                              +-- process-manager.js  (spawns/kills Electron)
+                              +-- ws-control-server.js (WebSocket on port 38571)
+                                       |
+                              Phoenix browser runtime
+                              (connects back over WS for logs, screenshots, reload)
+```
+
+For browser-mode screenshots the flow is:
+
+```
+MCP Server  --WS-->  Phoenix runtime  --postMessage-->  Content Script  --chrome.runtime-->  Background SW
+                                                                    (captureVisibleTab)
+```
diff --git a/phoenix-builder-mcp/chrome_extension/background.js b/phoenix-builder-mcp/chrome_extension/background.js
new file mode 100644
index 000000000..aa83f8959
--- /dev/null
+++ b/phoenix-builder-mcp/chrome_extension/background.js
@@ -0,0 +1,13 @@
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+    if (message.type !== "phoenix_screenshot_capture") {
+        return false;
+    }
+    chrome.tabs.captureVisibleTab(null, { format: "png" })
+        .then(dataUrl => {
+            sendResponse({ success: true, dataUrl });
+        })
+        .catch(err => {
+            sendResponse({ success: false, error: err.message || String(err) });
+        });
+    return true; // keep channel open for async sendResponse
+});
diff --git a/phoenix-builder-mcp/chrome_extension/build.sh b/phoenix-builder-mcp/chrome_extension/build.sh
new file mode 100755
index 000000000..45fcd1e96
--- /dev/null
+++ b/phoenix-builder-mcp/chrome_extension/build.sh
@@ -0,0 +1,26 @@
+#!/bin/bash
+# Builds a .zip of the Chrome extension for distribution or local install.
+# Usage: ./build.sh
+#
+# To load as an unpacked extension during development:
+#   1. Open chrome://extensions
+#   2. Enable "Developer mode"
+#   3. Click "Load unpacked" and select this directory
+#
+# To build a .crx (signed package) you need the Chrome binary and a private key:
+#   chrome --pack-extension=./phoenix-builder-mcp/chrome_extension --pack-extension-key=key.pem
+
+set -euo pipefail
+SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
+BUILD_DIR="$SCRIPT_DIR/build"
+
+rm -rf "$BUILD_DIR"
+mkdir -p "$BUILD_DIR"
+
+zip -j "$BUILD_DIR/phoenix-screenshot-extension.zip" \
+    "$SCRIPT_DIR/manifest.json" \
+    "$SCRIPT_DIR/background.js" \
+    "$SCRIPT_DIR/content-script.js" \
+    "$SCRIPT_DIR/page-script.js"
+
+echo "Built: $BUILD_DIR/phoenix-screenshot-extension.zip"
diff --git a/phoenix-builder-mcp/chrome_extension/content-script.js b/phoenix-builder-mcp/chrome_extension/content-script.js
new file mode 100644
index 000000000..a6993556f
--- /dev/null
+++ b/phoenix-builder-mcp/chrome_extension/content-script.js
@@ -0,0 +1,27 @@
+// Relay screenshot requests from the page to the background service worker.
+// The availability flag (window._phoenixScreenshotExtensionAvailable) is set by
+// page-script.js which runs in the MAIN world via the manifest.
+window.addEventListener("message", (event) => {
+    if (event.source !== window || !event.data || event.data.type !== "phoenix_screenshot_request") {
+        return;
+    }
+    const requestId = event.data.id;
+    chrome.runtime.sendMessage({ type: "phoenix_screenshot_capture" }, (response) => {
+        if (chrome.runtime.lastError) {
+            window.postMessage({
+                type: "phoenix_screenshot_response",
+                id: requestId,
+                success: false,
+                error: chrome.runtime.lastError.message || "Extension communication error"
+            }, "*");
+            return;
+        }
+        window.postMessage({
+            type: "phoenix_screenshot_response",
+            id: requestId,
+            success: response.success,
+            dataUrl: response.dataUrl,
+            error: response.error
+        }, "*");
+    });
+});
diff --git a/phoenix-builder-mcp/chrome_extension/manifest.json b/phoenix-builder-mcp/chrome_extension/manifest.json
new file mode 100644
index 000000000..33e83db6f
--- /dev/null
+++ b/phoenix-builder-mcp/chrome_extension/manifest.json
@@ -0,0 +1,36 @@
+{
+    "manifest_version": 3,
+    "name": "Phoenix Code Screenshot",
+    "version": "1.0.0",
+    "description": "Enables screenshot capture in Phoenix Code when running in the browser.",
+    "permissions": [],
+    "host_permissions": [
+        "<all_urls>"
+    ],
+    "background": {
+        "service_worker": "background.js"
+    },
+    "content_scripts": [
+        {
+            "matches": [
+                "http://localhost/*",
+                "https://phcode.dev/*",
+                "https://*.phcode.dev/*"
+            ],
+            "js": ["page-script.js"],
+            "run_at": "document_start",
+            "all_frames": false,
+            "world": "MAIN"
+        },
+        {
+            "matches": [
+                "http://localhost/*",
+                "https://phcode.dev/*",
+                "https://*.phcode.dev/*"
+            ],
+            "js": ["content-script.js"],
+            "run_at": "document_start",
+            "all_frames": false
+        }
+    ]
+}
diff --git a/phoenix-builder-mcp/chrome_extension/page-script.js b/phoenix-builder-mcp/chrome_extension/page-script.js
new file mode 100644
index 000000000..9b7662227
--- /dev/null
+++ b/phoenix-builder-mcp/chrome_extension/page-script.js
@@ -0,0 +1,3 @@
+// Runs in the MAIN world (the page's own JS context) at document_start,
+// so it executes before deferred modules like shell.js.
+window._phoenixScreenshotExtensionAvailable = true;
diff --git a/phoenix-builder-mcp/index.js b/phoenix-builder-mcp/index.js
index 5b7230ec5..4b8f7f282 100644
--- a/phoenix-builder-mcp/index.js
+++ b/phoenix-builder-mcp/index.js
@@ -5,10 +5,42 @@ import { createProcessManager } from "./process-manager.js";
 import { registerTools } from "./mcp-tools.js";
 import { fileURLToPath } from "url";
 import path from "path";
+import fs from "fs";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
+const PID_FILE = path.join(__dirname, ".mcp-server.pid");
+
+// Kill any previous MCP server instance that wasn't cleaned up (e.g. parent crashed).
+try {
+    const oldPid = parseInt(fs.readFileSync(PID_FILE, "utf8").trim(), 10);
+    if (oldPid && oldPid !== process.pid) {
+        try {
+            process.kill(oldPid, "SIGTERM");
+            // Wait up to 3 seconds for it to exit
+            const deadline = Date.now() + 3000;
+            while (Date.now() < deadline) {
+                try {
+                    process.kill(oldPid, 0); // throws if process is gone
+                    await new Promise(r => setTimeout(r, 100));
+                } catch {
+                    break;
+                }
+            }
+        } catch {
+            // Process already dead — nothing to do
+        }
+    }
+} catch {
+    // No PID file or unreadable — first run
+}
+fs.writeFileSync(PID_FILE, String(process.pid));
+
+function removePidFile() {
+    try { fs.unlinkSync(PID_FILE); } catch { /* ignore */ }
+}
+
 const wsPort = parseInt(process.env.PHOENIX_MCP_WS_PORT || "38571", 10);
 const phoenixDesktopPath = process.env.PHOENIX_DESKTOP_PATH
     || path.resolve(__dirname, "../../phoenix-desktop");
@@ -29,11 +61,13 @@ await server.connect(transport);
 process.on("SIGINT", async () => {
     await processManager.stop();
     wsControlServer.close();
+    removePidFile();
     process.exit(0);
 });
 
 process.on("SIGTERM", async () => {
     await processManager.stop();
     wsControlServer.close();
+    removePidFile();
     process.exit(0);
 });
diff --git a/src/phoenix/shell.js b/src/phoenix/shell.js
index 856437081..0daf4fef9 100644
--- a/src/phoenix/shell.js
+++ b/src/phoenix/shell.js
@@ -188,10 +188,85 @@ function _resolveRect(rectOrNodeOrSelector) {
     };
 }
 
-async function _capturePageBinary(rectOrNodeOrSelector) {
-    if (!Phoenix.isNativeApp) {
-        throw new Error("Screenshot capture is not supported in browsers");
+function _dataUrlToUint8Array(dataUrl) {
+    const base64 = dataUrl.split(",")[1];
+    const binaryString = atob(base64);
+    const bytes = new Uint8Array(binaryString.length);
+    for (let i = 0; i < binaryString.length; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
     }
+    return bytes;
+}
+
+function _cropDataUrlToRect(dataUrl, rect) {
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = function () {
+            try {
+                const dpr = window.devicePixelRatio || 1;
+                const canvas = document.createElement("canvas");
+                const sx = Math.round(rect.x * dpr);
+                const sy = Math.round(rect.y * dpr);
+                const sw = Math.round(rect.width * dpr);
+                const sh = Math.round(rect.height * dpr);
+                canvas.width = sw;
+                canvas.height = sh;
+                const ctx = canvas.getContext("2d");
+                ctx.drawImage(img, sx, sy, sw, sh, 0, 0, sw, sh);
+                canvas.toBlob(function (blob) {
+                    if (!blob) {
+                        reject(new Error("Failed to crop screenshot to blob"));
+                        return;
+                    }
+                    const reader = new FileReader();
+                    reader.onloadend = function () {
+                        resolve(new Uint8Array(reader.result));
+                    };
+                    reader.onerror = function () {
+                        reject(new Error("Failed to read cropped screenshot blob"));
+                    };
+                    reader.readAsArrayBuffer(blob);
+                }, "image/png");
+            } catch (e) {
+                reject(e);
+            }
+        };
+        img.onerror = function () {
+            reject(new Error("Failed to load screenshot image for cropping"));
+        };
+        img.src = dataUrl;
+    });
+}
+
+let _screenshotRequestId = 0;
+function _requestExtensionScreenshot() {
+    return new Promise((resolve, reject) => {
+        const id = ++_screenshotRequestId;
+        const TIMEOUT_MS = 30000;
+        let timeoutHandle;
+        function onMessage(event) {
+            if (event.source !== window || !event.data ||
+                event.data.type !== "phoenix_screenshot_response" || event.data.id !== id) {
+                return;
+            }
+            window.removeEventListener("message", onMessage);
+            clearTimeout(timeoutHandle);
+            if (event.data.success) {
+                resolve(event.data.dataUrl);
+            } else {
+                reject(new Error(event.data.error || "Screenshot capture failed"));
+            }
+        }
+        window.addEventListener("message", onMessage);
+        timeoutHandle = setTimeout(() => {
+            window.removeEventListener("message", onMessage);
+            reject(new Error("Screenshot capture timed out after 30 seconds"));
+        }, TIMEOUT_MS);
+        window.postMessage({ type: "phoenix_screenshot_request", id }, "*");
+    });
+}
+
+async function _capturePageBinary(rectOrNodeOrSelector) {
     const rect = _resolveRect(rectOrNodeOrSelector);
     if (rect !== undefined) {
         if (rect.x === undefined || rect.y === undefined ||
@@ -225,6 +300,13 @@ async function _capturePageBinary(rectOrNodeOrSelector) {
     if (window.__ELECTRON__) {
         return window.electronAPI.capturePage(rect);
     }
+    if (window._phoenixScreenshotExtensionAvailable) {
+        const dataUrl = await _requestExtensionScreenshot();
+        return rect ? _cropDataUrlToRect(dataUrl, rect) : _dataUrlToUint8Array(dataUrl);
+    }
+    throw new Error("Screenshot capture is not supported in browsers. Install the Phoenix Code" +
+        " Screenshot extension for Chrome: load it as an unpacked extension from" +
+        " phoenix-builder-mcp/chrome_extension/ in chrome://extensions with Developer mode enabled.");
 }
 
 Phoenix.app = {

From 3e4b7767903c9499e47626f8c113c45bb3c6b823 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 16 Feb 2026 15:52:36 +0530
Subject: [PATCH 30/35] feat: phoenix builder mcp to get browser console logs

---
 CLAUDE.md                                     |   1 +
 phoenix-builder-mcp/mcp-tools.js              |  47 +--
 phoenix-builder-mcp/ws-control-server.js      |  63 +++-
 src/extensions/default/DebugCommands/main.js  |   6 +-
 src/index.html                                |   1 +
 .../builder-connect-dialog.html               |  83 +++--
 src/phoenix-builder/main.js                   | 101 +++--
 src/phoenix-builder/phoenix-builder-boot.js   | 346 ++++++++++++++++++
 src/phoenix-builder/phoenix-builder-client.js | 308 +---------------
 9 files changed, 571 insertions(+), 385 deletions(-)
 create mode 100644 src/phoenix-builder/phoenix-builder-boot.js

diff --git a/CLAUDE.md b/CLAUDE.md
index e21e6386b..cf905ef06 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -11,3 +11,4 @@
 - Brace style: (`if (x) {`), single-line blocks allowed.
 - Always use curly braces for `if`/`else`/`for`/`while`.
 - No trailing whitespace.
+- Use `const` and `let` instead of `var`.
diff --git a/phoenix-builder-mcp/mcp-tools.js b/phoenix-builder-mcp/mcp-tools.js
index 1c13ba8b4..2b525dcbd 100644
--- a/phoenix-builder-mcp/mcp-tools.js
+++ b/phoenix-builder-mcp/mcp-tools.js
@@ -89,40 +89,27 @@ export function registerTools(server, processManager, wsControlServer, phoenixDe
 
     server.tool(
         "get_browser_console_logs",
-        "Get console logs forwarded from the Phoenix browser runtime via WebSocket. By default returns new logs since last call; set clear=true to get all logs and clear the buffer.",
+        "Get console logs captured from the Phoenix browser runtime from boot time. Fetches the full retained log buffer directly from the browser instance.",
         {
-            clear: z.boolean().default(false).describe("If true, return all logs and clear the buffer. If false, return only new logs since last read."),
             instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected.")
         },
-        async ({ clear, instance }) => {
-            let logs;
-            if (clear) {
-                logs = wsControlServer.getBrowserLogs(false, instance);
-                if (logs && logs.error) {
-                    return {
-                        content: [{ type: "text", text: JSON.stringify(logs) }]
-                    };
-                }
-                const clearResult = wsControlServer.clearBrowserLogs(instance);
-                if (clearResult && clearResult.error) {
-                    return {
-                        content: [{ type: "text", text: JSON.stringify(clearResult) }]
-                    };
-                }
-            } else {
-                logs = wsControlServer.getBrowserLogs(true, instance);
-                if (logs && logs.error) {
-                    return {
-                        content: [{ type: "text", text: JSON.stringify(logs) }]
-                    };
-                }
+        async ({ instance }) => {
+            try {
+                const logs = await wsControlServer.requestLogs(instance);
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify(logs.length > 0 ? logs : "(no browser logs)")
+                    }]
+                };
+            } catch (err) {
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ error: err.message })
+                    }]
+                };
             }
-            return {
-                content: [{
-                    type: "text",
-                    text: JSON.stringify(logs.length > 0 ? logs : "(no browser logs)")
-                }]
-            };
         }
     );
 
diff --git a/phoenix-builder-mcp/ws-control-server.js b/phoenix-builder-mcp/ws-control-server.js
index 8e22e1905..5250b37f8 100644
--- a/phoenix-builder-mcp/ws-control-server.js
+++ b/phoenix-builder-mcp/ws-control-server.js
@@ -27,6 +27,7 @@ export function createWSControlServer(port) {
                     clientName = msg.name || ("Unknown-" + (++unknownCounter));
 
                     // If same name reconnects (e.g. tab reload), close old connection
+                    // but preserve the existing log buffer so logs survive across reloads
                     const existing = clients.get(clientName);
                     if (existing) {
                         try {
@@ -34,13 +35,18 @@ export function createWSControlServer(port) {
                         } catch {
                             // ignore
                         }
+                        clients.set(clientName, {
+                            ws: ws,
+                            logs: existing.logs,
+                            isAlive: true
+                        });
+                    } else {
+                        clients.set(clientName, {
+                            ws: ws,
+                            logs: new LogBuffer(),
+                            isAlive: true
+                        });
                     }
-
-                    clients.set(clientName, {
-                        ws: ws,
-                        logs: new LogBuffer(),
-                        isAlive: true
-                    });
                     break;
                 }
 
@@ -63,6 +69,15 @@ export function createWSControlServer(port) {
                     break;
                 }
 
+                case "get_logs_response": {
+                    const pending4 = pendingRequests.get(msg.id);
+                    if (pending4) {
+                        pendingRequests.delete(msg.id);
+                        pending4.resolve(msg.entries || []);
+                    }
+                    break;
+                }
+
                 case "reload_response": {
                     const pending3 = pendingRequests.get(msg.id);
                     if (pending3) {
@@ -232,6 +247,41 @@ export function createWSControlServer(port) {
         });
     }
 
+    function requestLogs(instanceName) {
+        return new Promise((resolve, reject) => {
+            const resolved = _resolveClient(instanceName);
+            if (resolved.error) {
+                reject(new Error(resolved.error));
+                return;
+            }
+
+            const { client } = resolved;
+            if (client.ws.readyState !== 1) {
+                reject(new Error("Phoenix client \"" + resolved.name + "\" is not connected"));
+                return;
+            }
+
+            const id = ++requestIdCounter;
+            const timeout = setTimeout(() => {
+                pendingRequests.delete(id);
+                reject(new Error("Log request timed out (10s)"));
+            }, 10000);
+
+            pendingRequests.set(id, {
+                resolve: (data) => {
+                    clearTimeout(timeout);
+                    resolve(data);
+                },
+                reject: (err) => {
+                    clearTimeout(timeout);
+                    reject(err);
+                }
+            });
+
+            client.ws.send(JSON.stringify({ type: "get_logs_request", id }));
+        });
+    }
+
     function getBrowserLogs(sinceLast, instanceName) {
         const resolved = _resolveClient(instanceName);
         if (resolved.error) {
@@ -281,6 +331,7 @@ export function createWSControlServer(port) {
     return {
         requestScreenshot,
         requestReload,
+        requestLogs,
         getBrowserLogs,
         clearBrowserLogs,
         isClientConnected,
diff --git a/src/extensions/default/DebugCommands/main.js b/src/extensions/default/DebugCommands/main.js
index 5dce4cb5d..58d792abd 100644
--- a/src/extensions/default/DebugCommands/main.js
+++ b/src/extensions/default/DebugCommands/main.js
@@ -19,7 +19,7 @@
  *
  */
 
-/*globals path, logger, Phoenix*/
+/*globals path, logger, Phoenix, AppConfig*/
 /*jslint regexp: true */
 
 define(function (require, exports, module) {
@@ -828,7 +828,9 @@ define(function (require, exports, module) {
     diagnosticsSubmenu.addMenuItem(DEBUG_RUN_UNIT_TESTS);
     CommandManager.register(Strings.CMD_BUILD_TESTS, DEBUG_BUILD_TESTS, TestBuilder.toggleTestBuilder);
     diagnosticsSubmenu.addMenuItem(DEBUG_BUILD_TESTS);
-    diagnosticsSubmenu.addMenuItem("debug.phoenixBuilderConnect");
+    if (AppConfig.config.environment === "dev") {
+        diagnosticsSubmenu.addMenuItem("debug.phoenixBuilderConnect");
+    }
     diagnosticsSubmenu.addMenuDivider();
     diagnosticsSubmenu.addMenuItem(DEBUG_ENABLE_LOGGING);
     diagnosticsSubmenu.addMenuItem(DEBUG_ENABLE_PHNODE_INSPECTOR, undefined, undefined, undefined, {
diff --git a/src/index.html b/src/index.html
index 5c7e665e0..0c20244df 100644
--- a/src/index.html
+++ b/src/index.html
@@ -481,6 +481,7 @@
     <!-- load bugsnag error reporter as soon as cache handling code is done-->
     <script src="thirdparty/bugsnag.min.js"></script>
     <script src="appConfig.js"></script>
+    <script src="phoenix-builder/phoenix-builder-boot.js"></script>
     <script type="module">
         import BugsnagPerformance from "./thirdparty/bugsnag-performance.min.js";
         window.BugsnagPerformance = BugsnagPerformance;
diff --git a/src/phoenix-builder/builder-connect-dialog.html b/src/phoenix-builder/builder-connect-dialog.html
index 442623626..cac1e045f 100644
--- a/src/phoenix-builder/builder-connect-dialog.html
+++ b/src/phoenix-builder/builder-connect-dialog.html
@@ -1,37 +1,42 @@
 <div class="phoenix-builder-connect modal">
     <div class="modal-header">
         <h1 class="dialog-title">Phoenix Builder MCP</h1>
+        <ul class="nav nav-tabs no-focus" style="margin-bottom: 0;">
+            <li class="active"><a href="#builder-settings" data-toggle="tab">Settings</a></li>
+            <li><a href="#builder-logs" data-toggle="tab">Console Logs</a></li>
+        </ul>
     </div>
-    <div class="modal-body">
-        <p class="dialog-message">Connect to the Phoenix Builder MCP server for automated testing with Claude Code.</p>
-        <div style="margin-bottom: 10px; padding: 6px 10px; background: var(--list-highlight-bg); border-radius: 4px;">
-            <span style="font-weight: bold;">Instance:</span>
-            <code style="margin-left: 4px;">{{instanceName}}</code>
-        </div>
-        <div style="margin-bottom: 10px;">
-            <label>
-                <input type="checkbox" class="builder-enable" {{#enabled}}checked{{/enabled}}>
-                Enable Connection
-            </label>
-        </div>
-        <div style="margin-bottom: 10px;">
-            <label>WebSocket URL</label>
-            <input type="text" class="builder-url" value="{{url}}" style="width: 100%; margin-top: 4px;">
-        </div>
-        <div style="margin-bottom: 10px;">
-            <span class="builder-status" style="font-weight: bold;">
-                {{#connected}}
-                    <span style="color: green;">&#9679; Connected</span>
-                {{/connected}}
-                {{^connected}}
-                    <span style="color: red;">&#9679; Disconnected</span>
-                {{/connected}}
-            </span>
-        </div>
-        <details style="margin-top: 10px; padding: 8px; border: 1px solid var(--item-border-color); border-radius: 4px;">
-            <summary style="cursor: pointer; font-weight: bold;">Claude Code Configuration</summary>
-            <p style="margin-top: 8px;">Add the following to your Claude Code MCP settings (.claude/settings.json):</p>
-            <pre class="builder-config-code" style="padding: 8px; border: 1px solid var(--item-border-color); border-radius: 4px; overflow-x: auto; font-size: 12px; cursor: pointer;" title="Click to copy">{
+    <div class="modal-body tab-content">
+        <div id="builder-settings" class="tab-pane active">
+            <p class="dialog-message">Connect to the Phoenix Builder MCP server for automated testing with Claude Code.</p>
+            <div style="margin-bottom: 10px; padding: 6px 10px; background: var(--list-highlight-bg); border-radius: 4px;">
+                <span style="font-weight: bold;">Instance:</span>
+                <code style="margin-left: 4px;">{{instanceName}}</code>
+            </div>
+            <div style="margin-bottom: 10px;">
+                <label>
+                    <input type="checkbox" class="builder-enable" {{#enabled}}checked{{/enabled}}>
+                    Enable Connection
+                </label>
+            </div>
+            <div style="margin-bottom: 10px;">
+                <label>WebSocket URL</label>
+                <input type="text" class="builder-url" value="{{url}}" style="width: 100%; margin-top: 4px;">
+            </div>
+            <div style="margin-bottom: 10px;">
+                <span class="builder-status" style="font-weight: bold;">
+                    {{#connected}}
+                        <span style="color: green;">&#9679; Connected</span>
+                    {{/connected}}
+                    {{^connected}}
+                        <span style="color: red;">&#9679; Disconnected</span>
+                    {{/connected}}
+                </span>
+            </div>
+            <details style="margin-top: 10px; padding: 8px; border: 1px solid var(--item-border-color); border-radius: 4px;">
+                <summary style="cursor: pointer; font-weight: bold;">Claude Code Configuration</summary>
+                <p style="margin-top: 8px;">Add the following to your Claude Code MCP settings (.claude/settings.json):</p>
+                <pre class="builder-config-code" style="padding: 8px; border: 1px solid var(--item-border-color); border-radius: 4px; overflow-x: auto; font-size: 12px; cursor: pointer;" title="Click to copy">{
     "mcpServers": {
         "phoenix-builder": {
             "command": "node",
@@ -42,10 +47,20 @@ <h1 class="dialog-title">Phoenix Builder MCP</h1>
         }
     }
 }</pre>
-            <p style="font-size: 12px; opacity: 0.7;">
-                Replace <code>&lt;path-to-phoenix&gt;</code> and <code>&lt;path-to-phoenix-desktop&gt;</code> with actual paths. Restart Claude Code after adding the config.
-            </p>
-        </details>
+                <p style="font-size: 12px; opacity: 0.7;">
+                    Replace <code>&lt;path-to-phoenix&gt;</code> and <code>&lt;path-to-phoenix-desktop&gt;</code> with actual paths. Restart Claude Code after adding the config.
+                </p>
+            </details>
+        </div>
+        <div id="builder-logs" class="tab-pane">
+            <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
+                <span class="builder-log-count" style="font-size: 12px; opacity: 0.7;">0 entries</span>
+                <button class="btn btn-small builder-log-refresh" style="margin-left: auto;">Refresh</button>
+            </div>
+            <div class="builder-log-container" style="overflow-y: auto; max-height: 350px; font-family: monospace; font-size: 12px; border: 1px solid var(--item-border-color); border-radius: 4px; padding: 4px;">
+                <span style="opacity: 0.5;">No logs captured yet.</span>
+            </div>
+        </div>
     </div>
     <div class="modal-footer">
         <button class="dialog-button btn primary" data-button-id="ok">Done</button>
diff --git a/src/phoenix-builder/main.js b/src/phoenix-builder/main.js
index 5e1ade812..209bb1b65 100644
--- a/src/phoenix-builder/main.js
+++ b/src/phoenix-builder/main.js
@@ -18,53 +18,91 @@
  *
  */
 
+/*globals AppConfig, Phoenix*/
+
 define(function (require, exports, module) {
 
-    const AppInit            = require("utils/AppInit"),
-        CommandManager       = require("command/CommandManager"),
+    // Only register the command in dev builds
+    if (!window.AppConfig || AppConfig.config.environment !== "dev") {
+        return;
+    }
+
+    const CommandManager       = require("command/CommandManager"),
         Dialogs              = require("widgets/Dialogs"),
         Strings              = require("strings"),
-        PreferencesManager   = require("preferences/PreferencesManager"),
         Mustache             = require("thirdparty/mustache/mustache"),
         PhoenixBuilderClient = require("./phoenix-builder-client"),
         BuilderConnectTemplate = require("text!./builder-connect-dialog.html");
 
     const COMMAND_ID = "debug.phoenixBuilderConnect";
+    const DEFAULT_WS_URL = "ws://localhost:38571";
+
+    const LEVEL_COLORS = {
+        error: "background:#f44336;color:white;",
+        warn:  "background:#ff9800;color:white;",
+        info:  "background:#2196f3;color:white;",
+        log:   "background:#9e9e9e;color:white;"
+    };
 
-    const builderPrefs = PreferencesManager.getExtensionPrefs("phoenixBuilder");
-    builderPrefs.definePreference("enabled", "boolean", false, {
-        description: "Enable Phoenix Builder MCP connection"
-    });
-    builderPrefs.definePreference("wsUrl", "string", "ws://localhost:38571", {
-        description: "Phoenix Builder MCP WebSocket URL"
-    });
+    function _escapeHtml(str) {
+        return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    }
+
+    function _renderLogs($dialog) {
+        const boot = window._phoenixBuilder;
+        const logs = boot ? boot.getLogBuffer() : [];
+        const $container = $dialog.find(".builder-log-container");
+        $container.empty();
+        $dialog.find(".builder-log-count").text(logs.length + " entries");
+        if (logs.length === 0) {
+            $container.html('<span style="opacity:0.5;">No logs captured yet.</span>');
+            return;
+        }
+        let html = "";
+        for (let i = 0; i < logs.length; i++) {
+            const entry = logs[i];
+            const level = entry.level || "log";
+            const ts = entry.timestamp ? entry.timestamp.replace("T", " ").replace("Z", "") : "";
+            const badgeStyle = LEVEL_COLORS[level] || LEVEL_COLORS.log;
+            html += '<div style="padding:2px 4px;border-bottom:1px solid rgba(128,128,128,0.15);">' +
+                '<span style="opacity:0.5;margin-right:6px;">' + _escapeHtml(ts) + '</span>' +
+                '<span style="' + badgeStyle + 'padding:1px 5px;border-radius:3px;font-size:11px;' +
+                'margin-right:6px;display:inline-block;min-width:36px;text-align:center;">' +
+                level.toUpperCase() + '</span>' +
+                '<span>' + _escapeHtml(entry.message) + '</span>' +
+                '</div>';
+        }
+        $container.html(html);
+        $container.scrollTop($container[0].scrollHeight);
+    }
 
     function _handlePhoenixBuilderConnect() {
-        var url = builderPrefs.get("wsUrl"),
-            enabled = builderPrefs.get("enabled");
+        let url = localStorage.getItem("phoenixBuilderWsUrl") || DEFAULT_WS_URL,
+            enabled = localStorage.getItem("phoenixBuilderEnabled") === "true";
 
-        var templateVars = {
+        const templateVars = {
             url: url,
             enabled: enabled,
             connected: PhoenixBuilderClient.isConnected(),
             instanceName: PhoenixBuilderClient.getInstanceName()
         };
 
-        var template = Mustache.render(BuilderConnectTemplate, templateVars);
+        const template = Mustache.render(BuilderConnectTemplate, templateVars);
         Dialogs.showModalDialogUsingTemplate(template).done(function (id) {
             if (id === Dialogs.DIALOG_BTN_OK) {
-                builderPrefs.set("wsUrl", url);
-                builderPrefs.set("enabled", enabled);
+                localStorage.setItem("phoenixBuilderWsUrl", url);
+                localStorage.setItem("phoenixBuilderEnabled", enabled ? "true" : "false");
 
                 if (enabled) {
                     PhoenixBuilderClient.connect(url);
                 } else {
                     PhoenixBuilderClient.disconnect();
+                    localStorage.removeItem("logToConsole");
                 }
             }
         });
 
-        var $dialog = $(".phoenix-builder-connect.instance");
+        const $dialog = $(".phoenix-builder-connect.instance");
         $dialog.find(".builder-url").on("input", function () {
             url = $(this).val();
         });
@@ -73,23 +111,38 @@ define(function (require, exports, module) {
         });
         $dialog.find(".builder-config-code").on("click", function () {
             Phoenix.app.copyToClipboard($(this).text());
-            var $pre = $(this);
-            var $copied = $('<span style="position:absolute;right:8px;top:8px;' +
+            const $pre = $(this);
+            const $copied = $('<span style="position:absolute;right:8px;top:8px;' +
                 'padding:2px 8px;border-radius:3px;font-size:12px;' +
                 'background:var(--accent-color);color:white;' +
                 'pointer-events:none;">Copied!</span>');
             $pre.css("position", "relative").append($copied);
             setTimeout(function () { $copied.remove(); }, 1000);
         });
+
+        // --- Tab switching ---
+        $dialog.find('.nav-tabs a[data-toggle="tab"]').on("click", function (e) {
+            e.preventDefault();
+            const $this = $(this);
+            const target = $this.attr("href");
+            $dialog.find(".nav-tabs li").removeClass("active");
+            $this.parent().addClass("active");
+            $dialog.find(".tab-pane").removeClass("active");
+            $dialog.find(target).addClass("active");
+            if (target === "#builder-logs") {
+                _renderLogs($dialog);
+            }
+        });
+
+        // --- Refresh button ---
+        $dialog.find(".builder-log-refresh").on("click", function () {
+            _renderLogs($dialog);
+        });
     }
 
     CommandManager.register(Strings.CMD_PHOENIX_BUILDER_CONNECT, COMMAND_ID, _handlePhoenixBuilderConnect);
 
-    AppInit.appReady(function () {
-        if (builderPrefs.get("enabled")) {
-            PhoenixBuilderClient.connect(builderPrefs.get("wsUrl"));
-        }
-    });
+    // Boot script already connects if enabled — no appReady action needed.
 
     exports.COMMAND_ID = COMMAND_ID;
 });
diff --git a/src/phoenix-builder/phoenix-builder-boot.js b/src/phoenix-builder/phoenix-builder-boot.js
new file mode 100644
index 000000000..2335a0db9
--- /dev/null
+++ b/src/phoenix-builder/phoenix-builder-boot.js
@@ -0,0 +1,346 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+// Phoenix Builder boot-time script. Loaded synchronously before loggerSetup.js
+// to capture ALL console output from the very start of boot.
+// No AMD dependencies — only uses window.AppConfig and localStorage.
+
+/*globals AppConfig*/
+
+(function () {
+
+    // Gate checks — exit immediately if not enabled or not a dev build
+    if (localStorage.getItem("phoenixBuilderEnabled") !== "true") {
+        return;
+    }
+    if (!window.AppConfig || AppConfig.config.environment !== "dev") {
+        return;
+    }
+
+    // --- Constants ---
+    const LOG_TO_CONSOLE_KEY = "logToConsole";
+    const INSTANCE_NAME_KEY = "phoenixBuilderInstanceName";
+    const FLUSH_INTERVAL = 500;
+    const FLUSH_THRESHOLD = 50;
+    const MAX_BUFFER_SIZE = 1000;
+    const MAX_MESSAGE_LENGTH = 2000;
+    const RECONNECT_BASE_MS = 500;
+    const RECONNECT_MAX_MS = 5000;
+    const DEFAULT_WS_URL = "ws://localhost:38571";
+
+    // --- State ---
+    let ws = null;
+    let logBuffer = [];
+    const capturedLogs = [];
+    let flushTimer = null;
+    let reconnectTimer = null;
+    let reconnectDelay = RECONNECT_BASE_MS;
+    let currentUrl = null;
+    let autoReconnect = true;
+    const handlers = {};
+
+    // --- Enable logToConsole so loggerSetup.js preserves console.log ---
+    localStorage.setItem(LOG_TO_CONSOLE_KEY, "true");
+
+    // --- Save original console methods ---
+    const originalConsoleLog = console.log;
+    const originalConsoleInfo = console.info;
+    const originalConsoleWarn = console.warn;
+    const originalConsoleError = console.error;
+
+    // --- Platform / instance helpers ---
+    function _getPlatformTag() {
+        if (window.__TAURI__) {
+            return "tauri";
+        }
+        if (window.__ELECTRON__) {
+            return "electron";
+        }
+        const desktop = Phoenix.browser && Phoenix.browser.desktop;
+        if (desktop) {
+            if (desktop.isFirefox) { return "firefox"; }
+            if (desktop.isEdgeChromium) { return "edge"; }
+            if (desktop.isOperaChromium || desktop.isOpera) { return "opera"; }
+            if (desktop.isChrome) { return "chrome"; }
+            if (desktop.isSafari) { return "safari"; }
+            if (desktop.isChromeBased) { return "chromium"; }
+        }
+        return "browser";
+    }
+
+    function _getOrCreateInstanceName() {
+        let name = sessionStorage.getItem(INSTANCE_NAME_KEY);
+        if (!name) {
+            const hex = Math.floor(Math.random() * 0x10000).toString(16).padStart(4, "0");
+            name = "phoenix-" + _getPlatformTag() + "-" + hex;
+            sessionStorage.setItem(INSTANCE_NAME_KEY, name);
+        }
+        return name;
+    }
+
+    // --- Serialization ---
+    function _serializeArg(arg) {
+        if (arg === null) { return "null"; }
+        if (arg === undefined) { return "undefined"; }
+        if (typeof arg === "string") {
+            return arg.length > MAX_MESSAGE_LENGTH ? arg.substring(0, MAX_MESSAGE_LENGTH) + "..." : arg;
+        }
+        if (typeof arg === "number" || typeof arg === "boolean") {
+            return String(arg);
+        }
+        if (arg instanceof Error) {
+            return arg.stack || arg.message || String(arg);
+        }
+        try {
+            const seen = new Set();
+            const json = JSON.stringify(arg, function (key, value) {
+                if (typeof value === "object" && value !== null) {
+                    if (seen.has(value)) { return "[Circular]"; }
+                    seen.add(value);
+                }
+                return value;
+            });
+            return json.length > MAX_MESSAGE_LENGTH ? json.substring(0, MAX_MESSAGE_LENGTH) + "..." : json;
+        } catch (e) {
+            return String(arg);
+        }
+    }
+
+    // --- Log buffering ---
+    function _pushLogEntry(level, args) {
+        const message = Array.from(args).map(_serializeArg).join(" ");
+        const entry = {
+            level: level,
+            message: message,
+            timestamp: new Date().toISOString()
+        };
+        logBuffer.push(entry);
+        capturedLogs.push(entry);
+        // Cap buffer size — drop oldest entries to prevent unbounded memory growth
+        if (logBuffer.length > MAX_BUFFER_SIZE) {
+            logBuffer = logBuffer.slice(logBuffer.length - MAX_BUFFER_SIZE);
+        }
+        if (capturedLogs.length > MAX_BUFFER_SIZE) {
+            capturedLogs.splice(0, capturedLogs.length - MAX_BUFFER_SIZE);
+        }
+        if (logBuffer.length >= FLUSH_THRESHOLD && ws && ws.readyState === WebSocket.OPEN) {
+            _flushLogs();
+        }
+    }
+
+    function _flushLogs() {
+        if (!ws || ws.readyState !== WebSocket.OPEN || logBuffer.length === 0) {
+            return;
+        }
+        const entries = logBuffer;
+        logBuffer = [];
+        try {
+            ws.send(JSON.stringify({
+                type: "console_log",
+                entries: entries
+            }));
+        } catch (e) {
+            // Put them back if send failed
+            logBuffer = entries.concat(logBuffer);
+        }
+    }
+
+    // --- Console hooks ---
+    console.log = function () {
+        _pushLogEntry("log", arguments);
+        originalConsoleLog.apply(console, arguments);
+    };
+    console.info = function () {
+        _pushLogEntry("info", arguments);
+        originalConsoleInfo.apply(console, arguments);
+    };
+    console.warn = function () {
+        _pushLogEntry("warn", arguments);
+        originalConsoleWarn.apply(console, arguments);
+    };
+    console.error = function () {
+        _pushLogEntry("error", arguments);
+        originalConsoleError.apply(console, arguments);
+    };
+
+    // --- Error listeners ---
+    window.addEventListener("error", function (event) {
+        _pushLogEntry("error", ["[Uncaught Error] " + (event.message || "") +
+            (event.filename ? " at " + event.filename + ":" + event.lineno : "")]);
+    });
+
+    window.addEventListener("unhandledrejection", function (event) {
+        const reason = event.reason;
+        const msg = reason instanceof Error ? (reason.stack || reason.message) : String(reason);
+        _pushLogEntry("error", ["[Unhandled Promise Rejection] " + msg]);
+    });
+
+    // --- Message sending ---
+    function _sendMessage(msg) {
+        if (ws && ws.readyState === WebSocket.OPEN) {
+            try {
+                ws.send(JSON.stringify(msg));
+            } catch (e) {
+                // ignore
+            }
+        }
+    }
+
+    // --- Reconnect ---
+    function _scheduleReconnect() {
+        if (!autoReconnect || !currentUrl || reconnectTimer) { return; }
+        reconnectTimer = setTimeout(function () {
+            reconnectTimer = null;
+            if (!ws && currentUrl && autoReconnect) {
+                connect(currentUrl);
+            }
+        }, reconnectDelay);
+        reconnectDelay = Math.min(reconnectDelay * 2, RECONNECT_MAX_MS);
+    }
+
+    // --- Cleanup (does NOT unhook console — keeps buffering for reconnect) ---
+    function _cleanup() {
+        if (flushTimer) {
+            clearInterval(flushTimer);
+            flushTimer = null;
+        }
+        ws = null;
+    }
+
+    // --- Connect / disconnect ---
+    function connect(url) {
+        if (ws) {
+            disconnect();
+        }
+
+        currentUrl = url;
+        autoReconnect = true;
+
+        try {
+            ws = new WebSocket(url);
+        } catch (e) {
+            ws = null;
+            _scheduleReconnect();
+            return;
+        }
+
+        ws.onopen = function () {
+            reconnectDelay = RECONNECT_BASE_MS;
+            _sendMessage({ type: "hello", version: "1.0.0", name: _getOrCreateInstanceName() });
+            flushTimer = setInterval(_flushLogs, FLUSH_INTERVAL);
+            _flushLogs();
+        };
+
+        ws.onmessage = function (event) {
+            let msg;
+            try {
+                msg = JSON.parse(event.data);
+            } catch (e) {
+                return;
+            }
+
+            // Dispatch to registered handler, or built-in defaults
+            if (msg.type && handlers[msg.type]) {
+                handlers[msg.type](msg);
+            } else if (msg.type === "ping") {
+                _sendMessage({ type: "pong" });
+            }
+        };
+
+        ws.onclose = function () {
+            _cleanup();
+            _scheduleReconnect();
+        };
+
+        ws.onerror = function () {
+            // onclose will be called after this
+        };
+    }
+
+    function disconnect() {
+        autoReconnect = false;
+        if (reconnectTimer) {
+            clearTimeout(reconnectTimer);
+            reconnectTimer = null;
+        }
+        if (ws) {
+            try {
+                ws.close(1000, "Disconnecting");
+            } catch (e) {
+                // ignore
+            }
+            _cleanup();
+        }
+    }
+
+    function isConnected() {
+        return ws !== null && ws.readyState === WebSocket.OPEN;
+    }
+
+    function getInstanceName() {
+        return _getOrCreateInstanceName();
+    }
+
+    function sendMessage(msg) {
+        _sendMessage(msg);
+    }
+
+    function registerHandler(type, fn) {
+        handlers[type] = fn;
+    }
+
+    // --- Register built-in handler for get_logs_request ---
+    // Returns the full capturedLogs buffer to the MCP server on demand.
+    registerHandler("get_logs_request", function (msg) {
+        _sendMessage({
+            type: "get_logs_response",
+            id: msg.id,
+            entries: capturedLogs.slice()
+        });
+    });
+
+    // --- Register built-in boot-time handler for reload_request ---
+    // Simple fallback: just reload. The AMD module upgrades this to FILE_CLOSE_ALL + reload.
+    registerHandler("reload_request", function (msg) {
+        _sendMessage({
+            type: "reload_response",
+            id: msg.id,
+            success: true
+        });
+        setTimeout(function () {
+            location.reload();
+        }, 100);
+    });
+
+    // --- Expose API for AMD module ---
+    window._phoenixBuilder = {
+        connect: connect,
+        disconnect: disconnect,
+        isConnected: isConnected,
+        getInstanceName: getInstanceName,
+        sendMessage: sendMessage,
+        registerHandler: registerHandler,
+        getLogBuffer: function () { return capturedLogs.slice(); }
+    };
+
+    // --- Auto-connect ---
+    const wsUrl = localStorage.getItem("phoenixBuilderWsUrl") || DEFAULT_WS_URL;
+    connect(wsUrl);
+}());
diff --git a/src/phoenix-builder/phoenix-builder-client.js b/src/phoenix-builder/phoenix-builder-client.js
index 08f9fe716..e37fad13d 100644
--- a/src/phoenix-builder/phoenix-builder-client.js
+++ b/src/phoenix-builder/phoenix-builder-client.js
@@ -18,183 +18,21 @@
  *
  */
 
-/*globals Phoenix*/
+// Thin AMD wrapper over the boot-time phoenix-builder connection (window._phoenixBuilder).
+// Registers Phoenix-API-dependent handlers (screenshot, FILE_CLOSE_ALL reload).
+
+/*globals */
 
 define(function (require, exports, module) {
 
     const CommandManager = require("command/CommandManager");
     const Commands = require("command/Commands");
 
-    const LOG_TO_CONSOLE_KEY = "logToConsole";
-    const INSTANCE_NAME_KEY = "phoenixBuilderInstanceName";
-    const FLUSH_INTERVAL = 500;
-    const FLUSH_THRESHOLD = 50;
-    const MAX_MESSAGE_LENGTH = 2000;
-    const RECONNECT_BASE_MS = 500;
-    const RECONNECT_MAX_MS = 5000;
-
-    let ws = null;
-    let logBuffer = [];
-    let flushTimer = null;
-    let reconnectTimer = null;
-    let reconnectDelay = RECONNECT_BASE_MS;
-    let currentUrl = null;
-    let autoReconnect = true;
-    let originalConsoleLog, originalConsoleInfo, originalConsoleWarn, originalConsoleError;
-    let consoleHooked = false;
-    let errorListenerAdded = false;
-
-    function _getPlatformTag() {
-        if (window.__TAURI__) {
-            return "tauri";
-        }
-        if (window.__ELECTRON__) {
-            return "electron";
-        }
-        var desktop = Phoenix.browser && Phoenix.browser.desktop;
-        if (desktop) {
-            if (desktop.isFirefox) { return "firefox"; }
-            if (desktop.isEdgeChromium) { return "edge"; }
-            if (desktop.isOperaChromium || desktop.isOpera) { return "opera"; }
-            if (desktop.isChrome) { return "chrome"; }
-            if (desktop.isSafari) { return "safari"; }
-            if (desktop.isChromeBased) { return "chromium"; }
-        }
-        return "browser";
-    }
-
-    function _getOrCreateInstanceName() {
-        var name = sessionStorage.getItem(INSTANCE_NAME_KEY);
-        if (!name) {
-            var hex = Math.floor(Math.random() * 0x10000).toString(16).padStart(4, "0");
-            name = "phoenix-" + _getPlatformTag() + "-" + hex;
-            sessionStorage.setItem(INSTANCE_NAME_KEY, name);
-        }
-        return name;
-    }
-
-    function _serializeArg(arg) {
-        if (arg === null) { return "null"; }
-        if (arg === undefined) { return "undefined"; }
-        if (typeof arg === "string") {
-            return arg.length > MAX_MESSAGE_LENGTH ? arg.substring(0, MAX_MESSAGE_LENGTH) + "..." : arg;
-        }
-        if (typeof arg === "number" || typeof arg === "boolean") {
-            return String(arg);
-        }
-        if (arg instanceof Error) {
-            return arg.stack || arg.message || String(arg);
-        }
-        try {
-            const seen = new Set();
-            const json = JSON.stringify(arg, (key, value) => {
-                if (typeof value === "object" && value !== null) {
-                    if (seen.has(value)) { return "[Circular]"; }
-                    seen.add(value);
-                }
-                return value;
-            });
-            return json.length > MAX_MESSAGE_LENGTH ? json.substring(0, MAX_MESSAGE_LENGTH) + "..." : json;
-        } catch (e) {
-            return String(arg);
-        }
-    }
-
-    function _pushLogEntry(level, args) {
-        const message = Array.from(args).map(_serializeArg).join(" ");
-        logBuffer.push({
-            level: level,
-            message: message,
-            timestamp: new Date().toISOString()
-        });
-        if (logBuffer.length >= FLUSH_THRESHOLD) {
-            _flushLogs();
-        }
-    }
-
-    function _flushLogs() {
-        if (!ws || ws.readyState !== WebSocket.OPEN || logBuffer.length === 0) {
-            return;
-        }
-        const entries = logBuffer;
-        logBuffer = [];
-        try {
-            ws.send(JSON.stringify({
-                type: "console_log",
-                entries: entries
-            }));
-        } catch (e) {
-            // Put them back if send failed
-            logBuffer = entries.concat(logBuffer);
-        }
-    }
-
-    function _hookConsole() {
-        if (consoleHooked) { return; }
-
-        originalConsoleLog = console.log;
-        originalConsoleInfo = console.info;
-        originalConsoleWarn = console.warn;
-        originalConsoleError = console.error;
-
-        console.log = function () {
-            _pushLogEntry("log", arguments);
-            originalConsoleLog.apply(console, arguments);
-        };
-        console.info = function () {
-            _pushLogEntry("info", arguments);
-            originalConsoleInfo.apply(console, arguments);
-        };
-        console.warn = function () {
-            _pushLogEntry("warn", arguments);
-            originalConsoleWarn.apply(console, arguments);
-        };
-        console.error = function () {
-            _pushLogEntry("error", arguments);
-            originalConsoleError.apply(console, arguments);
-        };
-
-        consoleHooked = true;
-    }
-
-    function _unhookConsole() {
-        if (!consoleHooked) { return; }
-
-        console.log = originalConsoleLog;
-        console.info = originalConsoleInfo;
-        console.warn = originalConsoleWarn;
-        console.error = originalConsoleError;
-
-        consoleHooked = false;
-    }
-
-    function _addErrorListeners() {
-        if (errorListenerAdded) { return; }
-
-        window.addEventListener("error", function (event) {
-            _pushLogEntry("error", ["[Uncaught Error] " + (event.message || "") +
-                (event.filename ? " at " + event.filename + ":" + event.lineno : "")]);
-        });
-
-        window.addEventListener("unhandledrejection", function (event) {
-            const reason = event.reason;
-            const msg = reason instanceof Error ? (reason.stack || reason.message) : String(reason);
-            _pushLogEntry("error", ["[Unhandled Promise Rejection] " + msg]);
-        });
-
-        errorListenerAdded = true;
-    }
-
-    function _enableDebugLogging() {
-        localStorage.setItem(LOG_TO_CONSOLE_KEY, "true");
-        if (window.setupLogging) {
-            window.setupLogging();
-        }
-    }
+    const boot = window._phoenixBuilder || null;
 
     function _handleScreenshotRequest(msg) {
         if (!Phoenix || !Phoenix.app || !Phoenix.app.screenShotBinary) {
-            _sendMessage({
+            boot.sendMessage({
                 type: "error",
                 id: msg.id,
                 message: "Screenshot API not available"
@@ -204,7 +42,6 @@ define(function (require, exports, module) {
 
         Phoenix.app.screenShotBinary(msg.selector || undefined)
             .then(function (bytes) {
-                // Convert Uint8Array to base64 in chunks to avoid call stack limits
                 let binary = "";
                 const chunkSize = 8192;
                 for (let i = 0; i < bytes.length; i += chunkSize) {
@@ -212,14 +49,14 @@ define(function (require, exports, module) {
                     binary += String.fromCharCode.apply(null, chunk);
                 }
                 const base64 = btoa(binary);
-                _sendMessage({
+                boot.sendMessage({
                     type: "screenshot_response",
                     id: msg.id,
                     data: base64
                 });
             })
             .catch(function (err) {
-                _sendMessage({
+                boot.sendMessage({
                     type: "error",
                     id: msg.id,
                     message: err.message || "Screenshot failed"
@@ -228,21 +65,20 @@ define(function (require, exports, module) {
     }
 
     function _handleReloadRequest(msg) {
-        var closeArgs = msg.forceClose ? { _forceClose: true } : undefined;
+        const closeArgs = msg.forceClose ? { _forceClose: true } : undefined;
         CommandManager.execute(Commands.FILE_CLOSE_ALL, closeArgs)
             .done(function () {
-                _sendMessage({
+                boot.sendMessage({
                     type: "reload_response",
                     id: msg.id,
                     success: true
                 });
-                // Give the response a moment to send before reloading
                 setTimeout(function () {
                     location.reload();
                 }, 100);
             })
             .fail(function (err) {
-                _sendMessage({
+                boot.sendMessage({
                     type: "reload_response",
                     id: msg.id,
                     success: false,
@@ -251,120 +87,14 @@ define(function (require, exports, module) {
             });
     }
 
-    function _sendMessage(msg) {
-        if (ws && ws.readyState === WebSocket.OPEN) {
-            try {
-                ws.send(JSON.stringify(msg));
-            } catch (e) {
-                // ignore
-            }
-        }
-    }
-
-    function _scheduleReconnect() {
-        if (!autoReconnect || !currentUrl || reconnectTimer) { return; }
-        reconnectTimer = setTimeout(function () {
-            reconnectTimer = null;
-            if (!ws && currentUrl && autoReconnect) {
-                connect(currentUrl);
-            }
-        }, reconnectDelay);
-        reconnectDelay = Math.min(reconnectDelay * 2, RECONNECT_MAX_MS);
-    }
-
-    function connect(url) {
-        if (ws) {
-            disconnect();
-        }
-
-        currentUrl = url;
-        autoReconnect = true;
-
-        try {
-            ws = new WebSocket(url);
-        } catch (e) {
-            ws = null;
-            _scheduleReconnect();
-            return;
-        }
-
-        ws.onopen = function () {
-            reconnectDelay = RECONNECT_BASE_MS;
-            _sendMessage({ type: "hello", version: "1.0.0", name: _getOrCreateInstanceName() });
-
-            _enableDebugLogging();
-            _hookConsole();
-            _addErrorListeners();
-
-            flushTimer = setInterval(_flushLogs, FLUSH_INTERVAL);
-        };
-
-        ws.onmessage = function (event) {
-            let msg;
-            try {
-                msg = JSON.parse(event.data);
-            } catch (e) {
-                return;
-            }
-
-            switch (msg.type) {
-                case "screenshot_request":
-                    _handleScreenshotRequest(msg);
-                    break;
-                case "reload_request":
-                    _handleReloadRequest(msg);
-                    break;
-                case "ping":
-                    _sendMessage({ type: "pong" });
-                    break;
-            }
-        };
-
-        ws.onclose = function () {
-            _cleanup();
-            _scheduleReconnect();
-        };
-
-        ws.onerror = function () {
-            // onclose will be called after this
-        };
-    }
-
-    function _cleanup() {
-        if (flushTimer) {
-            clearInterval(flushTimer);
-            flushTimer = null;
-        }
-        _unhookConsole();
-        ws = null;
-    }
-
-    function disconnect() {
-        autoReconnect = false;
-        if (reconnectTimer) {
-            clearTimeout(reconnectTimer);
-            reconnectTimer = null;
-        }
-        if (ws) {
-            try {
-                ws.close(1000, "Disconnecting");
-            } catch (e) {
-                // ignore
-            }
-            _cleanup();
-        }
-    }
-
-    function isConnected() {
-        return ws !== null && ws.readyState === WebSocket.OPEN;
-    }
-
-    function getInstanceName() {
-        return _getOrCreateInstanceName();
+    // Register handlers on the boot module
+    if (boot) {
+        boot.registerHandler("screenshot_request", _handleScreenshotRequest);
+        boot.registerHandler("reload_request", _handleReloadRequest);
     }
 
-    exports.connect = connect;
-    exports.disconnect = disconnect;
-    exports.isConnected = isConnected;
-    exports.getInstanceName = getInstanceName;
+    exports.connect = function (url) { if (boot) { boot.connect(url); } };
+    exports.disconnect = function () { if (boot) { boot.disconnect(); } };
+    exports.isConnected = function () { return boot ? boot.isConnected() : false; };
+    exports.getInstanceName = function () { return boot ? boot.getInstanceName() : ""; };
 });

From 7a458d7beefadf2ff76d61a6ec62b03c50ba4e7c Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 16 Feb 2026 16:19:09 +0530
Subject: [PATCH 31/35] feat: phoenix builder can run phoenix apis via MCP now
 to verify things

---
 phoenix-builder-mcp/mcp-tools.js            | 33 ++++++++++++++
 phoenix-builder-mcp/ws-control-server.js    | 49 +++++++++++++++++++++
 src/brackets.js                             |  4 +-
 src/phoenix-builder/phoenix-builder-boot.js | 20 +++++++++
 4 files changed, 105 insertions(+), 1 deletion(-)

diff --git a/phoenix-builder-mcp/mcp-tools.js b/phoenix-builder-mcp/mcp-tools.js
index 2b525dcbd..dad421369 100644
--- a/phoenix-builder-mcp/mcp-tools.js
+++ b/phoenix-builder-mcp/mcp-tools.js
@@ -193,6 +193,39 @@ export function registerTools(server, processManager, wsControlServer, phoenixDe
         }
     );
 
+    server.tool(
+        "exec_js",
+        "Execute JavaScript in the Phoenix Code browser runtime and return the result. " +
+        "Code runs async in the page context with access to: " +
+        "$ (jQuery) for DOM queries/clicks, " +
+        "brackets.test.CommandManager, brackets.test.EditorManager, brackets.test.ProjectManager, " +
+        "brackets.test.DocumentManager, brackets.test.FileSystem, brackets.test.FileUtils, " +
+        "and 50+ other modules on brackets.test.* — " +
+        "supports await.",
+        {
+            code: z.string().describe("JavaScript code to execute in Phoenix"),
+            instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected.")
+        },
+        async ({ code, instance }) => {
+            try {
+                const result = await wsControlServer.requestExecJs(code, instance);
+                return {
+                    content: [{
+                        type: "text",
+                        text: result !== undefined ? String(result) : "(undefined)"
+                    }]
+                };
+            } catch (err) {
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ error: err.message })
+                    }]
+                };
+            }
+        }
+    );
+
     server.tool(
         "get_phoenix_status",
         "Check the status of the Phoenix process and WebSocket connection.",
diff --git a/phoenix-builder-mcp/ws-control-server.js b/phoenix-builder-mcp/ws-control-server.js
index 5250b37f8..b7beb76e2 100644
--- a/phoenix-builder-mcp/ws-control-server.js
+++ b/phoenix-builder-mcp/ws-control-server.js
@@ -78,6 +78,19 @@ export function createWSControlServer(port) {
                     break;
                 }
 
+                case "exec_js_response": {
+                    const pending5 = pendingRequests.get(msg.id);
+                    if (pending5) {
+                        pendingRequests.delete(msg.id);
+                        if (msg.error) {
+                            pending5.reject(new Error(msg.error));
+                        } else {
+                            pending5.resolve(msg.result);
+                        }
+                    }
+                    break;
+                }
+
                 case "reload_response": {
                     const pending3 = pendingRequests.get(msg.id);
                     if (pending3) {
@@ -282,6 +295,41 @@ export function createWSControlServer(port) {
         });
     }
 
+    function requestExecJs(code, instanceName) {
+        return new Promise((resolve, reject) => {
+            const resolved = _resolveClient(instanceName);
+            if (resolved.error) {
+                reject(new Error(resolved.error));
+                return;
+            }
+
+            const { client } = resolved;
+            if (client.ws.readyState !== 1) {
+                reject(new Error("Phoenix client \"" + resolved.name + "\" is not connected"));
+                return;
+            }
+
+            const id = ++requestIdCounter;
+            const timeout = setTimeout(() => {
+                pendingRequests.delete(id);
+                reject(new Error("exec_js request timed out (30s)"));
+            }, 30000);
+
+            pendingRequests.set(id, {
+                resolve: (data) => {
+                    clearTimeout(timeout);
+                    resolve(data);
+                },
+                reject: (err) => {
+                    clearTimeout(timeout);
+                    reject(err);
+                }
+            });
+
+            client.ws.send(JSON.stringify({ type: "exec_js_request", id, code }));
+        });
+    }
+
     function getBrowserLogs(sinceLast, instanceName) {
         const resolved = _resolveClient(instanceName);
         if (resolved.error) {
@@ -332,6 +380,7 @@ export function createWSControlServer(port) {
         requestScreenshot,
         requestReload,
         requestLogs,
+        requestExecJs,
         getBrowserLogs,
         clearBrowserLogs,
         isClientConnected,
diff --git a/src/brackets.js b/src/brackets.js
index 128070ca9..f111a8a39 100644
--- a/src/brackets.js
+++ b/src/brackets.js
@@ -328,7 +328,9 @@ define(function (require, exports, module) {
         ViewCommandHandlers.restoreFontSize();
         ProjectManager.getStartupProjectPath().then((initialProjectPath)=>{
             ProjectManager.openProject(initialProjectPath).always(function () {
-                _initTest();
+                if (Phoenix.isTestWindow || window._phoenixBuilder) {
+                    _initTest();
+                }
 
                 // If this is the first launch, and we have an index.html file in the project folder (which should be
                 // the samples folder on first launch), open it automatically. (We explicitly check for the
diff --git a/src/phoenix-builder/phoenix-builder-boot.js b/src/phoenix-builder/phoenix-builder-boot.js
index 2335a0db9..eb40d6682 100644
--- a/src/phoenix-builder/phoenix-builder-boot.js
+++ b/src/phoenix-builder/phoenix-builder-boot.js
@@ -329,6 +329,26 @@
         }, 100);
     });
 
+    // --- Register built-in handler for exec_js_request ---
+    // Evaluates arbitrary JS in the page context and returns the result.
+    registerHandler("exec_js_request", function (msg) {
+        const AsyncFunction = (async function () {}).constructor;
+        const fn = new AsyncFunction(msg.code);
+        fn().then(function (result) {
+            _sendMessage({
+                type: "exec_js_response",
+                id: msg.id,
+                result: _serializeArg(result)
+            });
+        }).catch(function (err) {
+            _sendMessage({
+                type: "exec_js_response",
+                id: msg.id,
+                error: (err && err.stack) || (err && err.message) || String(err)
+            });
+        });
+    });
+
     // --- Expose API for AMD module ---
     window._phoenixBuilder = {
         connect: connect,

From c14cd8aaa77dd952c2faa7139a72f44c6b708379 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Mon, 16 Feb 2026 12:22:47 +0000
Subject: [PATCH 32/35] ci: update Translations

---
 src/nls/ar/lastTranslated.json    |  1 +
 src/nls/ar/strings.js             | 19 ++++++++++---------
 src/nls/bg/lastTranslated.json    |  1 +
 src/nls/bg/strings.js             | 19 ++++++++++---------
 src/nls/cs/lastTranslated.json    |  1 +
 src/nls/cs/strings.js             | 19 ++++++++++---------
 src/nls/da/lastTranslated.json    |  1 +
 src/nls/da/strings.js             | 19 ++++++++++---------
 src/nls/de/lastTranslated.json    |  1 +
 src/nls/de/strings.js             | 19 ++++++++++---------
 src/nls/el/lastTranslated.json    |  1 +
 src/nls/el/strings.js             | 19 ++++++++++---------
 src/nls/en-gb/lastTranslated.json |  1 +
 src/nls/en-gb/strings.js          | 19 ++++++++++---------
 src/nls/es/lastTranslated.json    |  1 +
 src/nls/es/strings.js             | 19 ++++++++++---------
 src/nls/fa-ir/lastTranslated.json |  1 +
 src/nls/fa-ir/strings.js          | 19 ++++++++++---------
 src/nls/fi/lastTranslated.json    |  1 +
 src/nls/fi/strings.js             | 19 ++++++++++---------
 src/nls/fr/lastTranslated.json    |  1 +
 src/nls/fr/strings.js             | 19 ++++++++++---------
 src/nls/gl/lastTranslated.json    |  1 +
 src/nls/gl/strings.js             | 19 ++++++++++---------
 src/nls/hi/lastTranslated.json    |  1 +
 src/nls/hi/strings.js             | 19 ++++++++++---------
 src/nls/hr/lastTranslated.json    |  1 +
 src/nls/hr/strings.js             | 19 ++++++++++---------
 src/nls/hu/lastTranslated.json    |  1 +
 src/nls/hu/strings.js             | 19 ++++++++++---------
 src/nls/id/lastTranslated.json    |  1 +
 src/nls/id/strings.js             | 19 ++++++++++---------
 src/nls/it/lastTranslated.json    |  1 +
 src/nls/it/strings.js             | 19 ++++++++++---------
 src/nls/ja/lastTranslated.json    |  1 +
 src/nls/ja/strings.js             | 19 ++++++++++---------
 src/nls/ko/lastTranslated.json    |  1 +
 src/nls/ko/strings.js             | 19 ++++++++++---------
 src/nls/lv/lastTranslated.json    |  1 +
 src/nls/lv/strings.js             | 19 ++++++++++---------
 src/nls/ml/lastTranslated.json    |  1 +
 src/nls/ml/strings.js             | 19 ++++++++++---------
 src/nls/nb/lastTranslated.json    |  1 +
 src/nls/nb/strings.js             | 19 ++++++++++---------
 src/nls/nl/lastTranslated.json    |  1 +
 src/nls/nl/strings.js             | 19 ++++++++++---------
 src/nls/pl/lastTranslated.json    |  1 +
 src/nls/pl/strings.js             | 19 ++++++++++---------
 src/nls/pt-br/lastTranslated.json |  1 +
 src/nls/pt-br/strings.js          | 19 ++++++++++---------
 src/nls/pt-pt/lastTranslated.json |  1 +
 src/nls/pt-pt/strings.js          | 19 ++++++++++---------
 src/nls/ro/lastTranslated.json    |  1 +
 src/nls/ro/strings.js             | 19 ++++++++++---------
 src/nls/ru/lastTranslated.json    |  1 +
 src/nls/ru/strings.js             | 19 ++++++++++---------
 src/nls/sk/lastTranslated.json    |  1 +
 src/nls/sk/strings.js             | 19 ++++++++++---------
 src/nls/sr/lastTranslated.json    |  1 +
 src/nls/sr/strings.js             | 19 ++++++++++---------
 src/nls/sv/lastTranslated.json    |  1 +
 src/nls/sv/strings.js             | 19 ++++++++++---------
 src/nls/tr/lastTranslated.json    |  1 +
 src/nls/tr/strings.js             | 19 ++++++++++---------
 src/nls/uk/lastTranslated.json    |  1 +
 src/nls/uk/strings.js             | 19 ++++++++++---------
 src/nls/ur/lastTranslated.json    |  1 +
 src/nls/ur/strings.js             | 19 ++++++++++---------
 src/nls/zh-cn/lastTranslated.json |  1 +
 src/nls/zh-cn/strings.js          | 19 ++++++++++---------
 src/nls/zh-tw/lastTranslated.json |  1 +
 src/nls/zh-tw/strings.js          | 19 ++++++++++---------
 72 files changed, 396 insertions(+), 324 deletions(-)

diff --git a/src/nls/ar/lastTranslated.json b/src/nls/ar/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/ar/lastTranslated.json
+++ b/src/nls/ar/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/ar/strings.js b/src/nls/ar/strings.js
index 768565bad..7847c38b6 100644
--- a/src/nls/ar/strings.js
+++ b/src/nls/ar/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "على {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "احصل على Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "لقد استخدمت {0}% من عمليات البحث المجانية عن الصور ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "محرر الأنماط",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "تحرير الأنماط",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ إضافة",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "لم يتم العثور على قواعد CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "القواعد المطابقة ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "جارٍ تحميل الأنماط...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "لم يتم العثور على أنماط",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "خاصية",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "قيمة",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "العنصر غير قابل للتعديل - تم إنشاؤه بواسطة برنامج نصي",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "تم نسخ العنصر. استخدم 'لصق' لإضافته بعد العنصر المحدد",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "العنصر لا يتم تمريره مع الصفحة - مربعات التعديل مخفية",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "البدء من جديد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 بطاقات",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 محذوف",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "محرر الأنماط",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "تحرير الأنماط",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ إضافة",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "لم يتم العثور على قواعد CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "القواعد المطابقة ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "جارٍ تحميل الأنماط...",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "لم يتم العثور على أنماط",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "خاصية",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "قيمة"
+  "CMD_PHOENIX_BUILDER_CONNECT": "…Phoenix Builder MCP"
 });
\ No newline at end of file
diff --git a/src/nls/bg/lastTranslated.json b/src/nls/bg/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/bg/lastTranslated.json
+++ b/src/nls/bg/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/bg/strings.js b/src/nls/bg/strings.js
index a7be0fd56..b8a515d19 100644
--- a/src/nls/bg/strings.js
+++ b/src/nls/bg/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "на {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Вземете Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Използвали сте {0}% от вашите безплатни търсения на изображения ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор на стилове",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редактиране на стилове",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Добави",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Не са намерени CSS правила",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Съвпадащи правила ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Зареждане на стилове…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Не са намерени стилове",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "свойство",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "стойност",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Елементът не може да се редактира – генериран е от скрипт",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Елементът е копиран. Използвайте 'Поставяне', за да го добавите след избрания елемент.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Елементът не се превърта със страницата – полетата за редакция са скрити",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Започни отново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карти",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 изтрит",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор на стилове",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редактиране на стилове",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Добави",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Не са намерени CSS правила",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Съвпадащи правила ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Зареждане на стилове…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Не са намерени стилове",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "свойство",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "стойност"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/cs/lastTranslated.json b/src/nls/cs/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/cs/lastTranslated.json
+++ b/src/nls/cs/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/cs/strings.js b/src/nls/cs/strings.js
index 5f5fc9b04..8838e08be 100644
--- a/src/nls/cs/strings.js
+++ b/src/nls/cs/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "na {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Získat Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Využili jste {0} % vašich bezplatných vyhledávání obrázků ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor stylů",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Upravit styly",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Přidat",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenalezena žádná pravidla CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Odpovídající pravidla ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Načítání stylů…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenalezeny žádné styly",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "vlastnost",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "hodnota",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Prvek nelze upravit – vygenerováno skriptem",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Prvek zkopírován. Pomocí 'Vložit' jej přidáte za vybraný prvek.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Prvek se neposouvá se stránkou – editační pole jsou skryta.",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začít znovu",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karet",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 smazáno",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor stylů",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Upravit styly",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Přidat",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenalezena žádná pravidla CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Odpovídající pravidla ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Načítání stylů…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenalezeny žádné styly",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "vlastnost",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "hodnota"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/da/lastTranslated.json b/src/nls/da/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/da/lastTranslated.json
+++ b/src/nls/da/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/da/strings.js b/src/nls/da/strings.js
index 9cb6b4230..9ee46928d 100644
--- a/src/nls/da/strings.js
+++ b/src/nls/da/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "på {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Få Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Du har brugt {0}% af dine gratis billedsøgninger ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stileditor",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediger stilarter",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Tilføj",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Ingen CSS-regler fundet",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matchende regler ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Indlæser stilarter...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Ingen stilarter fundet",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskab",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "værdi",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elementet kan ikke redigeres - genereret af script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element kopieret. Brug 'Indsæt' for at tilføje det efter det valgte element.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Elementet scroller ikke med siden - redigeringsfelter skjult",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start forfra",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Stileditor",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediger stilarter",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Tilføj",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Ingen CSS-regler fundet",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matchende regler ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Indlæser stilarter...",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Ingen stilarter fundet",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskab",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "værdi"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/de/lastTranslated.json b/src/nls/de/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/de/lastTranslated.json
+++ b/src/nls/de/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/de/strings.js b/src/nls/de/strings.js
index 77471c03b..d0c5ddd05 100644
--- a/src/nls/de/strings.js
+++ b/src/nls/de/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "auf {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Pro-Version holen",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Sie haben {0}% Ihrer kostenlosen Bildsuchen genutzt ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stil-Editor",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stile bearbeiten",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Hinzufügen",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Keine CSS-Regeln gefunden",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Passende Regeln ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Stile werden geladen…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Keine Stile gefunden",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "Eigenschaft",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "Wert",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element nicht bearbeitbar – durch Skript generiert",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element kopiert. Verwenden Sie „Einfügen“, um es nach dem ausgewählten Element hinzuzufügen.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element scrollt nicht mit der Seite – Bearbeitungsfelder ausgeblendet",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Erneut starten",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 Karten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 gelöscht",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Stil-Editor",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stile bearbeiten",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Hinzufügen",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Keine CSS-Regeln gefunden",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Passende Regeln ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Stile werden geladen…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Keine Stile gefunden",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "Eigenschaft",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "Wert"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/el/lastTranslated.json b/src/nls/el/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/el/lastTranslated.json
+++ b/src/nls/el/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/el/strings.js b/src/nls/el/strings.js
index f0d16d64d..a0039f238 100644
--- a/src/nls/el/strings.js
+++ b/src/nls/el/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "στο {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Αποκτήστε το Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Έχετε χρησιμοποιήσει το {0}% των δωρεάν αναζητήσεων εικόνων σας ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Επεξεργαστής Στυλ",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Επεξεργασία Στυλ",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Προσθήκη",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Δεν βρέθηκαν κανόνες CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Αντίστοιχοι Κανόνες ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Φόρτωση στυλ…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Δεν βρέθηκαν στυλ",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "ιδιότητα",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "τιμή",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Το στοιχείο δεν είναι επεξεργάσιμο - δημιουργήθηκε από script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Το στοιχείο αντιγράφηκε. Χρησιμοποιήστε την «Επικόλληση» για να το προσθέσετε μετά το επιλεγμένο στοιχείο.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Το στοιχείο δεν κάνει κύλιση με τη σελίδα - τα πλαίσια επεξεργασίας είναι κρυφά",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Έναρξη από την αρχή",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 κάρτες",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 διαγράφηκε",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Επεξεργαστής Στυλ",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Επεξεργασία Στυλ",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Προσθήκη",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Δεν βρέθηκαν κανόνες CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Αντίστοιχοι Κανόνες ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Φόρτωση στυλ…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Δεν βρέθηκαν στυλ",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "ιδιότητα",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "τιμή"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/en-gb/lastTranslated.json b/src/nls/en-gb/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/en-gb/lastTranslated.json
+++ b/src/nls/en-gb/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/en-gb/strings.js b/src/nls/en-gb/strings.js
index 50c1b5fde..29bb551c0 100644
--- a/src/nls/en-gb/strings.js
+++ b/src/nls/en-gb/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "on {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Get Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "You've used {0}% of your free image searches ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element not editable - generated by script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element copied. Use 'Paste' to add it after the selected element",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element doesn't scroll with page - edit boxes hidden",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start Again",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cards",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 deleted",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Style Editor",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Styles",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Add",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No CSS rules found",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matching Rules ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Loading styles…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No styles found",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "property",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "value"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/es/lastTranslated.json b/src/nls/es/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/es/lastTranslated.json
+++ b/src/nls/es/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js
index 8ed0a7706..1a62a42c2 100644
--- a/src/nls/es/strings.js
+++ b/src/nls/es/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "en {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Obtén Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Has usado el {0}% de tus búsquedas de imágenes gratuitas ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de estilos",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar estilos",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Añadir",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No se encontraron reglas CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Reglas coincidentes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Cargando estilos…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No se encontraron estilos",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propiedad",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elemento no editable: generado por script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elemento copiado. Usa 'Pegar' para añadirlo después del elemento seleccionado.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "El elemento no se desplaza con la página: cuadros de edición ocultos.",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Empezar de nuevo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarjetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de estilos",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar estilos",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Añadir",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "No se encontraron reglas CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Reglas coincidentes ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Cargando estilos…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "No se encontraron estilos",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propiedad",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/fa-ir/lastTranslated.json b/src/nls/fa-ir/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/fa-ir/lastTranslated.json
+++ b/src/nls/fa-ir/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/fa-ir/strings.js b/src/nls/fa-ir/strings.js
index 5373f899a..8eae3accb 100644
--- a/src/nls/fa-ir/strings.js
+++ b/src/nls/fa-ir/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "در {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "دریافت Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "شما از {0}٪ جستجوهای تصویر رایگان خود استفاده کرده‌اید ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "ویرایشگر استایل",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "ویرایش استایل‌ها",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ افزودن",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "هیچ قاعده CSS یافت نشد",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "قواعد منطبق ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "در حال بارگذاری استایل‌ها…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "هیچ استایلی یافت نشد",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "خاصیت",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "مقدار",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "عنصر قابل ویرایش نیست - توسط اسکریپت ایجاد شده است",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "عنصر کپی شد. برای افزودن آن بعد از عنصر انتخاب‌شده، از «چسباندن» استفاده کنید.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "عنصر با صفحه پیمایش نمی‌شود - کادرهای ویرایش پنهان هستند",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "شروع مجدد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE} از ۳ کارت",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE} از ۱ مورد حذف شد",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "ویرایشگر استایل",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "ویرایش استایل‌ها",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ افزودن",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "هیچ قاعده CSS یافت نشد",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "قواعد منطبق ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "در حال بارگذاری استایل‌ها…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "هیچ استایلی یافت نشد",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "خاصیت",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "مقدار"
+  "CMD_PHOENIX_BUILDER_CONNECT": "اتصال به Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/fi/lastTranslated.json b/src/nls/fi/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/fi/lastTranslated.json
+++ b/src/nls/fi/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/fi/strings.js b/src/nls/fi/strings.js
index abc348a1c..b91a5f66a 100644
--- a/src/nls/fi/strings.js
+++ b/src/nls/fi/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "palvelussa {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Hanki Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Olet käyttänyt {0} % ilmaisista kuvahauistasi ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Tyylieditori",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Muokkaa tyylejä",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Lisää",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS-sääntöjä ei löytynyt",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Vastaavat säännöt ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Ladataan tyylejä…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Tyylejä ei löytynyt",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "ominaisuus",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "arvo",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elementti ei ole muokattavissa – skriptin luoma",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elementti kopioitu. Lisää se valitun elementin jälkeen käyttämällä Liitä-toimintoa.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Elementti ei vierity sivun mukana – muokkausruudut piilotettu",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Aloita alusta",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 korttia",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 poistettu",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Tyylieditori",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Muokkaa tyylejä",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Lisää",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS-sääntöjä ei löytynyt",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Vastaavat säännöt ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Ladataan tyylejä…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Tyylejä ei löytynyt",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "ominaisuus",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "arvo"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/fr/lastTranslated.json b/src/nls/fr/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/fr/lastTranslated.json
+++ b/src/nls/fr/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/fr/strings.js b/src/nls/fr/strings.js
index 26f0ffe1c..a2622c583 100644
--- a/src/nls/fr/strings.js
+++ b/src/nls/fr/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "sur {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Passer à Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Vous avez utilisé {0} % de vos recherches d'images gratuites ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Éditeur de styles",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Modifier les styles",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Ajouter",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Aucune règle CSS trouvée",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Règles correspondantes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Chargement des styles…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Aucun style trouvé",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriété",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valeur",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Élément non éditable - généré par un script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Élément copié. Utilisez « Coller » pour l'ajouter après l'élément sélectionné.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "L'élément ne défile pas avec la page - boîtes d'édition masquées",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Recommencer",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 supprimé",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Éditeur de styles",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Modifier les styles",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Ajouter",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Aucune règle CSS trouvée",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Règles correspondantes ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Chargement des styles…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Aucun style trouvé",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriété",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valeur"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/gl/lastTranslated.json b/src/nls/gl/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/gl/lastTranslated.json
+++ b/src/nls/gl/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/gl/strings.js b/src/nls/gl/strings.js
index 0051be103..6d734e6e3 100644
--- a/src/nls/gl/strings.js
+++ b/src/nls/gl/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "en {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Obter Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Usaches o {0}% das túas buscas de imaxes gratuítas ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de estilos",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar estilos",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Engadir",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Non se atoparon regras CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras coincidentes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Cargando estilos…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Non se atoparon estilos",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propiedade",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elemento non editable: xerado por script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elemento copiado. Usa «Pegar» para engadilo despois do elemento seleccionado.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "O elemento non se despraza coa páxina: caixas de edición ocultas",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Comezar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarxetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de estilos",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar estilos",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Engadir",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Non se atoparon regras CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras coincidentes ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Cargando estilos…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Non se atoparon estilos",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propiedade",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/hi/lastTranslated.json b/src/nls/hi/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/hi/lastTranslated.json
+++ b/src/nls/hi/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/hi/strings.js b/src/nls/hi/strings.js
index 2dc69524f..d7580da12 100644
--- a/src/nls/hi/strings.js
+++ b/src/nls/hi/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "पर {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "प्रो पाएं",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "आपने अपनी मुफ़्त इमेज खोजों का {0}% इस्तेमाल कर लिया है ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "शैली संपादक",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "शैलियाँ संपादित करें",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ जोड़ें",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "कोई CSS नियम नहीं मिले",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "मिलान वाले नियम ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "शैलियाँ लोड हो रही हैं…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "कोई शैलियाँ नहीं मिलीं",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "प्रॉपर्टी",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "मान",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "एलिमेंट संपादन योग्य नहीं - स्क्रिप्ट द्वारा बनाया गया",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "एलिमेंट कॉपी किया गया। चयनित एलिमेंट के बाद इसे जोड़ने के लिए 'पेस्ट' का उपयोग करें",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "एलिमेंट पेज के साथ स्क्रॉल नहीं होता - एडिट बॉक्स छिपा दिए गए हैं",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "फिर से शुरू करें",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 कार्ड",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 हटाया गया",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "शैली संपादक",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "शैलियाँ संपादित करें",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ जोड़ें",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "कोई CSS नियम नहीं मिले",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "मिलान वाले नियम ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "शैलियाँ लोड हो रही हैं…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "कोई शैलियाँ नहीं मिलीं",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "प्रॉपर्टी",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "मान"
+  "CMD_PHOENIX_BUILDER_CONNECT": "फ़ीनिक्स बिल्डर MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/hr/lastTranslated.json b/src/nls/hr/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/hr/lastTranslated.json
+++ b/src/nls/hr/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/hr/strings.js b/src/nls/hr/strings.js
index a37a76831..c36f5e473 100644
--- a/src/nls/hr/strings.js
+++ b/src/nls/hr/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "na {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Nabavite Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Iskoristili ste {0}% svojih besplatnih pretraživanja slika ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Uređivač stilova",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Uredi stilove",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Dodaj",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nisu pronađena CSS pravila",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Podudarajuća pravila ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Učitavanje stilova…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nisu pronađeni stilovi",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "svojstvo",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "vrijednost",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element nije moguće uređivati - generiran skriptom",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element je kopiran. Koristite 'Zalijepi' kako biste ga dodali iza odabranog elementa.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element se ne pomiče sa stranicom - okviri za uređivanje su skriveni",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Kreni ispočetka",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartice",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 obrisano",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Uređivač stilova",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Uredi stilove",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Dodaj",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nisu pronađena CSS pravila",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Podudarajuća pravila ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Učitavanje stilova…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nisu pronađeni stilovi",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "svojstvo",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "vrijednost"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/hu/lastTranslated.json b/src/nls/hu/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/hu/lastTranslated.json
+++ b/src/nls/hu/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/hu/strings.js b/src/nls/hu/strings.js
index 7bb564a1d..b3aead905 100644
--- a/src/nls/hu/strings.js
+++ b/src/nls/hu/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "a(z) {0} felületen",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Válts Pro-ra",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Az ingyenes képkereséseid {0}%-át használtad fel ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stílusszerkesztő",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stílusok szerkesztése",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Hozzáadás",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nincsenek CSS-szabályok",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Egyező szabályok ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Stílusok betöltése…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nincsenek stílusok",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "tulajdonság",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "érték",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Az elem nem szerkeszthető – szkript által generált.",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elem másolva. A „Beillesztés” paranccsal illesztheti be a kijelölt elem után.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Az elem nem gördül az oldallal – a szerkesztőmezők elrejtve.",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Újrakezdés",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kártya",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 törölve",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Stílusszerkesztő",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stílusok szerkesztése",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Hozzáadás",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nincsenek CSS-szabályok",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Egyező szabályok ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Stílusok betöltése…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nincsenek stílusok",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "tulajdonság",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "érték"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/id/lastTranslated.json b/src/nls/id/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/id/lastTranslated.json
+++ b/src/nls/id/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/id/strings.js b/src/nls/id/strings.js
index e9de0e71b..86922b606 100644
--- a/src/nls/id/strings.js
+++ b/src/nls/id/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "di {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Dapatkan Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Anda telah menggunakan {0}% dari pencarian gambar gratis Anda ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor Gaya",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Gaya",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Tambah",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Tidak ada aturan CSS ditemukan",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Aturan yang Cocok ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Memuat gaya…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Tidak ada gaya ditemukan",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "properti",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "nilai",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elemen tidak dapat diedit - dihasilkan oleh skrip",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elemen disalin. Gunakan 'Tempel' untuk menambahkannya setelah elemen yang dipilih.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Elemen tidak ikut bergulir dengan halaman - kotak edit disembunyikan",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Mulai Lagi",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartu",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 dihapus",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor Gaya",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edit Gaya",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Tambah",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Tidak ada aturan CSS ditemukan",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Aturan yang Cocok ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Memuat gaya…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Tidak ada gaya ditemukan",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "properti",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "nilai"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/it/lastTranslated.json b/src/nls/it/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/it/lastTranslated.json
+++ b/src/nls/it/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/it/strings.js b/src/nls/it/strings.js
index 10c3f1b8d..f09141edc 100644
--- a/src/nls/it/strings.js
+++ b/src/nls/it/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "su {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Passa a Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Hai utilizzato il {0}% delle tue ricerche di immagini gratuite ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor stili",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Modifica stili",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Aggiungi",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nessuna regola CSS trovata",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regole corrispondenti ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Caricamento stili...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nessuno stile trovato",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "proprietà",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valore",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elemento non modificabile - generato da script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elemento copiato. Usa 'Incolla' per aggiungerlo dopo l'elemento selezionato",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "L'elemento non scorre con la pagina - caselle di modifica nascoste",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Ricomincia",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carte",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminato",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor stili",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Modifica stili",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Aggiungi",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nessuna regola CSS trovata",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regole corrispondenti ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Caricamento stili...",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nessuno stile trovato",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "proprietà",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valore"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/ja/lastTranslated.json b/src/nls/ja/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/ja/lastTranslated.json
+++ b/src/nls/ja/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/ja/strings.js b/src/nls/ja/strings.js
index 311164c22..f54c63219 100644
--- a/src/nls/ja/strings.js
+++ b/src/nls/ja/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "{0}にて",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Proを入手",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "無料の画像検索を{0}%使用しました ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "スタイルエディター",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "スタイルを編集",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ 追加",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSSルールが見つかりません",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "一致するルール ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "スタイルを読み込み中…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "スタイルが見つかりません",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "プロパティ",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "値",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "スクリプトにより生成された要素は編集できません",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "要素がコピーされました。「貼り付け」で選択した要素の後に追加できます。",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "固定表示の要素のため、編集ボックスは非表示です",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "最初からやり直す",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3枚のカード",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1件削除済み",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "スタイルエディター",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "スタイルを編集",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ 追加",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSSルールが見つかりません",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "一致するルール ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "スタイルを読み込み中…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "スタイルが見つかりません",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "プロパティ",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "値"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/ko/lastTranslated.json b/src/nls/ko/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/ko/lastTranslated.json
+++ b/src/nls/ko/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/ko/strings.js b/src/nls/ko/strings.js
index f7b27cf72..b944bf8b3 100644
--- a/src/nls/ko/strings.js
+++ b/src/nls/ko/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "{0}에서",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "프로 버전 사용하기",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "무료 이미지 검색의 {0}%({1}/{2})를 사용했습니다.",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "스타일 편집기",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "스타일 편집",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ 추가",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS 규칙 없음",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "일치하는 규칙 ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "스타일 로딩 중…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "스타일 없음",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "속성",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "값",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "스크립트로 생성된 요소는 편집할 수 없습니다.",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "요소가 복사되었습니다. '붙여넣기'로 선택한 요소 뒤에 추가하세요.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "요소가 페이지에 고정되어 있어 편집 상자가 숨겨집니다.",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "다시 시작",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 카드",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 삭제됨",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "스타일 편집기",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "스타일 편집",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ 추가",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS 규칙 없음",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "일치하는 규칙 ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "스타일 로딩 중…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "스타일 없음",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "속성",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "값"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix 빌더 MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/lv/lastTranslated.json b/src/nls/lv/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/lv/lastTranslated.json
+++ b/src/nls/lv/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/lv/strings.js b/src/nls/lv/strings.js
index a916fc15d..894646454 100644
--- a/src/nls/lv/strings.js
+++ b/src/nls/lv/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "vietnē {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Iegūt Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Ir izmantoti {0}% no jūsu bezmaksas attēlu meklējumiem ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilu redaktors",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediģēt stilus",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Pievienot",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS nosacījumi nav atrasti",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Atbilstošie nosacījumi ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Ielādē stilus…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Stili nav atrasti",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "īpašība",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "vērtība",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elements nav rediģējams - ģenerēts ar skriptu",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elements nokopēts. Lietojiet 'Ielīmēt', lai to pievienotu aiz atlasītā elementa.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Elements neritinās līdzi lapai - rediģēšanas lauki paslēpti",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Sākt no jauna",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartītes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 izdzēsts",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilu redaktors",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediģēt stilus",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Pievienot",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS nosacījumi nav atrasti",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Atbilstošie nosacījumi ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Ielādē stilus…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Stili nav atrasti",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "īpašība",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "vērtība"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/ml/lastTranslated.json b/src/nls/ml/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/ml/lastTranslated.json
+++ b/src/nls/ml/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/ml/strings.js b/src/nls/ml/strings.js
index 7b9b90823..ee3f1b8ac 100644
--- a/src/nls/ml/strings.js
+++ b/src/nls/ml/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "{0}-ൽ",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "പ്രോ നേടുക",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "നിങ്ങളുടെ സൗജന്യ ചിത്ര തിരയലുകളിൽ {0}% ({1}/{2}) ഉപയോഗിച്ചു കഴിഞ്ഞു",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "ശൈലി എഡിറ്റർ",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "ശൈലികൾ തിരുത്തുക",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ ചേർക്കുക",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "സിഎസ്എസ് നിയമങ്ങളൊന്നും കണ്ടെത്തിയില്ല",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "ചേരുന്ന നിയമങ്ങൾ ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "ശൈലികൾ ലോഡ് ചെയ്യുന്നു…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "ശൈലികളൊന്നും കണ്ടെത്തിയില്ല",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "പ്രോപ്പർട്ടി",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "മൂല്യം",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "ഘടകം തിരുത്താനാവില്ല - സ്ക്രിപ്റ്റ് നിർമ്മിച്ചത്",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "എലമെന്റ് പകർത്തി. തിരഞ്ഞെടുത്ത എലമെന്റിന് ശേഷം ഇത് ചേർക്കാൻ 'പേസ്റ്റ്' ഉപയോഗിക്കുക",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "ഘടകം പേജിനൊപ്പം സ്ക്രോൾ ചെയ്യുന്നില്ല - എഡിറ്റ് ബോക്സുകൾ മറച്ചിരിക്കുന്നു",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "വീണ്ടും ആരംഭിക്കുക",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 കാർഡുകൾ",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 ഇല്ലാതാക്കി",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "ശൈലി എഡിറ്റർ",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "ശൈലികൾ തിരുത്തുക",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ ചേർക്കുക",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "സിഎസ്എസ് നിയമങ്ങളൊന്നും കണ്ടെത്തിയില്ല",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "ചേരുന്ന നിയമങ്ങൾ ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "ശൈലികൾ ലോഡ് ചെയ്യുന്നു…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "ശൈലികളൊന്നും കണ്ടെത്തിയില്ല",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "പ്രോപ്പർട്ടി",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "മൂല്യം"
+  "CMD_PHOENIX_BUILDER_CONNECT": "ഫോണിക്സ് ബിൽഡർ എംസിപി…"
 });
\ No newline at end of file
diff --git a/src/nls/nb/lastTranslated.json b/src/nls/nb/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/nb/lastTranslated.json
+++ b/src/nls/nb/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/nb/strings.js b/src/nls/nb/strings.js
index 5c3183a90..48bef41b4 100644
--- a/src/nls/nb/strings.js
+++ b/src/nls/nb/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "på {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Skaff deg Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Du har brukt {0} % av dine gratis bildesøk ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilredigering",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediger stiler",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Legg til",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Ingen CSS-regler funnet",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Samsvarende regler ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Laster inn stiler …",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Ingen stiler funnet",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskap",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "verdi",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elementet kan ikke redigeres – generert av skript",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element kopiert. Bruk «Lim inn» for å legge det til etter det valgte elementet.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Elementet ruller ikke med siden – redigeringsbokser skjult",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start på nytt",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilredigering",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Rediger stiler",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Legg til",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Ingen CSS-regler funnet",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Samsvarende regler ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Laster inn stiler …",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Ingen stiler funnet",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskap",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "verdi"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/nl/lastTranslated.json b/src/nls/nl/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/nl/lastTranslated.json
+++ b/src/nls/nl/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/nl/strings.js b/src/nls/nl/strings.js
index cdaaa8b9c..814cabd8f 100644
--- a/src/nls/nl/strings.js
+++ b/src/nls/nl/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "op {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Neem Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "U heeft {0}% van uw gratis zoekopdrachten naar afbeeldingen gebruikt ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stijleditor",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stijlen bewerken",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Toevoegen",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Geen CSS-regels gevonden",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Overeenkomende regels ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Stijlen laden...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Geen stijlen gevonden",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "eigenschap",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "waarde",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element niet bewerkbaar - gegenereerd door script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element gekopieerd. Gebruik 'Plakken' om het na het geselecteerde element toe te voegen.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element scrolt niet mee met de pagina - bewerkingsvakken verborgen",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Opnieuw beginnen",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kaarten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 verwijderd",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Stijleditor",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stijlen bewerken",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Toevoegen",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Geen CSS-regels gevonden",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Overeenkomende regels ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Stijlen laden...",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Geen stijlen gevonden",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "eigenschap",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "waarde"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/pl/lastTranslated.json b/src/nls/pl/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/pl/lastTranslated.json
+++ b/src/nls/pl/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/pl/strings.js b/src/nls/pl/strings.js
index ea049c715..598090995 100644
--- a/src/nls/pl/strings.js
+++ b/src/nls/pl/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "na {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Zdobądź Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Wykorzystano {0}% Twoich darmowych wyszukiwań obrazów ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Edytor stylów",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edytuj style",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Dodaj",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nie znaleziono reguł CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Pasujące reguły ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Wczytywanie stylów…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nie znaleziono stylów",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "właściwość",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "wartość",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Element nieedytowalny - wygenerowany przez skrypt",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element skopiowany. Użyj opcji 'Wklej', aby dodać go za zaznaczonym elementem.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Element nie przewija się ze stroną - pola edycji ukryte",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Zacznij od nowa",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 usunięto",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Edytor stylów",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Edytuj style",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Dodaj",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nie znaleziono reguł CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Pasujące reguły ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Wczytywanie stylów…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nie znaleziono stylów",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "właściwość",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "wartość"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/pt-br/lastTranslated.json b/src/nls/pt-br/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/pt-br/lastTranslated.json
+++ b/src/nls/pt-br/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/pt-br/strings.js b/src/nls/pt-br/strings.js
index 3f1643a09..e219a0347 100644
--- a/src/nls/pt-br/strings.js
+++ b/src/nls/pt-br/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "em {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Obtenha o Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Você usou {0}% das suas buscas de imagens gratuitas ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de Estilo",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar Estilos",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adicionar",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenhuma regra CSS encontrada",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras Correspondentes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Carregando estilos…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenhum estilo encontrado",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriedade",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elemento não editável - gerado por script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elemento copiado. Use 'Colar' para adicioná-lo após o elemento selecionado",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "O elemento não rola com a página - caixas de edição ocultas",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de Estilo",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar Estilos",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adicionar",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenhuma regra CSS encontrada",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras Correspondentes ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Carregando estilos…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenhum estilo encontrado",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriedade",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/pt-pt/lastTranslated.json b/src/nls/pt-pt/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/pt-pt/lastTranslated.json
+++ b/src/nls/pt-pt/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/pt-pt/strings.js b/src/nls/pt-pt/strings.js
index b31bf7745..bc6b7edf6 100644
--- a/src/nls/pt-pt/strings.js
+++ b/src/nls/pt-pt/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "em {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Obter Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Já utilizou {0}% das suas pesquisas de imagens gratuitas ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de Estilos",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar Estilos",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adicionar",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Não foram encontradas regras de CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras Correspondentes ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "A carregar estilos…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Não foram encontrados estilos",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriedade",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elemento não editável - gerado por script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Elemento copiado. Use \"Colar\" para o adicionar após o elemento selecionado.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "O elemento não acompanha o deslocamento da página - caixas de edição ocultas",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de Estilos",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editar Estilos",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adicionar",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Não foram encontradas regras de CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Regras Correspondentes ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "A carregar estilos…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Não foram encontrados estilos",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "propriedade",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valor"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/ro/lastTranslated.json b/src/nls/ro/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/ro/lastTranslated.json
+++ b/src/nls/ro/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/ro/strings.js b/src/nls/ro/strings.js
index 22c539c37..01b4e56e4 100644
--- a/src/nls/ro/strings.js
+++ b/src/nls/ro/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "pe {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Obțineți Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Ați folosit {0}% din căutările gratuite de imagini ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de stiluri",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editează stiluri",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adaugă",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nu au fost găsite reguli CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Reguli corespondente ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Se încarcă stilurile…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nu au fost găsite stiluri",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "proprietate",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valoare",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elementul nu este editabil - generat de script",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element copiat. Folosiți „Lipire” pentru a-l adăuga după elementul selectat.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Elementul nu derulează odată cu pagina - casetele de editare sunt ascunse",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Reîncepe",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carduri",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor de stiluri",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Editează stiluri",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Adaugă",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nu au fost găsite reguli CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Reguli corespondente ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Se încarcă stilurile…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nu au fost găsite stiluri",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "proprietate",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "valoare"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/ru/lastTranslated.json b/src/nls/ru/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/ru/lastTranslated.json
+++ b/src/nls/ru/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/ru/strings.js b/src/nls/ru/strings.js
index 178ebf095..a5793f631 100644
--- a/src/nls/ru/strings.js
+++ b/src/nls/ru/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "на {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Перейти на Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Вы использовали {0}% бесплатных поисков изображений ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор стилей",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редактировать стили",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Добавить",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS-правила не найдены",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Совпадающие правила ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Загрузка стилей…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Стили не найдены",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "свойство",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "значение",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Элемент не редактируется — сгенерирован скриптом",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Элемент скопирован. Используйте команду «Вставить», чтобы добавить его после выделенного элемента.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Элемент не прокручивается со страницей — поля для редактирования скрыты",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Начать заново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карточки",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор стилей",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редактировать стили",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Добавить",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS-правила не найдены",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Совпадающие правила ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Загрузка стилей…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Стили не найдены",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "свойство",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "значение"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/sk/lastTranslated.json b/src/nls/sk/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/sk/lastTranslated.json
+++ b/src/nls/sk/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/sk/strings.js b/src/nls/sk/strings.js
index ac668dc96..36123e94c 100644
--- a/src/nls/sk/strings.js
+++ b/src/nls/sk/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "na {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Získajte Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Využili ste {0} % vašich bezplatných vyhľadávaní obrázkov ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor štýlov",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Upraviť štýly",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Pridať",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenašli sa žiadne pravidlá CSS",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Zodpovedajúce pravidlá ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Načítavajú sa štýly…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenašli sa žiadne štýly",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "vlastnosť",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "hodnota",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Prvok nie je možné upraviť – vygenerovaný skriptom",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Prvok skopírovaný. Použite 'Prilepiť' na jeho vloženie za vybraný prvok.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Prvok sa neposúva so stránkou – editačné polia skryté",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začať znova",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karty",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 odstránené",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Editor štýlov",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Upraviť štýly",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Pridať",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Nenašli sa žiadne pravidlá CSS",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Zodpovedajúce pravidlá ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Načítavajú sa štýly…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Nenašli sa žiadne štýly",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "vlastnosť",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "hodnota"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/sr/lastTranslated.json b/src/nls/sr/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/sr/lastTranslated.json
+++ b/src/nls/sr/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/sr/strings.js b/src/nls/sr/strings.js
index 3945da6cd..e4749cf04 100644
--- a/src/nls/sr/strings.js
+++ b/src/nls/sr/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "на {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Набавите Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Искористили сте {0}% ваших бесплатних претрага слика ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Уређивач стилова",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Уреди стилове",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Додај",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Нису пронађена CSS правила",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Подударна правила ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Учитавање стилова…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Нису пронађени стилови",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "својство",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "вредност",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Елемент није могуће уредити - генерисан је скриптом",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Елемент је копиран. Користите 'Налепи' да бисте га додали након изабраног елемента.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Елемент се не скролује са страницом - поља за уређивање су сакривена",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почни поново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 картице",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Уређивач стилова",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Уреди стилове",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Додај",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Нису пронађена CSS правила",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Подударна правила ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Учитавање стилова…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Нису пронађени стилови",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "својство",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "вредност"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/sv/lastTranslated.json b/src/nls/sv/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/sv/lastTranslated.json
+++ b/src/nls/sv/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/sv/strings.js b/src/nls/sv/strings.js
index fa4b8ba19..e6fcf7d45 100644
--- a/src/nls/sv/strings.js
+++ b/src/nls/sv/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "på {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Skaffa Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Du har använt {0}% av dina kostnadsfria bildsökningar ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilredigerare",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Redigera stilar",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Lägg till",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Inga CSS-regler hittades",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matchande regler ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Laddar stilar...",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Inga stilar hittades",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskap",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "värde",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Elementet kan inte redigeras - genererat av skript",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Element kopierat. Använd 'Klistra in' för att lägga till det efter det markerade elementet.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Elementet rullar inte med sidan - redigeringsrutor dolda",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Börja om",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Stilredigerare",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Redigera stilar",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Lägg till",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Inga CSS-regler hittades",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Matchande regler ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Laddar stilar...",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Inga stilar hittades",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "egenskap",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "värde"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/tr/lastTranslated.json b/src/nls/tr/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/tr/lastTranslated.json
+++ b/src/nls/tr/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/tr/strings.js b/src/nls/tr/strings.js
index 1320d06cc..8e188b07d 100644
--- a/src/nls/tr/strings.js
+++ b/src/nls/tr/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "{0} üzerinde",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Pro'ya Geçin",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Ücretsiz görsel arama hakkınızın {0}%'lık kısmını kullandınız ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Stil Düzenleyici",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stilleri Düzenle",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Ekle",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS kuralı bulunamadı",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Eşleşen Kurallar ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Stiller yükleniyor…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Stil bulunamadı",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "özellik",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "değer",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Öğe düzenlenemez - script tarafından oluşturuldu",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Öğe kopyalandı. Seçili öğenin sonrasına eklemek için 'Yapıştır'ı kullanın",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Öğe sayfayla birlikte kaymıyor - düzenleme kutuları gizlendi",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Yeniden Başla",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 silindi",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Stil Düzenleyici",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Stilleri Düzenle",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Ekle",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "CSS kuralı bulunamadı",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Eşleşen Kurallar ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Stiller yükleniyor…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Stil bulunamadı",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "özellik",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "değer"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/uk/lastTranslated.json b/src/nls/uk/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/uk/lastTranslated.json
+++ b/src/nls/uk/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/uk/strings.js b/src/nls/uk/strings.js
index f60da44e3..34eadee29 100644
--- a/src/nls/uk/strings.js
+++ b/src/nls/uk/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "на {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Отримати Pro",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "Ви використали {0}% безкоштовних пошуків зображень ({1} з {2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор стилів",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редагувати стилі",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ Додати",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Правил CSS не знайдено",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Відповідні правила ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "Завантаження стилів…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Стилів не знайдено",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "властивість",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "значення",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "Елемент не можна редагувати — згенеровано скриптом",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "Елемент скопійовано. Використовуйте 'Вставити', щоб додати його після вибраного елемента.",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "Елемент не прокручується зі сторінкою — поля редагування приховано",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почати знову",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карток",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 видалено",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "Редактор стилів",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "Редагувати стилі",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ Додати",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "Правил CSS не знайдено",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "Відповідні правила ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "Завантаження стилів…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "Стилів не знайдено",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "властивість",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "значення"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Конструктор Phoenix MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/ur/lastTranslated.json b/src/nls/ur/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/ur/lastTranslated.json
+++ b/src/nls/ur/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/ur/strings.js b/src/nls/ur/strings.js
index 9736e14f7..b6798b6b4 100644
--- a/src/nls/ur/strings.js
+++ b/src/nls/ur/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "پر {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "Pro حاصل کریں",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "آپ نے اپنی مفت تصویری تلاشوں کا {0}% استعمال کر لیا ہے ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "اسٹائل ایڈیٹر",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "اسٹائلز میں ترمیم کریں",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ شامل کریں",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "کوئی CSS قواعد نہیں ملے",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "مطابقت رکھنے والے قواعد ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "اسٹائلز لوڈ ہو رہے ہیں…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "کوئی اسٹائلز نہیں ملے",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "پراپرٹی",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "ویلیو",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "عنصر قابلِ ترمیم نہیں - اسکرپٹ سے تیار کردہ",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "ایلیمنٹ کاپی ہو گیا۔ منتخب ایلیمنٹ کے بعد اسے شامل کرنے کے لیے 'Paste' استعمال کریں۔",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "عنصر صفحہ کے ساتھ اسکرول نہیں ہوتا - ترمیم کے باکسز پوشیدہ ہیں",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "دوبارہ شروع کریں",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 کارڈز",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 حذف شدہ",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "اسٹائل ایڈیٹر",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "اسٹائلز میں ترمیم کریں",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ شامل کریں",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "کوئی CSS قواعد نہیں ملے",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "مطابقت رکھنے والے قواعد ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "اسٹائلز لوڈ ہو رہے ہیں…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "کوئی اسٹائلز نہیں ملے",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "پراپرٹی",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "ویلیو"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/zh-cn/lastTranslated.json b/src/nls/zh-cn/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/zh-cn/lastTranslated.json
+++ b/src/nls/zh-cn/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/zh-cn/strings.js b/src/nls/zh-cn/strings.js
index 0db826c14..b60e7c620 100644
--- a/src/nls/zh-cn/strings.js
+++ b/src/nls/zh-cn/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "于 {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "获取 Pro 版",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "您已使用 {0}% 的免费图片搜索次数 ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "样式编辑器",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "编辑样式",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ 添加",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "未找到 CSS 规则",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "匹配规则 ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "正在加载样式…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "未找到样式",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "属性",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "值",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "元素不可编辑 - 由脚本生成",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "元素已复制。使用“粘贴”可将其添加到所选元素之后。",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "元素不随页面滚动 - 编辑框已隐藏",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新开始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 张卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已删除",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "样式编辑器",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "编辑样式",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ 添加",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "未找到 CSS 规则",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "匹配规则 ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "正在加载样式…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "未找到样式",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "属性",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "值"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file
diff --git a/src/nls/zh-tw/lastTranslated.json b/src/nls/zh-tw/lastTranslated.json
index 761122d87..bc97f4cf2 100644
--- a/src/nls/zh-tw/lastTranslated.json
+++ b/src/nls/zh-tw/lastTranslated.json
@@ -258,6 +258,7 @@
   "CMD_OPEN_VFS": "Open Virtual File System",
   "CMD_OPEN_VIRTUAL_SERVER": "Open Virtual Server",
   "CMD_PASTE": "Paste",
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…",
   "CMD_PREV_DOC": "Previous Document",
   "CMD_PREV_DOC_LIST_ORDER": "Previous Document in List",
   "CMD_PROJECT_NEW": "Start Project…",
diff --git a/src/nls/zh-tw/strings.js b/src/nls/zh-tw/strings.js
index 75c736424..457f1c998 100644
--- a/src/nls/zh-tw/strings.js
+++ b/src/nls/zh-tw/strings.js
@@ -198,6 +198,15 @@ define({
   "LIVE_DEV_IMAGE_GALLERY_ATTRIBUTION_ON": "於 {0}",
   "LIVE_DEV_IMAGE_GALLERY_GET_PRO": "取得專業版",
   "LIVE_DEV_IMAGE_GALLERY_USAGE_THRESHOLD": "您已使用 {0}% 的免費圖片搜尋次數 ({1}/{2})",
+  "LIVE_DEV_STYLES_PANEL_HEADER": "樣式編輯器",
+  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "編輯樣式",
+  "LIVE_DEV_STYLES_PANEL_ADD": "+ 新增",
+  "LIVE_DEV_STYLES_PANEL_NO_RULES": "找不到 CSS 規則",
+  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "相符規則 ({0})",
+  "LIVE_DEV_STYLES_PANEL_LOADING": "正在載入樣式…",
+  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "找不到任何樣式",
+  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "屬性",
+  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "值",
   "LIVE_DEV_TOAST_NOT_EDITABLE": "元素不可編輯 - 由指令碼產生",
   "LIVE_DEV_COPY_TOAST_MESSAGE": "元素已複製。使用「貼上」即可將其新增至所選元素之後。",
   "LIVE_DEV_TOAST_FIXED_ELEMENT_DISMISSED": "元素不會隨頁面捲動 - 編輯方塊已隱藏",
@@ -1671,13 +1680,5 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新開始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 張卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已刪除",
-  "LIVE_DEV_STYLES_PANEL_HEADER": "樣式編輯器",
-  "LIVE_DEV_STYLES_EDIT_TOOLTIP": "編輯樣式",
-  "LIVE_DEV_STYLES_PANEL_ADD": "+ 新增",
-  "LIVE_DEV_STYLES_PANEL_NO_RULES": "找不到 CSS 規則",
-  "LIVE_DEV_STYLES_PANEL_MATCHING_RULES": "相符規則 ({0})",
-  "LIVE_DEV_STYLES_PANEL_LOADING": "正在載入樣式…",
-  "LIVE_DEV_STYLES_PANEL_NO_STYLES": "找不到任何樣式",
-  "LIVE_DEV_STYLES_PANEL_PROPERTY_PLACEHOLDER": "屬性",
-  "LIVE_DEV_STYLES_PANEL_VALUE_PLACEHOLDER": "值"
+  "CMD_PHOENIX_BUILDER_CONNECT": "Phoenix Builder MCP…"
 });
\ No newline at end of file

From bccdbe5c7941cf9f0e3223f654f6bd48028e2279 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 16 Feb 2026 19:45:11 +0530
Subject: [PATCH 33/35] chore: efficient token use in phoenix builder log scans
 mcp

---
 phoenix-builder-mcp/log-buffer.js           |  19 +++
 phoenix-builder-mcp/mcp-tools.js            | 134 ++++++++++++++++++--
 phoenix-builder-mcp/process-manager.js      |   7 +-
 phoenix-builder-mcp/ws-control-server.js    |  18 ++-
 src/phoenix-builder/phoenix-builder-boot.js |  29 ++++-
 5 files changed, 192 insertions(+), 15 deletions(-)

diff --git a/phoenix-builder-mcp/log-buffer.js b/phoenix-builder-mcp/log-buffer.js
index 3c60d6b10..f11b3d2a2 100644
--- a/phoenix-builder-mcp/log-buffer.js
+++ b/phoenix-builder-mcp/log-buffer.js
@@ -4,10 +4,12 @@ export class LogBuffer {
     constructor() {
         this._entries = [];
         this._readIndex = 0;
+        this._totalPushed = 0;
     }
 
     push(entry) {
         this._entries.push(entry);
+        this._totalPushed++;
         if (this._entries.length > MAX_ENTRIES) {
             const overflow = this._entries.length - MAX_ENTRIES;
             this._entries.splice(0, overflow);
@@ -25,6 +27,23 @@ export class LogBuffer {
         return newEntries;
     }
 
+    totalPushed() {
+        return this._totalPushed;
+    }
+
+    getTail(n, before) {
+        const firstIndex = this._totalPushed - this._entries.length;
+        let endIdx = this._entries.length;
+        if (before != null) {
+            endIdx = Math.max(0, Math.min(this._entries.length, before - firstIndex));
+        }
+        if (n === 0) {
+            return this._entries.slice(0, endIdx);
+        }
+        const startIdx = Math.max(0, endIdx - n);
+        return this._entries.slice(startIdx, endIdx);
+    }
+
     clear() {
         this._entries = [];
         this._readIndex = 0;
diff --git a/phoenix-builder-mcp/mcp-tools.js b/phoenix-builder-mcp/mcp-tools.js
index dad421369..c030b53c3 100644
--- a/phoenix-builder-mcp/mcp-tools.js
+++ b/phoenix-builder-mcp/mcp-tools.js
@@ -1,5 +1,20 @@
 import { z } from "zod";
 
+const DEFAULT_MAX_CHARS = 10000;
+
+function _trimToCharBudget(lines, maxChars) {
+    let total = 0;
+    // Walk backwards (newest first) to keep the most recent entries
+    let startIdx = lines.length;
+    for (let i = lines.length - 1; i >= 0; i--) {
+        const cost = lines[i].length + 1; // +1 for newline
+        if (total + cost > maxChars) { break; }
+        total += cost;
+        startIdx = i;
+    }
+    return { lines: lines.slice(startIdx), trimmed: startIdx };
+}
+
 export function registerTools(server, processManager, wsControlServer, phoenixDesktopPath) {
     server.tool(
         "start_phoenix",
@@ -67,9 +82,18 @@ export function registerTools(server, processManager, wsControlServer, phoenixDe
 
     server.tool(
         "get_terminal_logs",
-        "Get stdout/stderr output from the Electron process. By default returns new logs since last call; set clear=true to get all logs and clear the buffer.",
-        { clear: z.boolean().default(false).describe("If true, return all logs and clear the buffer. If false, return only new logs since last read.") },
-        async ({ clear }) => {
+        "Get stdout/stderr output from the Electron process. Returns last 50 entries by default. " +
+        "USAGE: Start with default tail=50. Use filter (regex) to narrow results (e.g. filter='error|warn'). " +
+        "Use before=N (from previous totalEntries) to page back. Avoid tail=0 unless necessary — " +
+        "prefer filter + small tail to keep responses compact.",
+        {
+            clear: z.boolean().default(false).describe("If true, return all logs and clear the buffer. If false, return only new logs since last read."),
+            tail: z.number().default(50).describe("Return last N entries. 0 = all."),
+            before: z.number().optional().describe("Cursor: return entries before this totalEntries position. Use the totalEntries value from a previous response to page back stably."),
+            filter: z.string().optional().describe("Optional regex to filter log entries by text content. Applied before tail/before."),
+            maxChars: z.number().default(DEFAULT_MAX_CHARS).describe("Max character budget for log content. Oldest entries are dropped first to fit. 0 = unlimited.")
+        },
+        async ({ clear, tail, before, filter, maxChars }) => {
             let logs;
             if (clear) {
                 logs = processManager.getTerminalLogs(false);
@@ -77,11 +101,58 @@ export function registerTools(server, processManager, wsControlServer, phoenixDe
             } else {
                 logs = processManager.getTerminalLogs(true);
             }
-            const text = logs.map(e => `[${e.stream}] ${e.text}`).join("");
+            const totalEntries = processManager.getTerminalLogsTotalPushed();
+            let filterRe;
+            if (filter) {
+                try {
+                    filterRe = new RegExp(filter, "i");
+                } catch (e) {
+                    return {
+                        content: [{
+                            type: "text",
+                            text: `Invalid filter regex: ${e.message}`
+                        }]
+                    };
+                }
+                logs = logs.filter(e => filterRe.test(e.text));
+            }
+            const matchedEntries = logs.length;
+            const endIdx = before != null ? Math.max(0, Math.min(matchedEntries, before)) : matchedEntries;
+            if (tail > 0) {
+                const startIdx = Math.max(0, endIdx - tail);
+                logs = logs.slice(startIdx, endIdx);
+            } else {
+                logs = logs.slice(0, endIdx);
+            }
+            let lines = logs.map(e => `[${e.stream}] ${e.text}`);
+            let trimmed = 0;
+            if (maxChars > 0) {
+                const result = _trimToCharBudget(lines, maxChars);
+                lines = result.lines;
+                trimmed = result.trimmed;
+            }
+            const showing = lines.length;
+            const rangeEnd = endIdx;
+            const rangeStart = rangeEnd - logs.length;
+            const actualStart = rangeStart + trimmed;
+            const hasMore = actualStart > 0;
+            let header = `[Logs: ${totalEntries} total`;
+            if (filter) {
+                header += `, ${matchedEntries} matched /${filter}/i`;
+            }
+            header += `, showing ${actualStart}-${rangeEnd} (${showing} entries).`;
+            if (trimmed > 0) {
+                header += ` ${trimmed} entries trimmed to fit maxChars=${maxChars}.`;
+            }
+            if (hasMore) {
+                header += ` hasMore=true, use before=${actualStart} to page back.`;
+            }
+            header += `]`;
+            const text = lines.join("");
             return {
                 content: [{
                     type: "text",
-                    text: text || "(no terminal logs)"
+                    text: text ? header + "\n" + text : "(no terminal logs)"
                 }]
             };
         }
@@ -89,17 +160,60 @@ export function registerTools(server, processManager, wsControlServer, phoenixDe
 
     server.tool(
         "get_browser_console_logs",
-        "Get console logs captured from the Phoenix browser runtime from boot time. Fetches the full retained log buffer directly from the browser instance.",
+        "Get console logs from the Phoenix browser runtime. Returns last 50 entries by default. " +
+        "USAGE: Start with default tail=50. Use filter (regex) to narrow results (e.g. filter='error|warn'). " +
+        "Use before=N (from previous totalEntries) to page back. Avoid tail=0 unless necessary — " +
+        "prefer filter + small tail to keep responses compact.",
         {
-            instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected.")
+            instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected."),
+            tail: z.number().default(50).describe("Return last N entries. 0 = all."),
+            before: z.number().optional().describe("Cursor: return entries before this totalEntries position. Use the totalEntries value from a previous response to page back stably."),
+            filter: z.string().optional().describe("Optional regex to filter log entries by message content. Applied before tail/before."),
+            maxChars: z.number().default(DEFAULT_MAX_CHARS).describe("Max character budget for log content. Oldest entries are dropped first to fit. 0 = unlimited.")
         },
-        async ({ instance }) => {
+        async ({ instance, tail, before, filter, maxChars }) => {
             try {
-                const logs = await wsControlServer.requestLogs(instance);
+                const result = await wsControlServer.requestLogs(instance, { tail, before, filter });
+                const entries = result.entries || [];
+                const totalEntries = result.totalEntries || entries.length;
+                const matchedEntries = result.matchedEntries != null ? result.matchedEntries : entries.length;
+                const rangeEnd = result.rangeEnd != null ? result.rangeEnd : matchedEntries;
+                let lines = entries.map(e => `[${e.level}] ${e.message}`);
+                let trimmed = 0;
+                if (maxChars > 0) {
+                    const trimResult = _trimToCharBudget(lines, maxChars);
+                    lines = trimResult.lines;
+                    trimmed = trimResult.trimmed;
+                }
+                const showing = lines.length;
+                const rangeStart = rangeEnd - entries.length;
+                const actualStart = rangeStart + trimmed;
+                const hasMore = actualStart > 0;
+                let header = `[Logs: ${totalEntries} total`;
+                if (filter) {
+                    header += `, ${matchedEntries} matched /${filter}/i`;
+                }
+                header += `, showing ${actualStart}-${rangeEnd} (${showing} entries).`;
+                if (trimmed > 0) {
+                    header += ` ${trimmed} entries trimmed to fit maxChars=${maxChars}.`;
+                }
+                if (hasMore) {
+                    header += ` hasMore=true, use before=${actualStart} to page back.`;
+                }
+                header += `]`;
+                if (showing === 0) {
+                    return {
+                        content: [{
+                            type: "text",
+                            text: "(no browser logs)"
+                        }]
+                    };
+                }
+                const text = lines.join("\n");
                 return {
                     content: [{
                         type: "text",
-                        text: JSON.stringify(logs.length > 0 ? logs : "(no browser logs)")
+                        text: header + "\n" + text
                     }]
                 };
             } catch (err) {
diff --git a/phoenix-builder-mcp/process-manager.js b/phoenix-builder-mcp/process-manager.js
index d49a4a91d..cafc8b028 100644
--- a/phoenix-builder-mcp/process-manager.js
+++ b/phoenix-builder-mcp/process-manager.js
@@ -112,12 +112,17 @@ export function createProcessManager() {
         terminalLogs.clear();
     }
 
+    function getTerminalLogsTotalPushed() {
+        return terminalLogs.totalPushed();
+    }
+
     return {
         start,
         stop,
         isRunning,
         getPid,
         getTerminalLogs,
-        clearTerminalLogs
+        clearTerminalLogs,
+        getTerminalLogsTotalPushed
     };
 }
diff --git a/phoenix-builder-mcp/ws-control-server.js b/phoenix-builder-mcp/ws-control-server.js
index b7beb76e2..d6bd9526e 100644
--- a/phoenix-builder-mcp/ws-control-server.js
+++ b/phoenix-builder-mcp/ws-control-server.js
@@ -73,7 +73,12 @@ export function createWSControlServer(port) {
                     const pending4 = pendingRequests.get(msg.id);
                     if (pending4) {
                         pendingRequests.delete(msg.id);
-                        pending4.resolve(msg.entries || []);
+                        pending4.resolve({
+                            entries: msg.entries || [],
+                            totalEntries: msg.totalEntries || (msg.entries ? msg.entries.length : 0),
+                            matchedEntries: msg.matchedEntries,
+                            rangeEnd: msg.rangeEnd
+                        });
                     }
                     break;
                 }
@@ -260,7 +265,7 @@ export function createWSControlServer(port) {
         });
     }
 
-    function requestLogs(instanceName) {
+    function requestLogs(instanceName, { tail = 50, before, filter } = {}) {
         return new Promise((resolve, reject) => {
             const resolved = _resolveClient(instanceName);
             if (resolved.error) {
@@ -291,7 +296,14 @@ export function createWSControlServer(port) {
                 }
             });
 
-            client.ws.send(JSON.stringify({ type: "get_logs_request", id }));
+            const msg = { type: "get_logs_request", id, tail };
+            if (before != null) {
+                msg.before = before;
+            }
+            if (filter) {
+                msg.filter = filter;
+            }
+            client.ws.send(JSON.stringify(msg));
         });
     }
 
diff --git a/src/phoenix-builder/phoenix-builder-boot.js b/src/phoenix-builder/phoenix-builder-boot.js
index eb40d6682..c577720ec 100644
--- a/src/phoenix-builder/phoenix-builder-boot.js
+++ b/src/phoenix-builder/phoenix-builder-boot.js
@@ -49,6 +49,7 @@
     let ws = null;
     let logBuffer = [];
     const capturedLogs = [];
+    let totalLogsPushed = 0;
     let flushTimer = null;
     let reconnectTimer = null;
     let reconnectDelay = RECONNECT_BASE_MS;
@@ -133,6 +134,7 @@
         };
         logBuffer.push(entry);
         capturedLogs.push(entry);
+        totalLogsPushed++;
         // Cap buffer size — drop oldest entries to prevent unbounded memory growth
         if (logBuffer.length > MAX_BUFFER_SIZE) {
             logBuffer = logBuffer.slice(logBuffer.length - MAX_BUFFER_SIZE);
@@ -309,10 +311,35 @@
     // --- Register built-in handler for get_logs_request ---
     // Returns the full capturedLogs buffer to the MCP server on demand.
     registerHandler("get_logs_request", function (msg) {
+        const tail = typeof msg.tail === "number" ? msg.tail : 50;
+        const before = typeof msg.before === "number" ? msg.before : null;
+        const filterStr = msg.filter || null;
+        let source = capturedLogs;
+        if (filterStr) {
+            try {
+                const re = new RegExp(filterStr, "i");
+                source = capturedLogs.filter(function (e) { return re.test(e.message); });
+            } catch (e) {
+                // invalid regex — skip filtering
+                source = capturedLogs;
+            }
+        }
+        const matchedEntries = source.length;
+        const endIdx = before != null ? Math.max(0, Math.min(matchedEntries, before)) : matchedEntries;
+        let entries;
+        if (tail === 0) {
+            entries = source.slice(0, endIdx);
+        } else {
+            const startIdx = Math.max(0, endIdx - tail);
+            entries = source.slice(startIdx, endIdx);
+        }
         _sendMessage({
             type: "get_logs_response",
             id: msg.id,
-            entries: capturedLogs.slice()
+            entries: entries,
+            totalEntries: totalLogsPushed,
+            matchedEntries: matchedEntries,
+            rangeEnd: endIdx
         });
     });
 

From f4c25a13985217f25370e78b25dc864e13c3eecc Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 16 Feb 2026 21:01:31 +0530
Subject: [PATCH 34/35] feat: phoenix builder mcp server comunication with live
 preview

---
 phoenix-builder-mcp/mcp-tools.js              | 31 +++++++
 phoenix-builder-mcp/ws-control-server.js      | 49 +++++++++++
 src/phoenix-builder/phoenix-builder-client.js | 83 +++++++++++++++++++
 3 files changed, 163 insertions(+)

diff --git a/phoenix-builder-mcp/mcp-tools.js b/phoenix-builder-mcp/mcp-tools.js
index c030b53c3..19b05ada0 100644
--- a/phoenix-builder-mcp/mcp-tools.js
+++ b/phoenix-builder-mcp/mcp-tools.js
@@ -340,6 +340,37 @@ export function registerTools(server, processManager, wsControlServer, phoenixDe
         }
     );
 
+    server.tool(
+        "exec_js_in_live_preview",
+        "Execute JavaScript in the live preview iframe (the page being previewed), NOT in Phoenix itself. " +
+        "Auto-opens the live preview panel if it is not already visible. " +
+        "Code is evaluated via eval() in the global scope of the previewed page. " +
+        "Note: eval() is synchronous — async/await is NOT supported. " +
+        "Use this to inspect or manipulate the user's live-previewed web page (e.g. document.title, DOM queries).",
+        {
+            code: z.string().describe("JavaScript code to execute in the live preview iframe"),
+            instance: z.string().optional().describe("Target a specific Phoenix instance by name (e.g. 'Phoenix-a3f2'). Required when multiple instances are connected.")
+        },
+        async ({ code, instance }) => {
+            try {
+                const result = await wsControlServer.requestExecJsLivePreview(code, instance);
+                return {
+                    content: [{
+                        type: "text",
+                        text: result !== undefined ? String(result) : "(undefined)"
+                    }]
+                };
+            } catch (err) {
+                return {
+                    content: [{
+                        type: "text",
+                        text: JSON.stringify({ error: err.message })
+                    }]
+                };
+            }
+        }
+    );
+
     server.tool(
         "get_phoenix_status",
         "Check the status of the Phoenix process and WebSocket connection.",
diff --git a/phoenix-builder-mcp/ws-control-server.js b/phoenix-builder-mcp/ws-control-server.js
index d6bd9526e..452a2ac86 100644
--- a/phoenix-builder-mcp/ws-control-server.js
+++ b/phoenix-builder-mcp/ws-control-server.js
@@ -96,6 +96,19 @@ export function createWSControlServer(port) {
                     break;
                 }
 
+                case "exec_js_live_preview_response": {
+                    const pending6 = pendingRequests.get(msg.id);
+                    if (pending6) {
+                        pendingRequests.delete(msg.id);
+                        if (msg.error) {
+                            pending6.reject(new Error(msg.error));
+                        } else {
+                            pending6.resolve(msg.result);
+                        }
+                    }
+                    break;
+                }
+
                 case "reload_response": {
                     const pending3 = pendingRequests.get(msg.id);
                     if (pending3) {
@@ -342,6 +355,41 @@ export function createWSControlServer(port) {
         });
     }
 
+    function requestExecJsLivePreview(code, instanceName) {
+        return new Promise((resolve, reject) => {
+            const resolved = _resolveClient(instanceName);
+            if (resolved.error) {
+                reject(new Error(resolved.error));
+                return;
+            }
+
+            const { client } = resolved;
+            if (client.ws.readyState !== 1) {
+                reject(new Error("Phoenix client \"" + resolved.name + "\" is not connected"));
+                return;
+            }
+
+            const id = ++requestIdCounter;
+            const timeout = setTimeout(() => {
+                pendingRequests.delete(id);
+                reject(new Error("exec_js_live_preview request timed out (60s)"));
+            }, 60000);
+
+            pendingRequests.set(id, {
+                resolve: (data) => {
+                    clearTimeout(timeout);
+                    resolve(data);
+                },
+                reject: (err) => {
+                    clearTimeout(timeout);
+                    reject(err);
+                }
+            });
+
+            client.ws.send(JSON.stringify({ type: "exec_js_live_preview_request", id, code }));
+        });
+    }
+
     function getBrowserLogs(sinceLast, instanceName) {
         const resolved = _resolveClient(instanceName);
         if (resolved.error) {
@@ -393,6 +441,7 @@ export function createWSControlServer(port) {
         requestReload,
         requestLogs,
         requestExecJs,
+        requestExecJsLivePreview,
         getBrowserLogs,
         clearBrowserLogs,
         isClientConnected,
diff --git a/src/phoenix-builder/phoenix-builder-client.js b/src/phoenix-builder/phoenix-builder-client.js
index e37fad13d..a6316f57a 100644
--- a/src/phoenix-builder/phoenix-builder-client.js
+++ b/src/phoenix-builder/phoenix-builder-client.js
@@ -27,6 +27,9 @@ define(function (require, exports, module) {
 
     const CommandManager = require("command/CommandManager");
     const Commands = require("command/Commands");
+    const LiveDevProtocol = require("LiveDevelopment/MultiBrowserImpl/protocol/LiveDevProtocol");
+    const LiveDevMain = require("LiveDevelopment/main");
+    const WorkspaceManager = require("view/WorkspaceManager");
 
     const boot = window._phoenixBuilder || null;
 
@@ -87,10 +90,90 @@ define(function (require, exports, module) {
             });
     }
 
+    function _handleExecJsLivePreviewRequest(msg) {
+        function _evaluate() {
+            LiveDevProtocol.evaluate(msg.code)
+                .done(function (evalResult) {
+                    boot.sendMessage({
+                        type: "exec_js_live_preview_response",
+                        id: msg.id,
+                        result: JSON.stringify(evalResult)
+                    });
+                })
+                .fail(function (err) {
+                    boot.sendMessage({
+                        type: "exec_js_live_preview_response",
+                        id: msg.id,
+                        error: (err && err.message) || String(err) || "evaluate() failed"
+                    });
+                });
+        }
+
+        // Fast path: already connected
+        if (LiveDevProtocol.getConnectionIds().length > 0) {
+            _evaluate();
+            return;
+        }
+
+        // Need to ensure live preview is open and connected
+        const panel = WorkspaceManager.getPanelForID("live-preview-panel");
+        if (!panel || !panel.isVisible()) {
+            CommandManager.execute("file.liveFilePreview");
+        } else {
+            LiveDevMain.openLivePreview();
+        }
+
+        // Wait for a live preview connection (up to 30s)
+        const TIMEOUT = 30000;
+        const POLL_INTERVAL = 500;
+        let settled = false;
+        let pollTimer = null;
+
+        function cleanup() {
+            settled = true;
+            if (pollTimer) {
+                clearInterval(pollTimer);
+                pollTimer = null;
+            }
+            LiveDevProtocol.off("ConnectionConnect.execJsLivePreview");
+        }
+
+        const timeoutTimer = setTimeout(function () {
+            if (settled) { return; }
+            cleanup();
+            boot.sendMessage({
+                type: "exec_js_live_preview_response",
+                id: msg.id,
+                error: "Timed out waiting for live preview connection (30s)"
+            });
+        }, TIMEOUT);
+
+        function onConnected() {
+            if (settled) { return; }
+            cleanup();
+            clearTimeout(timeoutTimer);
+            _evaluate();
+        }
+
+        LiveDevProtocol.on("ConnectionConnect.execJsLivePreview", onConnected);
+
+        // Safety-net poll in case the event was missed
+        pollTimer = setInterval(function () {
+            if (settled) {
+                clearInterval(pollTimer);
+                return;
+            }
+            if (LiveDevProtocol.getConnectionIds().length > 0) {
+                onConnected();
+            }
+        }, POLL_INTERVAL);
+    }
+
     // Register handlers on the boot module
     if (boot) {
         boot.registerHandler("screenshot_request", _handleScreenshotRequest);
         boot.registerHandler("reload_request", _handleReloadRequest);
+        boot.registerHandler("exec_js_live_preview_request", _handleExecJsLivePreviewRequest);
     }
 
     exports.connect = function (url) { if (boot) { boot.connect(url); } };

From b647d3e706a6fe15fb4926ec958f27f8d2c6f7f4 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Mon, 16 Feb 2026 21:02:50 +0530
Subject: [PATCH 35/35] feat: phoenix builder mcp server comunication with live
 preview

---
 phoenix-builder-mcp/mcp-tools.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/phoenix-builder-mcp/mcp-tools.js b/phoenix-builder-mcp/mcp-tools.js
index 19b05ada0..14ac66298 100644
--- a/phoenix-builder-mcp/mcp-tools.js
+++ b/phoenix-builder-mcp/mcp-tools.js
@@ -346,6 +346,8 @@ export function registerTools(server, processManager, wsControlServer, phoenixDe
         "Auto-opens the live preview panel if it is not already visible. " +
         "Code is evaluated via eval() in the global scope of the previewed page. " +
         "Note: eval() is synchronous — async/await is NOT supported. " +
+        "Only available when an HTML file is selected in the live preview — " +
+        "does not work for markdown or other non-HTML file types. " +
         "Use this to inspect or manipulate the user's live-previewed web page (e.g. document.title, DOM queries).",
         {
             code: z.string().describe("JavaScript code to execute in the live preview iframe"),