chore: update demo page translations

src/nls/root/strings.js

@@ -1780,5 +1780,97 @@ define({
     "AI_CONTROL_ADMIN_DISABLED": "AI access has been disabled by your system administrator",
     "AI_CONTROL_ADMIN_DISABLED_CONTACT": "AI access has been disabled by your system administrator. Please contact {0} for assistance.",
     "AI_UPSELL_DIALOG_TITLE": "Continue with {0}?",
-    "AI_UPSELL_DIALOG_MESSAGE": "You’ve discovered {0}. To proceed, you’ll need an AI subscription or credits."
+    "AI_UPSELL_DIALOG_MESSAGE": "You’ve discovered {0}. To proceed, you’ll need an AI subscription or credits.",
+
+    // demo start - Phoenix Code Playground - Interactive Onboarding
+    "DEMO_SECTION1_TITLE": "Edit in Live Preview",
+    "DEMO_SECTION1_SUBTITLE": "Edit your page visually -&nbsp; <b>Your HTML updates instantly</b>",
+    "DEMO_GET_STARTED_BUTTON": "Get Started",
+
+    "DEMO_SECTION2_TITLE": "Edit Text",
+    "DEMO_SECTION2_SUBTITLE": "Double-click to edit the text below and add your name",
+    "DEMO_EDITABLE_PLACEHOLDER_HELLO": "Hello ___",
+    "DEMO_SECTION2_SUCCESS_MESSAGE": "Your edit updated the code — undo with <span id=\"undo-shortcut\"></span>, redo with <span id=\"redo-shortcut\"></span>.",
+    "DEMO_HINT_COMPLETE_TASK_LABEL": "To complete this task:",
+    "DEMO_SECTION2_HINT_STEP1": "Double-click on the \"Hello ___\" text",
+    "DEMO_SECTION2_HINT_STEP2": "Replace the underscores with your name",
+    "DEMO_SECTION2_HINT_STEP3": "Press Enter or click outside to apply your changes",
+
+    "DEMO_SECTION3_TITLE": "Change images live",
+    "DEMO_SECTION3_SUBTITLE": "Click the image below to replace it with one you like from the Image Library.",
+    "DEMO_SECTION3_SUCCESS_URL": "Did you know that you can download images with the <img src=\"images/download.svg\" alt=\"Download\" class=\"inline-icon\"> Download button in the Image Library?",
+    "DEMO_SECTION3_SUCCESS_LOCAL": "Did you know you can click on an image to use it without downloading?",
+    "DEMO_SECTION3_HINT_STEP1": "Click the image above to open the Image Library (double-click to toggle)",
+    "DEMO_SECTION3_HINT_STEP2": "In the Image Library: hover over thumbnails to preview them",
+    "DEMO_SECTION3_HINT_STEP3": "Click a thumbnail to place it on your page, or click the <img src=\"images/download.svg\" alt=\"Download\" class=\"inline-icon\"> icon to download it first",
+
+    "DEMO_SECTION4_TITLE": "Edit elements visually",
+    "DEMO_SECTION4_SUBTITLE": "Duplicate<img src=\"images/duplicate.svg\" alt=\"Duplicate\" class=\"inline-icon\"> the card below to make <strong>3 cards</strong> total, then <strong>delete<img src=\"images/trash.svg\" alt=\"Delete\" class=\"inline-icon\"> 1 card</strong>.",
+    "DEMO_SECTION4_UNDO_WARNING": "Oops! All cards deleted. Press <strong><span id=\"undo-shortcut-section4\"></span></strong> to undo.",
+    "DEMO_CARD_TITLE": "Card",
+    "DEMO_CARD_SELECT_PARENT_TIP": "Click the <img src=\"images/arrowUp.svg\" alt=\"Up\" class=\"inline-icon\">&nbsp;icon in toolbar above to select the parent card.",
+    "DEMO_SECTION4_SUCCESS_MESSAGE": "Perfect! You've mastered duplicating and deleting elements.",
+    "DEMO_SECTION4_HINT_STEP1": "Click the card to select it",
+    "DEMO_SECTION4_HINT_STEP2_DUPLICATE": "Use the <img src=\"images/duplicate.svg\" alt=\"Duplicate\" class=\"inline-icon\"> button or press <strong><span id=\"duplicate-shortcut\"></span></strong> to duplicate cards until you have 3 total",
+    "DEMO_SECTION4_HINT_STEP3_DELETE": "Select any card and use the <img src=\"images/trash.svg\" alt=\"Delete\" class=\"inline-icon\"> button or press <strong>Delete</strong> to remove it",
+    "DEMO_SECTION4_HINT_TIP_UNDO_REDO": "Tip: You can undo with <strong><span id=\"undo-shortcut-hint\"></span></strong> and redo with <strong><span id=\"redo-shortcut-hint\"></span></strong>",
+    "DEMO_DELETE_KEY": "Delete",
+
+    "DEMO_SECTION5_TITLE": "Reorder elements by dragging",
+    "DEMO_SECTION5_SUBTITLE": "Drag any note to change the order.",
+    "DEMO_STICKY_NOTE_FIRST_PLACE": "First Place",
+    "DEMO_STICKY_NOTE_SECOND_PLACE": "Second Place",
+    "DEMO_STICKY_NOTE_THIRD_PLACE": "Third Place",
+    "DEMO_SECTION5_SUCCESS_MESSAGE": "You can drag elements anywhere on the page to rearrange them.",
+    "DEMO_SECTION5_HINT_STEP1": "Click and hold any note to start dragging",
+    "DEMO_SECTION5_HINT_STEP2": "Move it up or down to change the order",
+    "DEMO_SECTION5_HINT_STEP3": "Release to drop it in the new position",
+
+    "DEMO_SECTION6_TITLE": "Edit links and preview your page",
+    "DEMO_SECTION6_SUBTITLE": "Select the <img src=\"images/link.svg\" alt=\"Link\" class=\"inline-icon\"> icon in the toolbar to change where this link points.",
+    "DEMO_LINK_EDIT_LINK": "Edit Link",
+    "DEMO_SECTION6_SUCCESS_MESSAGE": "You edited a link.",
+    "DEMO_MODE_EXPLANATION_TITLE": "Edit mode vs Preview mode",
+    "DEMO_EDIT_MODE_LABEL": "Edit mode",
+    "DEMO_EDIT_MODE_DESCRIPTION": "Select and change things on the page",
+    "DEMO_PREVIEW_MODE_LABEL": "Preview mode",
+    "DEMO_PREVIEW_MODE_DESCRIPTION": "See your page as visitors will see it",
+    "DEMO_MODE_SWITCH_HINT": "Press <strong>F8</strong> or click the <span class=\"play-button-hint\"><img src=\"images/playButton.svg\" alt=\"Play\" class=\"play-hint-svg svg-gold\"></span> buttons to switch modes.",
+    "DEMO_TIPS_LABEL": "Tips:",
+    "DEMO_SECTION6_TIP1": "Click any link to select it for editing",
+    "DEMO_SECTION6_TIP2_NEWTAB": "Enable <strong>Open in new tab</strong> to open links on a separate page",
+    "DEMO_SECTION6_TIP3_PREVIEW": "Switch to Preview mode (<strong>F8</strong>) to test links and interactions",
+
+    "DEMO_COMPLETION_TITLE": "You're ready to build!",
+    "DEMO_COMPLETION_BODY": "You've learned how to edit with Live Preview.<br>Open a folder with your HTML files to start editing.",
+    "DEMO_COMPLETION_HELP_PROMPT": "Need more help?",
+    "DEMO_RESOURCE_YOUTUBE": "YouTube",
+    "DEMO_RESOURCE_DOCUMENTATION": "Documentation",
+
+    "DEMO_BONUS_BADGE": "One more thing",
+    "DEMO_SECTION8_TITLE": "Check layout with measurements",
+    "DEMO_SECTION8_SUBTITLE": "Click <img src=\"images/verticalEllipsis.svg\" alt=\"menu\" class=\"inline-icon\"> in the toolbar and select <strong>Show Measurements</strong> to see which box is misaligned.",
+    "DEMO_BOX_CLICK_MENU": "Click <img src=\"images/verticalEllipsis.svg\" alt=\"menu\" class=\"inline-icon\">",
+    "DEMO_BOX_LABEL": "Box",
+    "DEMO_SECTION8_TIP1": "Click the <img src=\"images/verticalEllipsis.svg\" alt=\"More options\" class=\"inline-icon\"> icon in the toolbar, or right-click to open the menu",
+    "DEMO_SECTION8_TIP2_MEASUREMENTS": "Enable <strong>Show Measurements</strong> to see spacing and alignment guides",
+    "DEMO_SECTION8_TIP3": "Measurements help you spot alignment issues quickly",
+
+    "DEMO_ALT_EDIT_TEXT": "Edit Text",
+    "DEMO_ALT_IMAGE_LIBRARY": "Image Library",
+    "DEMO_ALT_DRAG_AND_DROP": "Drag and Drop",
+    "DEMO_ALT_LAYOUT_RULERS": "Layout Rulers",
+    "DEMO_ALT_REPLACEABLE_IMAGE": "Replaceable image",
+    "DEMO_ALT_DOWNLOAD_ICON": "Download",
+    "DEMO_ALT_DUPLICATE_ICON": "Duplicate",
+    "DEMO_ALT_DELETE_ICON": "Delete",
+    "DEMO_ALT_UP_ICON": "Up",
+    "DEMO_ALT_LINK_ICON": "Link",
+    "DEMO_ALT_PLAY_ICON": "Play",
+    "DEMO_ALT_MENU_ICON": "menu",
+    "DEMO_ALT_MORE_OPTIONS_ICON": "More options",
+    "DEMO_ALT_CARD_IMAGE": "Card image",
+    "DEMO_ALT_ROCKET": "Rocket",
+    "DEMO_ALT_ARROW": "Arrow"
+    // demo end
 });