docs: use Kapa React SDK (#12792)

www/packages/docs-ui/src/components/CodeBlock/Actions/AskAi/index.tsx

@@ -2,10 +2,10 @@
 
 import React from "react"
 import { useAiAssistant, useSiteConfig } from "../../../../providers"
-import { useAiAssistantChat } from "../../../../providers/AiAssistant/Chat"
 import clsx from "clsx"
 import { Tooltip } from "../../../Tooltip"
 import Image from "next/image"
+import { useChat } from "@kapaai/react-sdk"
 
 export type CodeBlockCopyActionProps = {
   source: string
@@ -16,15 +16,15 @@ export const CodeBlockAskAiAction = ({
   source,
   inHeader,
 }: CodeBlockCopyActionProps) => {
-  const { setChatOpened } = useAiAssistant()
-  const { setQuestion, loading } = useAiAssistantChat()
+  const { setChatOpened, loading } = useAiAssistant()
+  const { submitQuery } = useChat()
   const { config } = useSiteConfig()
 
   const handleClick = () => {
     if (loading) {
       return
     }
-    setQuestion(`\`\`\`tsx\n${source.trim()}\n\`\`\`\n\nExplain the code above`)
+    submitQuery(`\`\`\`tsx\n${source.trim()}\n\`\`\`\n\nExplain the code above`)
     setChatOpened(true)
   }