diff --git a/App/app/layout.tsx b/App/app/layout.tsx
index 1a0213d..334d7d0 100644
--- a/App/app/layout.tsx
+++ b/App/app/layout.tsx
@@ -1,6 +1,7 @@
import type { Metadata } from "next";
import { Inter, JetBrains_Mono } from "next/font/google";
import "./globals.css";
+import { EnvBanner } from "@/components/env-banner";
const inter = Inter({
subsets: ["latin"],
@@ -29,7 +30,10 @@ export default function RootLayout({
}) {
return (
- {children}
+
+
+ {children}
+
);
}
diff --git a/App/components/env-banner.tsx b/App/components/env-banner.tsx
new file mode 100644
index 0000000..5957da9
--- /dev/null
+++ b/App/components/env-banner.tsx
@@ -0,0 +1,30 @@
+// Thin fixed banner shown only when NEXT_PUBLIC_ENV_LABEL is set (e.g. staging).
+// Production never sets the var, so it renders nothing there.
+export function EnvBanner() {
+ const label = process.env.NEXT_PUBLIC_ENV_LABEL;
+ if (!label) return null;
+ return (
+
+ {label}
+
+ );
+}