Feat/rag is dumb so gpt4omini

.vscode/settings.json

@@ -7,7 +7,7 @@
     "editor.defaultFormatter": "biomejs.biome"
   },
   "[typescriptreact]": {
-    "editor.defaultFormatter": "vscode.typescript-language-features"
+    "editor.defaultFormatter": "biomejs.biome"
   },
   "typescript.tsdk": "node_modules/typescript/lib",
   "eslint.workingDirectories": [

README.md

@@ -1,9 +1,12 @@
-# Next.js AI Chatbot (Upgraded) 
+# Baas Chat
 
-An upgraded version of Vercel's AI Chatbot template, Built With Next.js and the AI SDK.
+An Open-Source AI Chatbot w/ MeetingBaas Integrated - Fork of [Vercel's AI Chatbot](https://github.com/techwithanirudh/ai-chatbot)
 
 ## Features
 
+- [MeetingBaas](https://meetingbaas.com)
+  - Unified API for integrating with Google Meet, Zoom, and Microsoft Teams meetings
+  - Automated recording, transcription, and LLM summaries through simple API endpoints
 - [Next.js](https://nextjs.org) App Router
   - Advanced routing for seamless navigation and performance
   - React Server Components (RSCs) and Server Actions for server-side rendering and increased performance

app/(auth)/login/page.tsx

@@ -4,8 +4,8 @@ import type { Metadata } from 'next';
 import { CardWrapper } from '@/components/auth/card-wrapper';
 import { MagicLinkForm } from '@/components/auth/magic-form';
 
-import { MessageSquare } from 'lucide-react';
 import { abstractImages } from '@/lib/images';
+import { MessageSquare } from 'lucide-react';
 
 export const metadata: Metadata = {
   title: 'Login',
@@ -24,7 +24,7 @@ export default async function SignInPage() {
         <div className="relative hidden h-full rounded-3xl overflow-hidden lg:block p-4">
           <img
             src={image.url}
-            className="object-cover w-full h-full rounded-3xl"
+            className="object-cover size-full rounded-3xl"
             alt="Abstract background"
           />
           <div className="absolute bottom-6 left-7 text-primary-foreground">

app/(auth)/register/page.tsx

@@ -24,7 +24,7 @@ export default function RegisterPage() {
           {/* todo: use next-image optimizations and limit urls available in next config */}
           <img
             src={image.url}
-            className="object-cover w-full h-full rounded-3xl"
+            className="object-cover size-full rounded-3xl"
             alt="Abstract background"
           />
           <div className="absolute bottom-6 left-7 text-primary-foreground">

app/(chat)/actions.ts

@@ -1,14 +1,14 @@
 'use server';
 
-import { generateText, Message } from 'ai';
+import { generateText, type Message } from 'ai';
 import { cookies } from 'next/headers';
 
 import {
   deleteMessagesByChatIdAfterTimestamp,
   getMessageById,
   updateChatVisiblityById,
 } from '@/server/db/queries';
-import { VisibilityType } from '@/components/chat/visibility-selector';
+import type { VisibilityType } from '@/components/chat/visibility-selector';
 import { myProvider } from '@/lib/ai/providers';
 
 export async function saveChatModelAsCookie(model: string) {

app/(chat)/api/chat/route.ts

@@ -1,7 +1,8 @@
 import {
-  UIMessage,
+  type UIMessage,
   appendResponseMessages,
   createDataStreamResponse,
+  experimental_createMCPClient as createMCPClient,
   smoothStream,
   streamText,
 } from 'ai';
@@ -25,6 +26,9 @@ import { requestSuggestions } from '@/lib/ai/tools/request-suggestions';
 import { getWeather } from '@/lib/ai/tools/get-weather';
 import { isProductionEnvironment } from '@/lib/constants';
 import { myProvider } from '@/lib/ai/providers';
+import * as meetingBaas from '@/server/meetingbaas';
+import { activeTools as mcpActiveTools } from '@/lib/ai/tools/mcp';
+import { getInformation } from '@/lib/ai/tools/get-information';
 
 export const maxDuration = 60;
 
@@ -41,6 +45,7 @@ export async function POST(request: Request) {
     } = await request.json();
 
     const session = await auth();
+    const baasSession = await meetingBaas.auth();
 
     if (!session || !session.user || !session.user.id) {
       return new Response('Unauthorized', { status: 401 });
@@ -79,11 +84,28 @@ export async function POST(request: Request) {
       ],
     });
 
+    const client = await createMCPClient({
+      transport: {
+        type: 'sse',
+        url: 'https://mcp.meetingbaas.com/sse',
+        headers: {
+          'x-meeting-baas-api-key': baasSession?.apiKey ?? 'invalid-api-key',
+        },
+      },
+      onUncaughtError: (error) => {
+        console.error('MCP Client error:', error);
+      },
+    });
+    const mcpTools = await client.tools();
+
     return createDataStreamResponse({
-      execute: (dataStream) => {
+      execute: async (dataStream) => {
         const result = streamText({
           model: myProvider.languageModel(selectedChatModel),
-          system: systemPrompt({ selectedChatModel }),
+          system: systemPrompt({
+            selectedChatModel,
+            baasApiKey: baasSession?.apiKey,
+          }),
           messages,
           maxSteps: 5,
           experimental_activeTools:
@@ -94,6 +116,8 @@ export async function POST(request: Request) {
                   'createDocument',
                   'updateDocument',
                   'requestSuggestions',
+                  'getInformation',
+                  ...(mcpActiveTools as any[]),
                 ],
           experimental_transform: smoothStream({ chunking: 'word' }),
           experimental_generateMessageId: generateUUID,
@@ -105,6 +129,8 @@ export async function POST(request: Request) {
               session,
               dataStream,
             }),
+            getInformation,
+            ...mcpTools
           },
           onFinish: async ({ response }) => {
             if (session.user?.id) {
@@ -141,6 +167,11 @@ export async function POST(request: Request) {
                 console.error('Failed to save chat');
               }
             }
+
+            client.close();
+          },
+          onError: async () => {
+            client.close();
           },
           experimental_telemetry: {
             isEnabled: isProductionEnvironment,
@@ -154,7 +185,9 @@ export async function POST(request: Request) {
           sendReasoning: true,
         });
       },
-      onError: () => {
+      onError: (error) => {
+        console.error('Error in data stream:', error);
+        client.close();
         return 'Oops, an error occured!';
       },
     });

app/(chat)/api/document/route.ts

@@ -1,5 +1,5 @@
 import { auth } from '@/server/auth';
-import { ArtifactKind } from '@/components/artifact';
+import type { ArtifactKind } from '@/components/artifact';
 import {
   deleteDocumentsByIdAfterTimestamp,
   getDocumentsById,

app/(chat)/chat/[id]/page.tsx

@@ -6,8 +6,8 @@ import { Chat } from '@/components/chat';
 import { getChatById, getMessagesByChatId } from '@/server/db/queries';
 import { DataStreamHandler } from '@/components/data-stream-handler';
 import { DEFAULT_CHAT_MODEL } from '@/lib/ai/models';
-import { DBMessage } from '@/server/db/schema';
-import { Attachment, UIMessage } from 'ai';
+import type { DBMessage } from '@/server/db/schema';
+import type { Attachment, UIMessage } from 'ai';
 
 export default async function Page(props: { params: Promise<{ id: string }> }) {
   const params = await props.params;

app/globals.css

@@ -24,13 +24,13 @@
 
 @layer base {
     :root {
-        --background: 0 0% 100%;
-        --foreground: 240 10% 3.9%;
+        --background: 168, 29%, 97%;
+        --foreground: 240, 6%, 25%;
         --card: 0 0% 100%;
         --card-foreground: 240 10% 3.9%;
         --popover: 0 0% 100%;
         --popover-foreground: 240 10% 3.9%;
-        --primary: 240 5.9% 10%;
+        --primary: 176 100% 43%;
         --primary-foreground: 0 0% 98%;
         --secondary: 240 4.8% 95.9%;
         --secondary-foreground: 240 5.9% 10%;
@@ -58,26 +58,26 @@
         --sidebar-border: 220 13% 91%;
         --sidebar-ring: 217.2 91.2% 59.8%;
     }
+
     .dark {
-        --background: 240 10% 3.9%;
-        --foreground: 0 0% 98%;
-        --card: 240 10% 3.9%;
-        --card-foreground: 0 0% 98%;
-        --popover: 240 10% 3.9%;
-        --popover-foreground: 0 0% 98%;
-        --primary: 0 0% 98%;
-        --primary-foreground: 240 5.9% 10%;
-        --secondary: 240 3.7% 15.9%;
-        --secondary-foreground: 0 0% 98%;
-        --muted: 240 3.7% 15.9%;
-        --muted-foreground: 240 5% 64.9%;
-        --accent: 240 3.7% 15.9%;
-        --accent-foreground: 0 0% 98%;
+        --background: 0, 0%, 17%;
+        --foreground: 0, 0%, 100%;
+        --card: 0, 0%, 17%;
+        --card-foreground: 0, 0%, 100%;
+        --popover: 0, 0%, 17%;
+        --popover-foreground: 0, 0%, 100%;
+        --primary: 176 100% 43%;
+        --primary-foreground: 213, 16%, 27%;
+        --secondary-foreground: 0, 0%, 100%;
+        --muted: 173 8% 22%;
+        --muted-foreground: 0 0% 65%;
+        --accent: 173 8% 22%;
+        --accent-foreground: 0 0% 100%;
         --destructive: 0 62.8% 30.6%;
         --destructive-foreground: 0 0% 98%;
-        --border: 240 3.7% 15.9%;
-        --input: 240 3.7% 15.9%;
-        --ring: 240 4.9% 83.9%;
+        --border: 173 8% 22%;
+        --input: 173 8% 22%;
+        --ring: 197 100% 44%;
         --chart-1: 220 70% 50%;
         --chart-2: 160 60% 45%;
         --chart-3: 30 80% 55%;
@@ -87,13 +87,14 @@
         --sidebar-foreground: 240 4.8% 95.9%;
         --sidebar-primary: 224.3 76.3% 48%;
         --sidebar-primary-foreground: 0 0% 100%;
-        --sidebar-accent: 240 3.7% 15.9%;
+        --sidebar-accent: 173 8% 22%;
         --sidebar-accent-foreground: 240 4.8% 95.9%;
-        --sidebar-border: 240 3.7% 15.9%;
+        --sidebar-border: 173 8% 22%;
         --sidebar-ring: 217.2 91.2% 59.8%;
     }
 }
 
+
 @layer base {
     * {
         @apply border-border;
@@ -102,6 +103,33 @@
     body {
         @apply bg-background text-foreground;
     }
+
+    ::selection {
+        background-color: hsl(var(--accent));
+        color: hsl(var(--foreground));
+    }
+
+    .dark ::selection {
+        background-color: hsl(var(--accent));
+        color: hsl(var(--foreground));
+    }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+    ::view-transition-new(theme-transition) {
+        clip-path: inset(0 0 100% 0);
+        animation: slide-in-from-top 0.65s forwards cubic-bezier(0.65, 0, 0.35, 1);
+    }
+
+    ::view-transition-old(theme-transition) {
+        animation: none;
+    }
+
+    @keyframes slide-in-from-top {
+        to {
+            clip-path: inset(0 0 0 0);
+        }
+    }
 }
 
 .skeleton {
@@ -132,7 +160,7 @@
     @apply bg-background dark:bg-zinc-800 outline-none selection:bg-zinc-900 !important;
 }
 
-.ͼo.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground,
+.ͼo.cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground,
 .ͼo.cm-selectionBackground,
 .ͼo.cm-content::selection {
     @apply bg-zinc-200 dark:bg-zinc-900 !important;
@@ -161,4 +189,4 @@
 
 .suggestion-highlight {
     @apply bg-blue-200 hover:bg-blue-300 dark:hover:bg-blue-400/50 dark:text-blue-50 dark:bg-blue-500/40;
-}
+}

app/layout.tsx

@@ -6,9 +6,9 @@ import { ThemeProvider } from '@/components/theme-provider';
 import './globals.css';
 
 export const metadata: Metadata = {
-  metadataBase: new URL('https://chat.techwithanirudh.com'),
-  title: 'AI Chatbot',
-  description: 'An upgraded version of the AI Chatbot built using Next.js and the AI SDK.',
+  metadataBase: new URL('https://chat.meetingbaas.com'),
+  title: 'Baas Chat - by MeetingBaas',
+  description: 'An AI Chatbot that can answer questions related to MeetingBaas',
 };
 
 export const viewport = {
@@ -72,7 +72,7 @@ export default async function RootLayout({
       <body className="antialiased">
         <ThemeProvider
           attribute="class"
-          defaultTheme="system"
+          defaultTheme="dark"
           enableSystem
           disableTransitionOnChange
         >

artifacts/code/client.tsx

@@ -12,8 +12,8 @@ import { toast } from 'sonner';
 import { generateUUID } from '@/lib/utils';
 import {
   Console,
-  ConsoleOutput,
-  ConsoleOutputContent,
+  type ConsoleOutput,
+  type ConsoleOutputContent,
 } from '@/components/artifact/code/console';
 
 const OUTPUT_HANDLERS = {

artifacts/text/client.tsx

@@ -90,8 +90,7 @@ export const textArtifact = new Artifact<'text', TextArtifactMetadata>({
             onSaveContent={onSaveContent}
           />
 
-          {metadata &&
-            metadata.suggestions &&
+          {metadata?.suggestions &&
             metadata.suggestions.length > 0 ? (
             <div className="md:hidden h-dvh w-12 shrink-0" />
           ) : null}

components/artifact/code/code-block.tsx

@@ -1,5 +1,7 @@
 'use client';
 
+import { cn } from "@/lib/utils";
+
 interface CodeBlockProps {
   node: any;
   inline: boolean;
@@ -16,10 +18,10 @@ export function CodeBlock({
 }: CodeBlockProps) {
   if (!inline) {
     return (
-      <div className="not-prose flex flex-col">
+      <div className="not-prose inline-flex flex-col">
         <pre
           {...props}
-          className={`text-sm w-full overflow-x-auto dark:bg-zinc-900 p-4 border border-zinc-200 dark:border-zinc-700 rounded-xl dark:text-zinc-50 text-zinc-900`}
+          className={cn(`text-sm w-full overflow-x-auto dark:bg-zinc-900 px-3 py-2 border border-zinc-200 dark:border-zinc-700 rounded-xl dark:text-zinc-50 text-zinc-900`, className)}
         >
           <code className="whitespace-pre-wrap break-words">{children}</code>
         </pre>

components/artifact/create-artifact.tsx

@@ -1,8 +1,8 @@
-import { Suggestion } from '@/server/db/schema';
-import { UseChatHelpers } from '@ai-sdk/react';
-import { ComponentType, Dispatch, ReactNode, SetStateAction } from 'react';
-import { DataStreamDelta } from '../data-stream-handler';
-import { UIArtifact } from '.';
+import type { Suggestion } from '@/server/db/schema';
+import type { UseChatHelpers } from '@ai-sdk/react';
+import type { ComponentType, Dispatch, ReactNode, SetStateAction } from 'react';
+import type { DataStreamDelta } from '../data-stream-handler';
+import type { UIArtifact } from '.';
 
 export type ArtifactActionContext<M = any> = {
   content: string;

components/artifact/document/toolbar.tsx

@@ -1,6 +1,4 @@
 'use client';
-
-import type { Message } from 'ai';
 import cx from 'classnames';
 import {
   AnimatePresence,