Open the AI widget if there’s a URL param

Author: matt-aitken

apps/webapp/app/components/navigation/SideMenu.tsx

@@ -17,7 +17,7 @@ import {
   ServerStackIcon,
   Squares2X2Icon,
 } from "@heroicons/react/20/solid";
-import { useNavigation } from "@remix-run/react";
+import { useLocation, useNavigation } from "@remix-run/react";
 import { useEffect, useRef, useState, type ReactNode } from "react";
 import simplur from "simplur";
 import { RunsIconExtraSmall } from "~/assets/icons/RunsIcon";
@@ -551,6 +551,19 @@ function SelectorDivider() {
 
 function HelpAndAI() {
   const { isKapaEnabled, openKapa, isKapaOpen } = useKapaWidget();
+  const location = useLocation();
+
+  // If the location searchParams contains `aiHelp="A question to ask AI"` we should get the value, clear it from the searchParams and open Kapa with the question
+  const searchParams = new URLSearchParams(location.search);
+
+  useEffect(() => {
+    const aiHelp = searchParams.get("aiHelp");
+    if (aiHelp) {
+      searchParams.delete("aiHelp");
+      console.log("aiHelp", aiHelp);
+      openKapa(aiHelp);
+    }
+  }, [location.search]);
 
   return (
     <>