phcode-dev
diff --git a/‎appConfig.js‎
Lines changed: 2 additions & 2 deletions b/‎appConfig.js‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎assets/default-project/en.zip‎
0 Bytes b/‎assets/default-project/en.zip‎
0 Bytes
diff --git a/‎assets/new-project/assets/css/responsive.css‎
Lines changed: 5 additions & 5 deletions b/‎assets/new-project/assets/css/responsive.css‎
Lines changed: 5 additions & 5 deletions
diff --git a/‎assets/new-project/assets/js/code-editor.js‎
Lines changed: 31 additions & 0 deletions b/‎assets/new-project/assets/js/code-editor.js‎
Lines changed: 31 additions & 0 deletions
diff --git a/‎assets/new-project/code-editor.html‎
Lines changed: 18 additions & 1 deletion b/‎assets/new-project/code-editor.html‎
Lines changed: 18 additions & 1 deletion
diff --git a/‎assets/sample-projects/HTML5.zip‎
0 Bytes b/‎assets/sample-projects/HTML5.zip‎
0 Bytes
diff --git a/‎assets/sample-projects/bootstrap-blog.zip‎
0 Bytes b/‎assets/sample-projects/bootstrap-blog.zip‎
0 Bytes
diff --git a/‎assets/sample-projects/dashboard.zip‎
0 Bytes b/‎assets/sample-projects/dashboard.zip‎
0 Bytes
diff --git a/‎assets/sample-projects/explore.zip‎
0 Bytes b/‎assets/sample-projects/explore.zip‎
0 Bytes
diff --git a/‎assets/sample-projects/home-pages.zip‎
0 Bytes b/‎assets/sample-projects/home-pages.zip‎
0 Bytes
@@ -28,7 +28,7 @@ window.AppConfig = {
         "app_notification_url": "assets/notifications/dev/",
         "app_update_url": "https://updates.phcode.io/tauri/update-latest-experimental-build.json",
         "linting.enabled_by_default": true,
-        "build_timestamp": "2025-09-01T05:12:56.755Z",
+        "build_timestamp": "2025-09-01T07:42:48.106Z",
         "googleAnalyticsID": "G-P4HJFPDB76",
         "googleAnalyticsIDDesktop": "G-VE5BXWJ0HF",
         "mixPanelID": "49c4d164b592be2350fc7af06a259bf3",
@@ -40,7 +40,7 @@ window.AppConfig = {
         "bugsnagEnv": "development"
     },
     "name": "Phoenix Code",
-    "version": "4.1.2-21382",
+    "version": "4.1.2-21388",
     "apiVersion": "4.1.2",
     "homepage": "https://core.ai",
     "issues": {
 
@@ -36,7 +36,7 @@
         width: 100%;
     }
 
-    .editor-name h4 {
+    .editor-name h4, .editor-name h4 span {
         font-size: 22px;
     }
 
@@ -79,21 +79,21 @@
         margin-left: 0px;
         width: 48%;
     }
-  
+
     .project-content-right {
         width: 48%;
 
     }
-    
+
     .website-detail input {
         width: 242px;
         height: 42px;
     }
-    
+
     #noProjectIframe {
         width: 267px;
     }
-    
+
 }
 
 @media (max-width: 650px) {
 
@@ -183,6 +183,36 @@ function _openURLInTauri(url) {
     }
 }
 
+function _updateProBranding() {
+    try {
+        const $freeTitle = $('.phoenix-free-title');
+        const $proTitle = $('.phoenix-pro-title');
+        const $proTitleSpan = $('.pro-plan-name');
+
+        if (!$freeTitle.length || !$proTitle.length || !$proTitleSpan.length) {
+            console.warn('Pro branding elements not found');
+            return;
+        }
+
+        // Get plan info from window.top.Phoenix.pro.plan
+        const planInfo = window.top.Phoenix && window.top.Phoenix.pro && window.top.Phoenix.pro.plan;
+
+        if (planInfo && planInfo.paidSubscriber) {
+            // Hide free title, show pro title
+            $freeTitle.addClass('forced-hidden');
+            $proTitle.removeClass('forced-hidden');
+            // Update plan name
+            $proTitleSpan.text(planInfo.name || 'Phoenix Pro');
+        } else {
+            // Show free title, hide pro title
+            $freeTitle.removeClass('forced-hidden');
+            $proTitle.addClass('forced-hidden');
+        }
+    } catch (error) {
+        console.error('Error updating pro branding:', error);
+    }
+}
+
 function initCodeEditor() {
     document.getElementById("openFolderBtn").onclick = function() {
         Metrics.countEvent(Metrics.EVENT_TYPE.NEW_PROJECT, "main.Click", "open-folder");
@@ -252,4 +282,5 @@ function initCodeEditor() {
     _showFirstTimeExperience();
     $("body").append($(`<script async defer src="https://buttons.github.io/buttons.js"></script>`));
     _attachSettingBtnEventListeners();
+    _updateProBranding();
 }
@@ -15,6 +15,22 @@
     <script src="../../thirdparty/floating-ui.core.umd.min.js"></script>
     <script src="../../thirdparty/floating-ui.dom.umd.min.js"></script>
     <script src="assets/js/notification-ui.js"></script>
+    <style>
+        .phoenix-pro-title {
+            background: linear-gradient(
+                    45deg,
+                    #ff8c42,   /* deep orange */
+                    #ffa500,   /* bright orange */
+                    #ffcc70,   /* golden yellow */
+                    #ffd700    /* rich gold */
+            );
+            background-clip: text;
+            -webkit-background-clip: text; /* Chrome, Safari */
+            color: transparent;            /* works in Firefox */
+            -webkit-text-fill-color: transparent; /* Chrome, Safari */
+            display: inline-block;
+        }
+    </style>
 </head>
 <body id="top" onload="init(); initCodeEditor();">
 <div class="code-editor-card">
@@ -24,7 +40,8 @@
                 <img src="images/logo.png" alt="image"/>
             </div>
             <div class="editor-name">
-                <h4 class="localize">{{APP_TITLE}}</h4>
+                <h4 class="localize phoenix-free-title">{{APP_TITLE}}</h4>
+                <h4 class="phoenix-pro-title forced-hidden"><a href="https://account.phcode.dev" target="_blank" rel="noopener" class="phoenix-pro"><span class="pro-plan-name">Phoenix Pro</span><i class="fa-solid fa-feather orange-gold" style="margin-left: 4px;"></i></a></h4>
                 <!-- Place this tag where you want the button to render. -->
                 <div style="display: flex; justify-content: space-between;">
                     <span class="localize">{{BUILD_THE_WEB}}</span>
Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@`
`36`	`36`	`width: 100%;`
`37`	`37`	`}`
`38`	`38`
`39`		`- .editor-name h4 {`
	`39`	`+ .editor-name h4, .editor-name h4 span {`
`40`	`40`	`font-size: 22px;`
`41`	`41`	`}`
`42`	`42`
`@@ -79,21 +79,21 @@`
`79`	`79`	`margin-left: 0px;`
`80`	`80`	`width: 48%;`
`81`	`81`	`}`
`82`		`-`
	`82`	`+`
`83`	`83`	`.project-content-right {`
`84`	`84`	`width: 48%;`
`85`	`85`
`86`	`86`	`}`
`87`		`-`
	`87`	`+`
`88`	`88`	`.website-detail input {`
`89`	`89`	`width: 242px;`
`90`	`90`	`height: 42px;`
`91`	`91`	`}`
`92`		`-`
	`92`	`+`
`93`	`93`	`#noProjectIframe {`
`94`	`94`	`width: 267px;`
`95`	`95`	`}`
`96`		`-`
	`96`	`+`
`97`	`97`	`}`
`98`	`98`
`99`	`99`	`@media (max-width: 650px) {`