setIsFeedbackActive(active)}
- />
- );
- }
-
- // Baseline: Both toggle buttons (inactive state)
- // Only render if neither is active to prevent any overlapping residues
- // IMPORTANT: FeedbackOverlay must be rendered with isActive={false} to provide the toggle button,
- // but only if Record Mode is not active.
- return (
-
- {config.feedbackEnabled && (
- setIsFeedbackActive(active)}
- />
- )}
-
-
- );
+interface ToolCoordinatorProps {
+ isEmbedded?: boolean;
+ feedbackEnabled?: boolean;
+}
+
+export function ToolCoordinator({
+ isEmbedded: isEmbeddedProp,
+ feedbackEnabled = false,
+}: ToolCoordinatorProps) {
+ const { isActive, setIsActive, isFeedbackActive, setIsFeedbackActive, isEnabled } =
+ useRecordMode();
+ const [isEmbedded, setIsEmbedded] = useState(false);
+ const [mounted, setMounted] = useState(false);
+
+ useEffect(() => {
+ setMounted(true);
+ const embedded =
+ isEmbeddedProp ||
+ window.location.search.includes('embedded=true') ||
+ window.name === 'record-mode-iframe' ||
+ window.self !== window.top;
+ setIsEmbedded(embedded);
+ }, [isEmbeddedProp]);
+
+ if (!mounted) return null;
+
+ // Nothing enabled → render nothing
+ if (!feedbackEnabled && !isEnabled) return null;
+
+ // Iframe → only PickingHelper
+ if (isEmbedded) return ;
+
+ // Record Mode active and enabled
+ if (isActive && isEnabled) return ;
+
+ // Feedback active and enabled
+ if (isFeedbackActive && feedbackEnabled) {
+ return (
+ setIsFeedbackActive(active)}
+ />
+ );
+ }
+
+ // Baseline: toggle buttons
+ return (
+
+ {feedbackEnabled && (
+ setIsFeedbackActive(active)}
+ />
+ )}
+ {isEnabled && }
+
+ );
}
diff --git a/lib/config.ts b/lib/config.ts
index 59b440d8..7bfa28fe 100644
--- a/lib/config.ts
+++ b/lib/config.ts
@@ -15,6 +15,11 @@ function createConfig() {
const target = env.NEXT_PUBLIC_TARGET || env.TARGET;
+ console.log('[Config] Initializing Toggles:', {
+ feedbackEnabled: env.NEXT_PUBLIC_FEEDBACK_ENABLED,
+ recordModeEnabled: env.NEXT_PUBLIC_RECORD_MODE_ENABLED,
+ });
+
return {
env: env.NODE_ENV,
target,
@@ -23,6 +28,7 @@ function createConfig() {
isTesting: target === 'testing',
isDevelopment: target === 'development',
feedbackEnabled: env.NEXT_PUBLIC_FEEDBACK_ENABLED,
+ recordModeEnabled: env.NEXT_PUBLIC_RECORD_MODE_ENABLED,
gatekeeperUrl: env.GATEKEEPER_URL,
baseUrl: env.NEXT_PUBLIC_BASE_URL,
@@ -144,6 +150,9 @@ export const config = {
get feedbackEnabled() {
return getConfig().feedbackEnabled;
},
+ get recordModeEnabled() {
+ return getConfig().recordModeEnabled;
+ },
get infraCMS() {
return getConfig().infraCMS;
},
diff --git a/lib/env.ts b/lib/env.ts
index 72df1efe..47567130 100644
--- a/lib/env.ts
+++ b/lib/env.ts
@@ -1,6 +1,18 @@
import { z } from 'zod';
import { validateMintelEnv, mintelEnvSchema, withMintelRefinements } from '@mintel/next-utils';
+/**
+ * Robust boolean preprocessor for environment variables.
+ * Handles strings 'true'/'false' and actual booleans.
+ */
+const booleanSchema = z.preprocess((val) => {
+ if (typeof val === 'string') {
+ if (val.toLowerCase() === 'true') return true;
+ if (val.toLowerCase() === 'false') return false;
+ }
+ return val;
+}, z.boolean());
+
/**
* Environment variable schema.
* Extends the default Mintel environment schema.
@@ -11,14 +23,9 @@ const envExtension = {
// Gatekeeper specifics not in base
GATEKEEPER_URL: z.string().url().default('http://gatekeeper:3000'),
- GATEKEEPER_BYPASS_ENABLED: z.preprocess(
- (val) => val === 'true' || val === true,
- z.boolean().default(false),
- ),
- NEXT_PUBLIC_FEEDBACK_ENABLED: z.preprocess(
- (val) => val === 'true' || val === true,
- z.boolean().default(false),
- ),
+ GATEKEEPER_BYPASS_ENABLED: booleanSchema.default(false),
+ NEXT_PUBLIC_FEEDBACK_ENABLED: booleanSchema.default(false),
+ NEXT_PUBLIC_RECORD_MODE_ENABLED: booleanSchema.default(false),
INFRA_DIRECTUS_URL: z.string().url().optional(),
INFRA_DIRECTUS_TOKEN: z.string().optional(),