From 97f1b6197910a3bd787dd95d46c4922c37200045 Mon Sep 17 00:00:00 2001
From: Ashwin Kumar Sivakumar <ashwin@traceworks.in>
Date: Fri, 14 Aug 2026 04:48:24 +0530
Subject: [PATCH] fix: hide the global AI chat widget on /coming-soon

AiChatWidget renders unconditionally in the root layout for every
route - looked out of place on the pre-launch marketing page (a
floating chat bubble implying app functionality that doesn't exist
yet). Hidden via a small route-exclusion set keyed off useLocation(),
rather than threading a prop through every route.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/app.tsx | 84 ++++++++++++++++++++++++++++++-----------------------
 1 file changed, 47 insertions(+), 37 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index d7e64fb..9c26c50 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -1,52 +1,62 @@
 import { MetaProvider, Title } from "@solidjs/meta";
-import { Router } from "@solidjs/router";
+import { Router, useLocation } from "@solidjs/router";
 import { FileRoutes } from "@solidjs/start/router";
-import { ErrorBoundary, Suspense } from "solid-js";
+import { ErrorBoundary, Suspense, Show } from "solid-js";
 import { AuthProvider } from "~/lib/auth";
 import { AiChatWidget } from "~/components/AiChatWidget";
 import "./app.css";
 
+// Standalone pre-launch pages that shouldn't show the logged-out-app chrome
+// (the AI chat widget assumes an app context - it doesn't make sense on a
+// pure marketing/waitlist page).
+const NO_CHAT_WIDGET_ROUTES = new Set(["/coming-soon"]);
+
 export default function App() {
   return (
     <Router
-      root={(props) => (
-        <MetaProvider>
-          <Title>Nxtgauge</Title>
-          <AuthProvider>
-            <ErrorBoundary
-              fallback={(err) => (
-                <main
-                  style={{
-                    padding: "24px",
-                    "font-family": "Inter, system-ui, sans-serif",
-                    color: "#111827",
-                    background: "#fff",
-                  }}
-                >
-                  <h1 style={{ margin: 0, "font-size": "20px" }}>Frontend Error</h1>
-                  <p style={{ "margin-top": "8px" }}>
-                    A runtime error occurred while rendering this page.
-                  </p>
-                  <pre
+      root={(props) => {
+        const location = useLocation();
+        return (
+          <MetaProvider>
+            <Title>Nxtgauge</Title>
+            <AuthProvider>
+              <ErrorBoundary
+                fallback={(err) => (
+                  <main
                     style={{
-                      "margin-top": "12px",
-                      padding: "12px",
-                      background: "#f3f4f6",
-                      "border-radius": "8px",
-                      "white-space": "pre-wrap",
+                      padding: "24px",
+                      "font-family": "Inter, system-ui, sans-serif",
+                      color: "#111827",
+                      background: "#fff",
                     }}
                   >
-                    {String((err as any)?.message || err)}
-                  </pre>
-                </main>
-              )}
-            >
-              <Suspense>{props.children}</Suspense>
-              <AiChatWidget />
-            </ErrorBoundary>
-          </AuthProvider>
-        </MetaProvider>
-      )}
+                    <h1 style={{ margin: 0, "font-size": "20px" }}>Frontend Error</h1>
+                    <p style={{ "margin-top": "8px" }}>
+                      A runtime error occurred while rendering this page.
+                    </p>
+                    <pre
+                      style={{
+                        "margin-top": "12px",
+                        padding: "12px",
+                        background: "#f3f4f6",
+                        "border-radius": "8px",
+                        "white-space": "pre-wrap",
+                      }}
+                    >
+                      {String((err as any)?.message || err)}
+                    </pre>
+                  </main>
+                )}
+              >
+                <Suspense>{props.children}</Suspense>
+                <Show when={!NO_CHAT_WIDGET_ROUTES.has(location.pathname)}>
+                  <AiChatWidget />
+                </Show>
+              </ErrorBoundary>
+            </AuthProvider>
+          </MetaProvider>
+        );
+      }}
     >
       <FileRoutes />
     </Router>