fix some issues

app/layout.tsx

@@ -114,7 +114,7 @@ export default async function RootLayout({
           data-domain="deepsite.hf.co"
           src="https://plausible.io/js/script.js"
         />
-        <DomainRedirect />
+        {/* <DomainRedirect /> */}
         <IframeDetector />
         <Toaster richColors position="bottom-center" />
         <TanstackContext>

components/editor/ask-ai/index.tsx

@@ -313,7 +313,7 @@ export const AskAi = ({
         </div>
       </div>
       <audio ref={hookAudio} id="audio" className="hidden">
-        <source src="/success.mp3" type="audio/mpeg" />
+        <source src="/deepsite/success.mp3" type="audio/mpeg" />
         Your browser does not support the audio element.
       </audio>
     </div>

components/editor/preview/index.tsx

@@ -320,23 +320,47 @@ export const Preview = ({ isNew }: { isNew: boolean }) => {
     if (iframeRef?.current) {
       const iframeDocument = iframeRef.current.contentDocument;
       if (iframeDocument) {
-        const targetElement = event.target as HTMLElement;
+        const path = event.composedPath();
+        const targetElement = path[0] as HTMLElement;
+
+        console.log(
+          "[handleClick] Target element:",
+          targetElement.tagName,
+          targetElement
+        );
 
         const findClosestAnchor = (
           element: HTMLElement
         ): HTMLAnchorElement | null => {
-          let current = element;
-          while (current && current !== iframeDocument.body) {
-            if (current.tagName === "A") {
+          let current: HTMLElement | null = element;
+          while (current) {
+            console.log("[handleClick] Checking element:", current.tagName);
+            if (current.tagName?.toUpperCase() === "A") {
               return current as HTMLAnchorElement;
             }
-            current = current.parentElement as HTMLElement;
+            if (current === iframeDocument.body) {
+              break;
+            }
+            const parent: Node | null = current.parentNode;
+            // Use nodeType to check - works across iframe boundaries
+            // nodeType 1 = Element, nodeType 11 = DocumentFragment (including ShadowRoot)
+            if (parent && parent.nodeType === 11) {
+              // ShadowRoot
+              current = (parent as ShadowRoot).host as HTMLElement;
+            } else if (parent && parent.nodeType === 1) {
+              // Element node
+              current = parent as HTMLElement;
+            } else {
+              break;
+            }
           }
           return null;
         };
 
         const anchorElement = findClosestAnchor(targetElement);
 
+        console.log("[handleClick] Found anchor:", anchorElement);
+
         if (anchorElement) {
           return;
         }
@@ -355,20 +379,49 @@ export const Preview = ({ isNew }: { isNew: boolean }) => {
         const path = event.composedPath();
         const actualTarget = path[0] as HTMLElement;
 
+        console.log(
+          "[handleCustomNavigation] Click detected in iframe:",
+          actualTarget.tagName,
+          actualTarget
+        );
+
         const findClosestAnchor = (
           element: HTMLElement
         ): HTMLAnchorElement | null => {
           let current: HTMLElement | null = element;
-          while (current && current !== iframeDocument.body) {
-            if (current.tagName === "A") {
+          while (current) {
+            console.log(
+              "[handleCustomNavigation] Checking element:",
+              current.tagName,
+              current
+            );
+            if (current.tagName?.toUpperCase() === "A") {
+              console.log("[handleCustomNavigation] Found anchor!", current);
               return current as HTMLAnchorElement;
             }
+            if (current === iframeDocument.body) {
+              console.log("[handleCustomNavigation] Reached body, stopping");
+              break;
+            }
             const parent: Node | null = current.parentNode;
-            if (parent instanceof ShadowRoot) {
-              current = parent.host as HTMLElement;
-            } else if (parent instanceof HTMLElement) {
-              current = parent;
+            console.log(
+              "[handleCustomNavigation] Parent node:",
+              parent,
+              "nodeType:",
+              parent?.nodeType
+            );
+            // Use nodeType to check - works across iframe boundaries
+            // nodeType 1 = Element, nodeType 11 = DocumentFragment (including ShadowRoot)
+            if (parent && parent.nodeType === 11) {
+              // ShadowRoot
+              current = (parent as ShadowRoot).host as HTMLElement;
+            } else if (parent && parent.nodeType === 1) {
+              // Element node
+              current = parent as HTMLElement;
             } else {
+              console.log(
+                "[handleCustomNavigation] Parent is not an element node, breaking"
+              );
               break;
             }
           }
@@ -376,6 +429,7 @@ export const Preview = ({ isNew }: { isNew: boolean }) => {
         };
 
         const anchorElement = findClosestAnchor(actualTarget);
+        console.log("[handleCustomNavigation] Anchor element:", anchorElement);
         if (anchorElement) {
           let href = anchorElement.getAttribute("href");
           if (href) {

hooks/useAi.ts

@@ -213,7 +213,7 @@ export const useAi = (onScrollToBottom?: () => void) => {
             const newPages = formatPages(contentResponse, false);
             let projectName = contentResponse.match(/<<<<<<< PROJECT_NAME_START\s*([\s\S]*?)\s*>>>>>>> PROJECT_NAME_END/)?.[1]?.trim();
             if (!projectName) {
-              projectName = prompt.substring(0, 40).replace(/[^a-zA-Z0-9]/g, "-").slice(0, 40);
+              projectName = prompt.substring(0, 40).replace(/[^a-zA-Z0-9]/g, "-").slice(0, 40) + "-" + Math.random().toString(36).substring(2, 15);
             }
             setPages(newPages);
             setLastSavedPages([...newPages]);
@@ -373,7 +373,6 @@ export const useAi = (onScrollToBottom?: () => void) => {
       }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (error: any) {
-      console.log(error)
       setIsAiWorking(false);
       toast.error(error.message);
       if (error.openLogin) {

next.config.ts

@@ -3,6 +3,7 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   /* config options here */
   basePath: '/deepsite',
+  assetPrefix: '/deepsite',
   async redirects() {
     return [
       {