From d628bededf8a0810ad3ee7694a8e6557aae94088 Mon Sep 17 00:00:00 2001
From: Maedah Batool <me@MaedahBatool.com>
Date: Tue, 11 Feb 2025 11:38:39 -0800
Subject: [PATCH] Add chatbot

---
 src/app/chat.tsx   |  7 ++++---
 src/app/layout.tsx | 13 +++++++------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/app/chat.tsx b/src/app/chat.tsx
index d58a9f928..4bf19949b 100644
--- a/src/app/chat.tsx
+++ b/src/app/chat.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Chatbot } from '@langbase/components';
+import {Chatbot} from '@langbase/components';
 import '@langbase/components/styles';
 
 export default function Chat() {
@@ -11,8 +11,9 @@ export default function Chat() {
 					background-color: #dedede;
 				}
 			`}</style>
-			<Chatbot apiRoute="/docs/api/chat"
-				openingMessage="Hi there! Welcome to Ask Sourcegraph AI agent. How can I help you?"
+			<Chatbot
+				apiRoute="/docs/api/chat"
+				openingMessage="Hi there! I'm Sourcegraph's AI assistant trained for our documentation. How can I help you?"
 				// Remember AI can make mistakes, please double-check responses.
 				suggestions={[
 					{
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cde2393b5..4d136f46c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,10 +1,11 @@
-import { Providers } from '@/app/providers';
-import { Layout } from '@/components/Layout';
-import { GoogleAnalytics } from '@next/third-parties/google';
+import Chat from '@/app/chat';
+import {Providers} from '@/app/providers';
+import {Layout} from '@/components/Layout';
+import {GoogleAnalytics} from '@next/third-parties/google';
 import clsx from 'clsx';
 import config from 'docs.config';
-import { type Metadata } from 'next';
-import { Inter } from 'next/font/google';
+import {type Metadata} from 'next';
+import {Inter} from 'next/font/google';
 import localFont from 'next/font/local';
 
 import '@/styles/tailwind.css';
@@ -98,7 +99,7 @@ export default function RootLayout({children}: {children: React.ReactNode}) {
 				className="flex min-h-full bg-light-bg dark:bg-dark-bg"
 			>
 				<Providers>
-					{/* <Chat /> */}
+					<Chat />
 					<Layout>{children}</Layout>
 				</Providers>
 			</body>