Rebrand

Author: Praashh

CLAUDE.md

@@ -4,7 +4,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-T3Chat is an open-source AI chat application built with the T3 stack. It supports multiple LLM providers (OpenAI, Google, Anthropic) routed through a TypeGPT API proxy, with Stripe subscriptions (FREE/PRO tiers), Google OAuth, and real-time streaming responses.
+RouterAI is an open-source AI chat application. It supports multiple LLM providers (OpenAI, Google, Anthropic) with Stripe subscriptions (FREE/PRO tiers), Google OAuth, and real-time streaming responses.
 
 ## Commands
 

README.md

@@ -1,29 +1,25 @@
-# 𝙏3𝙘𝒉𝙖𝒕
+# RouterAI
 
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2F100xEnginners%2Ft3dotgg&env=DATABASE_URL,BETTER_AUTH_SECRET,BETTER_AUTH_URL,BETTER_AUTH_TRUSTED_ORIGINS,GOOGLE_CLIENT_ID,GOOGLE_CLIENT_SECRET,GOOGLE_REDIRECT_URI,GITHUB_CLIENT_ID,GITHUB_CLIENT_SECRET&envDescription=For%20more%20info%20on%20setting%20up%20your%20API%20keys%2C%20checkout%20the%20Readme%20below&envLink=https%3A%2F%2Fgithub.com%2F100xEnginners%2Ft3dotgg%2Fblob%2Fmain%2FREADME.md&project-name=t3chat&repository-name=t3chat&redirect-url=t3chat&demo-title=T3chat&demo-description=An%20open%20source%20t3chat%20clone&demo-url=t3chat.xyz)
+An open-source AI chat application that routes your prompts to multiple LLM providers — all in one place.
 
-An Open-Source Version of t3.chat.
+## What is RouterAI?
 
-## What is T3.chat?
+RouterAI is a fast and sleek AI chat application that lets you talk to multiple AI models from different providers (OpenAI, Google, Anthropic) through a single, unified interface.
 
-T3 Chat is a fast and sleek AI chat application.
+## Why RouterAI?
 
-it's "best AI chat app ever made" ~ Theo
-
-## Why T3chat?
-It supports different LLM, respond very fast, user friendly, have customization, cheap.
+It supports different LLMs, responds fast, is user friendly, has customization, and is affordable.
   - ✅ **Open-Source** – No hidden agendas, fully transparent.
   - 🚀 **Developer-Friendly** – Built with extensibility and integrations in mind.
 
 ## Tech Stack
 
-T3 is built with modern and reliable technologies:
+RouterAI is built with modern and reliable technologies:
 
 - **Frontend**: Next.js, TypeScript, TailwindCSS, Shadcn UI
 - **Backend**: tRPC, Prisma ORM
 - **Database**: PostgreSQL
 - **Authentication**: Google OAuth
-- **Overall**: We're using t3 stack 💙
 <!-- - **Testing**: Jest, React Testing Library -->
 
 ## Getting Started
@@ -85,16 +81,16 @@ For more in-depth information on environment variables, please refer to the [Env
      ```
 ### Environment Variables
 
-Copy `.env.example` located in  `.env` in the configure the following variables:
+Copy `.env.example` to `.env` and configure the following variables:
 
 ```env
 # Auth
-AUTH_TRUST_HOST= 
+AUTH_TRUST_HOST=
 AUTH_SECRET=     # Required: Secret key for authentication
 
 # Google OAuth ( Required )
-GOOGLE_CLIENT_ID=      
-GOOGLE_CLIENT_SECRET=  
+GOOGLE_CLIENT_ID=
+GOOGLE_CLIENT_SECRET=
 
 # Turnstile ( Required )
 NEXT_PUBLIC_TURNSTILE_SITE_KEY=
@@ -108,25 +104,23 @@ STRIPE_WEBHOOK_SECRET=
 
 # Upstash ( Required )
 UPSTASH_REDIS_REST_URL=
-UPSTASH_REDIS_REST_TOKEN = 
+UPSTASH_REDIS_REST_TOKEN =
 
 # Mail ( Optional )
 MAIL_APP_USER =
-MAIL_APP_PASSWORD = 
-
-# TypeGPT ( Required )
-NEXT_PUBLIC_TYPEGPT_API_KEY=
-TYPEGPT_API_KEY=
-TYPEGPT_API_URL=
+MAIL_APP_PASSWORD =
 
-# Discord webhook ( Optinal )
+# Discord webhook ( Optional )
 WEBHOOK_URL
 
 # Database ( Required )
-DATABASE_URL=    
+DATABASE_URL=
+
+# GROQ ( Required )
+GROQ_API_KEY=
 ```
 
-Migration the database by running `bunx prisma migrate dev` and generate prisma client `bunx prisma generate`.
+Run the database migration with `bunx prisma migrate dev` and generate the Prisma client with `bunx prisma generate`.
 
 
 ### Running Locally
@@ -140,4 +134,4 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
 
 ## Contribute
 
-Contributions are welcome ❤️.
+Contributions are welcome!

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "t3dotgg",
+  "name": "routerai",
   "version": "0.1.0",
   "private": true,
   "type": "module",

prisma/schema.prisma

@@ -90,6 +90,8 @@ model Transaction {
 model Chat {
     id String @id @default(cuid())
     userId String
+    title String?
+    modelId String?
     isSaved Boolean @default(false)
     user User @relation(fields: [userId], references: [id], onDelete: Cascade)
     messages Message[]

public/favicon.ico

@@ -11,18 +11,18 @@ export const sendEmailNotification = async (to: string): Promise<EmailResponse>
     console.log("Sending email to", to);
     const mailOptions = {
       from: {
-        name: "T3Chat",
+        name: "RouterAI",
         address: user,
       },
       to: to,
-      subject: "Thank you for subscribing to T3Chat",
+      subject: "Thank you for subscribing to RouterAI",
       html: `
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Thank you for subscribing to T3Chat</title>
+    <title>Thank you for subscribing to RouterAI</title>
     <style type="text/css">
         /* Base styles */
         body, html {
@@ -129,20 +129,20 @@ export const sendEmailNotification = async (to: string): Promise<EmailResponse>
     <div class="email-container">
         <!-- Header -->
         <div class="header">
-            <a href="https://t3chat.xyz" class="logo">T3CHAT</a>
+            <a href="https://t3chat.xyz" class="logo">ROUTERAI</a>
         </div>
         
         <!-- Content -->
         <div class="content">
-            <h1>Thank you for subscribing to T3Chat!</h1>
-            <p>Thank you for subscribing to T3Chat. We're excited to have you on board.</p>
+            <h1>Thank you for subscribing to RouterAI!</h1>
+            <p>Thank you for subscribing to RouterAI. We're excited to have you on board.</p>
             <p>Your subscription has been successfully created with the following email address:</p>
             
             <div class="highlight">
                 ${to}
             </div>
             
-            <p>With your T3Chat account, you can now access our platform's features and services.</p>
+            <p>With your RouterAI account, you can now access our platform's features and services.</p>
             
             <p>If you didn't request this account, please ignore this email or contact our support team.</p>
             
@@ -153,7 +153,7 @@ export const sendEmailNotification = async (to: string): Promise<EmailResponse>
         
         <!-- Footer -->
         <div class="footer">
-            <p>&copy; ${new Date().getFullYear()} T3Chat. All rights reserved.</p>
+            <p>&copy; ${new Date().getFullYear()} RouterAI. All rights reserved.</p>
             <p>
                 <a href="https://t3chat.xyz">Privacy Policy</a> | 
                 <a href="https://t3chat.xyz">Terms of Service</a>

public/og.png

@@ -53,48 +53,32 @@ export default async function SubscriptionPage() {
               plan={user?.subscription?.plan as string}
             />
 
-            {/* Message Usage */}
-            <div className="bg-accent space-y-4 rounded-xl p-4 dark:bg-black">
-              <div className="flex items-center justify-between">
-                <span className="text-foreground font-medium">
-                  Message Usage
-                </span>
-                <span className="text-muted-foreground text-sm">
-                  Resets today at 5:30 AM
-                </span>
-              </div>
+            <div className="space-y-1 pt-8">
+        <h2 className="text-xl font-bold text-white">Danger Zone</h2>
+        <p className="text-muted-foreground text-sm">
+          Permanently delete your account and all associated data.
+        </p>
+        <Button
+          variant="destructive"
+          className="mt-4 rounded-lg bg-red-600 px-6 py-2 font-medium text-white hover:bg-red-700"
+        >
+          Delete Account
+        </Button>
+      </div>
 
-              <div className="space-y-2">
-                <div className="flex items-center justify-between">
-                  <span className="text-foreground">Standard</span>
-                  <span className="text-foreground font-mono">0/20</span>
-                </div>
-                <div className="bg-muted h-2 w-full rounded-full">
-                  <div
-                    className="bg-primary h-2 rounded-full"
-                    style={{ width: "0%" }}
-                  ></div>
-                </div>
-                <p className="text-muted-foreground text-sm">
-                  20 messages remaining
-                </p>
-              </div>
-            </div>
           </div>
 
           {/* Right Column - Tabs Section */}
           <div className="lg:col-span-2">
             <Tabs defaultValue="account" className="max-w-full overflow-x-auto">
               <div className="no-scrollbar overflow-x-auto">
                 <TabsList className="h-[34px] rounded-lg">
-                  <TabsTrigger className="rounded-md text-xs" value="account">
-                    Account
-                  </TabsTrigger>
+                
                   <TabsTrigger
                     className="rounded-lg text-xs"
-                    value="customisation"
+                    value="account"
                   >
-                    Customisation
+                    Account
                   </TabsTrigger>
                   <TabsTrigger className="rounded-lg text-xs" value="history">
                     History & Sync
@@ -105,21 +89,14 @@ export default async function SubscriptionPage() {
                   <TabsTrigger className="rounded-lg text-xs" value="api-keys">
                     API Keys
                   </TabsTrigger>
-                  <TabsTrigger
-                    className="rounded-lg text-xs"
-                    value="attachments"
-                  >
-                    Attachments
-                  </TabsTrigger>
+              
                   <TabsTrigger className="rounded-lg text-xs" value="contact">
                     Contact
                   </TabsTrigger>
                 </TabsList>
               </div>
-              <TabsContent value="account" className="mt-6">
-                <Account />
-              </TabsContent>
-              <TabsContent value="customisation">
+      
+              <TabsContent value="account">
                 <Customisation />
               </TabsContent>
               <TabsContent value="history">
@@ -131,9 +108,7 @@ export default async function SubscriptionPage() {
               <TabsContent value="api-keys">
                 <APIKeysPage />
               </TabsContent>
-              <TabsContent value="attachments">
-                <AttachmentsPage />
-              </TabsContent>
+           
               <TabsContent value="contact">
                 <ContactUsPage />
               </TabsContent>

src/actions/sendSubscriptionMail.ts

@@ -31,6 +31,7 @@ import { useTheme } from "next-themes";
 import { Globe, Loader2Icon, Paperclip, WrapText } from "lucide-react";
 import { atomOneDark } from "react-syntax-highlighter/dist/esm/styles/hljs";
 import { api } from "@/trpc/react";
+import { useRouter } from "next/navigation";
 
 const geistMono = Geist_Mono({
   subsets: ["latin"],
@@ -71,6 +72,7 @@ const Chat = ({ chatId: initialChatId }: { chatId: string }) => {
   const [attachments, setAttachments] = useState<File[]>([]);
   const [chatId, setChatId] = useState<string>(initialChatId);
   const { getKey } = useApiKeys();
+  const utils = api.useUtils();
 
   const getUserApiKey = useCallback(() => {
     const modelInfo = getModelById(model);
@@ -258,8 +260,10 @@ const Chat = ({ chatId: initialChatId }: { chatId: string }) => {
       content: currentQuery,
     };
 
+    const updatedMessages = [...messages, userMessage];
+
     setQuery("");
-    setMessages((prev) => [...prev, userMessage]);
+    setMessages(updatedMessages);
     setIsLoading(true);
 
     if (abortControllerRef.current) {
@@ -278,7 +282,7 @@ const Chat = ({ chatId: initialChatId }: { chatId: string }) => {
                 "Content-Type": "application/json",
               },
               body: JSON.stringify({
-                messages: [{ role: "user", content: currentQuery }],
+                messages: updatedMessages.map((m) => ({ role: m.role, content: m.content })),
                 model: model,
                 chatId: chatId,
                 userApiKey: getUserApiKey(),
@@ -287,6 +291,7 @@ const Chat = ({ chatId: initialChatId }: { chatId: string }) => {
             });
 
             await processStream(response, currentQuery);
+            void utils.chat.getAllChats.invalidate();
           } catch (error) {
             if ((error as Error).name !== "AbortError") {
               console.error("Error sending message:", error);
@@ -336,12 +341,11 @@ const Chat = ({ chatId: initialChatId }: { chatId: string }) => {
       content: input,
     };
 
-    setMessages((prev) => [...prev, userMessage]);
-
     const currentMessage = input.trim();
+    const updatedMessages = [...messages, userMessage];
 
+    setMessages(updatedMessages);
     setInput("");
-
     setIsLoading(true);
 
     if (abortControllerRef.current) {
@@ -357,7 +361,7 @@ const Chat = ({ chatId: initialChatId }: { chatId: string }) => {
           "Content-Type": "application/json",
         },
         body: JSON.stringify({
-          messages: [{ role: "user", content: currentMessage }],
+          messages: updatedMessages.map((m) => ({ role: m.role, content: m.content })),
           model: model,
           chatId: chatId,
           userApiKey: getUserApiKey(),
@@ -366,6 +370,8 @@ const Chat = ({ chatId: initialChatId }: { chatId: string }) => {
       });
 
       await processStream(response, currentMessage);
+      // Invalidate sidebar so it reflects updated chat
+      void utils.chat.getAllChats.invalidate();
     } catch (error) {
       if ((error as Error).name !== "AbortError") {
         console.error("Error sending message:", error);

src/app/(app)/settings/subscription/page.tsx

@@ -49,7 +49,7 @@ export const Feedback = () => {
   return (
     <>
       <Toaster />
-      <div className="">
+      <div id="feedback">
         <div className="container mx-auto px-4 py-12 lg:px-8">
           <div className="mx-auto max-w-6xl">
             <div className="grid grid-cols-1 items-center gap-12 lg:grid-cols-2">