Hardcode integration ID

Author: akirk

packages/playground/website/src/components/site-error-modal/site-error-modal.tsx

@@ -39,7 +39,7 @@ export function SiteErrorModal({
 		isSubmittingReport,
 		handleSubmitReport,
 	} = useErrorReporting(site);
-	const { isConfigured: isKapaAIConfigured, openWithQuery } = useKapaAI();
+	const { openWithQuery } = useKapaAI();
 
 	const helpers: PresentationHelpers = {
 		deleteSite: () => {
@@ -147,7 +147,7 @@ export function SiteErrorModal({
 				</div>
 				{view.actions.length || !view.isDeveloperError || detailText ? (
 					<div className={css.errorModalFooter}>
-						{isKapaAIConfigured && !isReporting && detailText && (
+						{!isReporting && detailText && (
 							<Button
 								variant="secondary"
 								onClick={() => openWithQuery(detailText)}

packages/playground/website/src/components/site-error-modal/use-kapa-ai.ts

@@ -1,6 +1,6 @@
 import { useEffect, useCallback, useState, useRef } from 'react';
-// @ts-ignore - Virtual module injected by Vite
-import { kapaWebsiteId } from 'virtual:kapa-ai-config';
+
+const KAPA_WEBSITE_ID = 'a8b85529-1773-4710-b35f-c9ebc70ffcb6';
 
 declare global {
 	interface Window {
@@ -21,14 +21,9 @@ const KAPA_SCRIPT_ID = 'kapa-widget-script';
 
 export function useKapaAI() {
 	const [isLoaded, setIsLoaded] = useState(false);
-	const isConfigured = Boolean(kapaWebsiteId);
 	const hasSubmittedQuery = useRef(false);
 
 	useEffect(() => {
-		if (!isConfigured) {
-			return;
-		}
-
 		// Check if script already exists
 		if (document.getElementById(KAPA_SCRIPT_ID)) {
 			if (window.Kapa) {
@@ -41,7 +36,7 @@ export function useKapaAI() {
 		script.id = KAPA_SCRIPT_ID;
 		script.src = 'https://widget.kapa.ai/kapa-widget.bundle.js';
 		script.async = true;
-		script.setAttribute('data-website-id', kapaWebsiteId);
+		script.setAttribute('data-website-id', KAPA_WEBSITE_ID);
 		script.setAttribute(
 			'data-project-name',
 			'WordPress Playground AI Assistant'
@@ -67,7 +62,7 @@ export function useKapaAI() {
 		};
 
 		document.body.appendChild(script);
-	}, [isConfigured]);
+	}, []);
 
 	const openWithQuery = useCallback((query: string) => {
 		if (window.Kapa) {
@@ -85,7 +80,6 @@ export function useKapaAI() {
 	}, []);
 
 	return {
-		isConfigured,
 		isLoaded,
 		openWithQuery,
 	};

packages/playground/website/vite.config.ts

@@ -43,8 +43,8 @@ export default defineConfig(({ command, mode }) => {
 		'CORS_PROXY_URL' in process.env
 			? process.env.CORS_PROXY_URL
 			: mode === 'production'
-				? 'https://wordpress-playground-cors-proxy.net/?'
-				: '/cors-proxy/?';
+			? 'https://wordpress-playground-cors-proxy.net/?'
+			: '/cors-proxy/?';
 
 	return {
 		// Split traffic from this server on dev so that the iframe content and
@@ -115,13 +115,6 @@ export default defineConfig(({ command, mode }) => {
 				content: `
 				export const corsProxyUrl = ${JSON.stringify(corsProxyUrl || undefined)};`,
 			}),
-			virtualModule({
-				name: 'kapa-ai-config',
-				content: `
-				export const kapaWebsiteId = ${JSON.stringify(
-					process.env.KAPA_WEBSITE_ID || ''
-				)};`,
-			}),
 			// GitHub OAuth flow
 			{
 				name: 'configure-server',