Switch chat iframe between local and production

Author: max8github

index.html

@@ -64,8 +64,9 @@ <h2>Career Chat</h2>
 
         <div class="chat-embed">
           <iframe
+            id="career-chat-frame"
             title="Career Chat"
-            src="https://max8hugs-careerai.hf.space"
+            src="about:blank"
             loading="lazy"
             referrerpolicy="no-referrer"
           ></iframe>
@@ -175,5 +176,20 @@ <h3>Website Source</h3>
       </p>
       <p class="muted">Last updated Feb 13, 2026</p>
     </footer>
+    <script>
+      (() => {
+        const localUrl = "http://127.0.0.1:7860";
+        const prodUrl = "https://max8hugs-careerai.hf.space";
+        const hostname = window.location.hostname;
+        const isLocal =
+          hostname === "127.0.0.1" ||
+          hostname === "localhost" ||
+          hostname === "";
+        const configuredUrl = window.CAREER_CHAT_URL;
+        const iframe = document.getElementById("career-chat-frame");
+        if (!iframe) return;
+        iframe.src = configuredUrl || (isLocal ? localUrl : prodUrl);
+      })();
+    </script>
   </body>
 </html>