website: hardcode the shared Kapa widget config

ArthurSens · ArthurSens · commit 0517b171b4a4 · 2026-04-10T17:52:39.000-03:00
Keep the shared Ask AI scaffolding in the base branch while inlining the current Kapa widget settings instead of reading them from CI-provided environment variables.

Made-with: Cursor
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -22,7 +22,6 @@ import "@mantine/spotlight/styles.layer.css";
 import "./globals.css";
 import { Header } from "@/components/Header";
 import KapaWidget from "@/components/KapaWidget";
-import { isKapaConfigured } from "@/components/kapa-config";
 import {
   ANNOUNCEMENT_HEIGHT_PX,
   isAnnouncementActive,
@@ -63,7 +62,6 @@ export default function RootLayout({
   const headerHeightPx = activeAnnouncement
     ? BASE_HEADER_HEIGHT_PX + ANNOUNCEMENT_HEIGHT_PX
     : BASE_HEADER_HEIGHT_PX;
-  const kapaConfigured = isKapaConfigured();
 
   return (
     <html
@@ -79,10 +77,7 @@ export default function RootLayout({
         <MantineProvider theme={theme} defaultColorScheme="auto">
           <KapaWidget variant="modal" />
           <AppShell header={{ height: "var(--header-height)" }}>
-            <Header
-              announcement={activeAnnouncement}
-              showAskAi={kapaConfigured}
-            />
+            <Header announcement={activeAnnouncement} />
 
             <AppShellMain>
               <Container size="xl" mt="xl" px={{ base: "md", xs: "xl" }}>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -40,10 +40,8 @@ const links = [
 
 export const Header = ({
   announcement,
-  showAskAi = false,
 }: {
   announcement?: AnnouncementType;
-  showAskAi?: boolean;
 }) => {
   const path = usePathname();
   const [burgerOpened, { toggle: toggleBurger, close: closeBurger }] =
@@ -167,7 +165,7 @@ export const Header = ({
             <Group align="center">
               <Group gap={5} visibleFrom="sm" align="center">
                 {items}
-                {showAskAi && renderAskAiButton({})}
+                {renderAskAiButton({})}
               </Group>
 
               <Group visibleFrom="md" gap="xs">
@@ -221,14 +219,12 @@ export const Header = ({
                 </Popover.Target>
                 <Popover.Dropdown>
                   {items}
-                  {showAskAi && (
-                    <Group m="xs" gap="xs">
-                      {renderAskAiButton({
-                        hiddenFrom: "sm",
-                        onClick: closeBurger,
-                      })}
-                    </Group>
-                  )}
+                  <Group m="xs" gap="xs">
+                    {renderAskAiButton({
+                      hiddenFrom: "sm",
+                      onClick: closeBurger,
+                    })}
+                  </Group>
                   <Group m="xs" gap="xs">
                     {actionIcons}
                   </Group>
diff --git a/src/components/KapaWidget.tsx b/src/components/KapaWidget.tsx
@@ -1,21 +1,22 @@
 import Script from "next/script";
-import { getKapaConfig } from "./kapa-config";
+import docsConfig from "../../docs-config";
 
 export type KapaWidgetVariant = "drawer" | "modal" | "page";
 
 type KapaWidgetProps = {
   variant: KapaWidgetVariant;
 };
 
+const WEBSITE_ID = "80cbacc9-0b84-48aa-bfb8-0002270176bf";
+const PROJECT_NAME = "Prometheus";
+const PROJECT_COLOR = "#D86444";
 const ASK_AI_TRIGGER_SELECTOR = "[data-kapa-trigger='ask-ai']";
+const PROJECT_LOGO_URL = new URL(
+  "/assets/prometheus-logo.svg",
+  docsConfig.siteUrl,
+).toString();
 
 export default function KapaWidget({ variant }: KapaWidgetProps) {
-  const config = getKapaConfig();
-
-  if (!config) {
-    return null;
-  }
-
   const triggerProps =
     variant === "page"
       ? {}
@@ -40,10 +41,10 @@ export default function KapaWidget({ variant }: KapaWidgetProps) {
       id="kapa-widget"
       strategy="afterInteractive"
       src="https://widget.kapa.ai/kapa-widget.bundle.js"
-      data-website-id={config.websiteId}
-      data-project-name={config.projectName}
-      data-project-color={config.projectColor}
-      data-project-logo={config.projectLogoUrl}
+      data-website-id={WEBSITE_ID}
+      data-project-name={PROJECT_NAME}
+      data-project-color={PROJECT_COLOR}
+      data-project-logo={PROJECT_LOGO_URL}
       data-button-hide="true"
       {...triggerProps}
       {...variantProps}
diff --git a/src/components/kapa-config.ts b/src/components/kapa-config.ts
