feat: add NightlyTestBanner component and integrate into App

Author: daniel-lxs

webview-ui/src/App.tsx

@@ -16,6 +16,7 @@ import McpView from "./components/mcp/McpView"
 import ModesView from "./components/modes/ModesView"
 import { HumanRelayDialog } from "./components/human-relay/HumanRelayDialog"
 import { AccountView } from "./components/account/AccountView"
+import { NightlyTestBanner } from "./components/NightlyTestBanner"
 
 type Tab = "settings" | "history" | "mcp" | "modes" | "chat" | "account"
 
@@ -37,6 +38,7 @@ const App = () => {
 		telemetryKey,
 		machineId,
 		cloudUserInfo,
+		experiments,
 	} = useExtensionState()
 
 	const [showAnnouncement, setShowAnnouncement] = useState(false)
@@ -121,6 +123,7 @@ const App = () => {
 		<WelcomeView />
 	) : (
 		<>
+			<NightlyTestBanner experiments={experiments} />
 			{tab === "modes" && <ModesView onDone={() => switchTab("chat")} />}
 			{tab === "mcp" && <McpView onDone={() => switchTab("chat")} />}
 			{tab === "history" && <HistoryView onDone={() => switchTab("chat")} />}

webview-ui/src/components/NightlyTestBanner.tsx

@@ -0,0 +1,32 @@
+import React from "react"
+import { AlertCircle } from "lucide-react"
+import type { ExperimentId } from "@roo-code/types"
+import { EXPERIMENT_IDS } from "@roo/experiments"
+
+interface NightlyTestBannerProps {
+	experiments: Record<ExperimentId, boolean>
+}
+
+export const NightlyTestBanner: React.FC<NightlyTestBannerProps> = ({ experiments }) => {
+	// Check if the internal nightly test banner experiment is enabled
+	const showBanner = experiments[EXPERIMENT_IDS._NIGHTLY_TEST_BANNER] ?? false
+
+	if (!showBanner) {
+		return null
+	}
+
+	return (
+		<div className="bg-yellow-500/10 border border-yellow-500/30 rounded-md p-3 mb-4 flex items-center gap-2">
+			<AlertCircle className="w-5 h-5 text-yellow-600" />
+			<div className="flex-1">
+				<p className="text-sm font-medium text-yellow-800 dark:text-yellow-200">
+					🧪 Nightly Build Test Feature
+				</p>
+				<p className="text-xs text-yellow-700 dark:text-yellow-300 mt-1">
+					This banner is an internal test feature that only appears in nightly builds. It demonstrates that
+					internal experiments with nightlyDefault=true are working correctly.
+				</p>
+			</div>
+		</div>
+	)
+}

webview-ui/src/context/__tests__/ExtensionStateContext.test.tsx

@@ -220,8 +220,8 @@ describe("mergeExtensionState", () => {
 			apiConfiguration: { modelMaxThinkingTokens: 456, modelTemperature: 0.3 },
 			experiments: {
 				powerSteering: true,
-				autoCondenseContext: true,
 				concurrentFileReads: true,
+				_nightlyTestBanner: false,
 			} as Record<ExperimentId, boolean>,
 		}