From 5da1d748c52362d1042a1ec24487668e9868624d Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Mon, 8 Jun 2026 17:49:27 +0530
Subject: [PATCH 1/2] feat: add support to get started with live preview from a
 blank page

---
 .../documents/LiveHTMLDocument.js                 | 15 ++++++++++++++-
 src/nls/root/strings.js                           |  2 +-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js b/src/LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js
index 4ff3a1fadc..9686ad405c 100644
--- a/src/LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js
+++ b/src/LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js
@@ -127,8 +127,21 @@ define(function (require, exports, module) {
             body = HTMLInstrumentation.generateInstrumentedHTML(this.editor, this.protocol.getRemoteScript());
         }
 
+        if (!body) {
+            // generateInstrumentedHTML() returns null when the document is empty or its
+            // HTML cannot be parsed into a DOM (no instrumentable content). In that case it
+            // also never injected the remote <script>, so without help the served page would
+            // have no live-preview runtime at all — a blank page with no way to connect back
+            // or start editing. Fall back to the raw text but still inject the remote script
+            // so the runtime always loads, even for a completely empty page.
+            body = this.doc.getText();
+            if (this._instrumentationEnabled) {
+                body += this.protocol.getRemoteScript();
+            }
+        }
+
         return {
-            body: body || this.doc.getText()
+            body: body
         };
     };
 
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 7729c46e1e..ddfd2b0c45 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -206,7 +206,7 @@ define({
     "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements\u2026",
     "LIVE_DEV_INSERT_COMMON": "Common",
     "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
-    "LIVE_DEV_INSERT_SEE_MORE": "See more",
+    "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
     "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
     "LIVE_DEV_INSERT_CREATE": "Create",
     "LIVE_DEV_EDIT_ONBOARD_TITLE": "Two new ways to edit",

From 2186a0d839917f923cba119ad521951924b26922 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Tue, 9 Jun 2026 17:19:42 +0530
Subject: [PATCH 2/2] feat: add first element bar related strings

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

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index ddfd2b0c45..f057f2c2b5 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -209,6 +209,9 @@ define({
     "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
     "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
     "LIVE_DEV_INSERT_CREATE": "Create",
+    "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
+    "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+    "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
     "LIVE_DEV_EDIT_ONBOARD_TITLE": "Two new ways to edit",
     "LIVE_DEV_EDIT_ONBOARD_INSERT": "Add new HTML elements",
     "LIVE_DEV_EDIT_ONBOARD_PROPS": "Edit tag, classes, ID and attributes",