From 6facf6b50b677337f2ee8a79cec9d54f9c046c4c Mon Sep 17 00:00:00 2001
From: siddhant3895 <siddhant3895@gmail.com>
Date: Thu, 29 Oct 2026 23:01:17 +0530
Subject: [PATCH 1/8] feat: remove chat and projects UI sections and lock flex
 to wakatime

---
 app/components/Flex.tsx                      |  7 +------
 app/components/common/NavProfileDropdown.tsx | 11 ++---------
 app/components/dashboard/Navbar.tsx          | 14 ++++----------
 app/components/dashboard/Stats.tsx           | 10 ++++------
 4 files changed, 11 insertions(+), 31 deletions(-)

diff --git a/app/components/Flex.tsx b/app/components/Flex.tsx
index a813d1a..4f06b1e 100644
--- a/app/components/Flex.tsx
+++ b/app/components/Flex.tsx
@@ -253,12 +253,7 @@ export default function Flex() {
               <h2 className="text-xl font-bold mb-2">{flex.name}</h2>
               <p>{flex.text}</p>
 
-              <input
-                type="text"
-                value={flex.name || ""}
-                onChange={(e) => setFlex({ ...flex, name: e.target.value })}
-                className="w-full mt-4 px-3 py-2 bg-transparent text-gray-700 placeholder:text-gray-500 border border-neutral-800 rounded-xl outline-none"
-              />
+              {/* deleted a block from here. this is the last change i made there. everything is done. all that remains is double checking the code. like why do i even have to double check at the first place man like i didnt even double check my answers in my final maths paper. jokes aside all is done */}
 
               <textarea
                 value={flex.project_description || ""}
diff --git a/app/components/common/NavProfileDropdown.tsx b/app/components/common/NavProfileDropdown.tsx
index 94b27bb..bcb5e0d 100644
--- a/app/components/common/NavProfileDropdown.tsx
+++ b/app/components/common/NavProfileDropdown.tsx
@@ -4,7 +4,7 @@ import {
   faArrowRightFromBracket,
   faDashboard,
   faGear,
-  faMessage,
+ // just pressed backspace as you said lmao
   faProjectDiagram,
   faRankingStar,
   faStar,
@@ -99,14 +99,7 @@ export default function NavProfileDropdown({
                 <FontAwesomeIcon icon={faDashboard} className="w-4 h-4" />
                 Dashboard
               </Link>
-              <Link
-                href="/d/chat"
-                className="flex items-center gap-2 px-4 py-2 text-sm text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors"
-                onClick={() => setProfileOpen(false)}
-              >
-                <FontAwesomeIcon icon={faMessage} className="w-4 h-4" />
-                Chat
-              </Link>
+             
               <Link
                 href="/d/kanban"
                 className="flex items-center gap-2 px-4 py-2 text-sm text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors"
diff --git a/app/components/dashboard/Navbar.tsx b/app/components/dashboard/Navbar.tsx
index 301d112..0432ffe 100644
--- a/app/components/dashboard/Navbar.tsx
+++ b/app/components/dashboard/Navbar.tsx
@@ -8,7 +8,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faChartLine,
   faTrophy,
-  faMessage,
+  
   faCrown,
   faDashboard,
   faGlobe,
@@ -44,13 +44,7 @@ const navItems: NavItem[] = [
     role: "user",
     category: "dev",
   },
-  {
-    href: "/d/chat",
-    label: "Chat",
-    icon: faMessage,
-    role: "user",
-    category: "dev",
-  },
+  
   {
     href: "/d/kanban",
     label: "Kanban",
@@ -104,8 +98,8 @@ const navItems: NavItem[] = [
 
 // Primary items shown directly in the bottom nav (mobile).
 // Keep this to 4 so the "More" button fits as the 5th slot.
-const BOTTOM_NAV_HREFS = ["/d", "/d/chat", "/d/kanban", "/d/leaderboards"];
-const HIDDEN_BOTTOM_NAV_HREFS = ["/d/chat"];
+// added this after removing faMessages
+const BOTTOM_NAV_HREFS = ["/d", "/d/kanban", "/d/leaderboards"];
 
 export default function DashboardLayout({
   email,
diff --git a/app/components/dashboard/Stats.tsx b/app/components/dashboard/Stats.tsx
index fa92f97..9dfa9fc 100644
--- a/app/components/dashboard/Stats.tsx
+++ b/app/components/dashboard/Stats.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useCallback, useEffect, useState } from "react";
-import AOS from "aos";
+// why did you even add this AOS library? it wasnt even used anywhere
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faArrowsRotate } from "@fortawesome/free-solid-svg-icons";
 import { toast } from "react-toastify";
@@ -11,7 +11,7 @@ import StatsCard from "./widgets/StatsCard";
 import LanguageDestribution from "./widgets/LanguageDestribution";
 import Editors from "./widgets/Editors";
 import OperatingSystem from "./widgets/OperatingSystem";
-import Projects from "./widgets/Projects";
+
 import Machines from "./widgets/Machines";
 import Categories from "./widgets/Categories";
 import Dependencies from "./widgets/Dependencies";
@@ -272,10 +272,8 @@ export default function Stats() {
           />
 
           {/* Core Codebase Breakdown */}
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 w-full">
-            <Projects stats={stats} animated={animated} />
-            <Dependencies stats={stats} animated={animated} />
-          </div>
+          <Dependencies stats={stats} animated={animated} />
+          {/* deleted somee code yaya */}
         </div>
 
         {/* Right Sidebar: Environment & Tools */}

From eda476635afb3c03e9b71e1c75eed5bbd88cc7d3 Mon Sep 17 00:00:00 2001
From: siddhant3895/2310 <siddhant3895@gmail.com>
Date: Thu, 29 Oct 2026 23:24:33 +0530
Subject: [PATCH 2/8] Update Flex.tsx

---
 app/components/Flex.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Flex.tsx b/app/components/Flex.tsx
index 4f06b1e..d2d4c87 100644
--- a/app/components/Flex.tsx
+++ b/app/components/Flex.tsx
@@ -253,7 +253,7 @@ export default function Flex() {
               <h2 className="text-xl font-bold mb-2">{flex.name}</h2>
               <p>{flex.text}</p>
 
-              {/* deleted a block from here. this is the last change i made there. everything is done. all that remains is double checking the code. like why do i even have to double check at the first place man like i didnt even double check my answers in my final maths paper. jokes aside all is done */}
+              {/* deleted a block from here. this is the last change i made there. everything is done. all that us remaining is double checking the changes. signing outt*/}
 
               <textarea
                 value={flex.project_description || ""}

From b01a29646a251ea043513a9c3a283bc75c442b8d Mon Sep 17 00:00:00 2001
From: siddhant3895/2310 <siddhant3895@gmail.com>
Date: Thu, 29 Oct 2026 23:28:10 +0530
Subject: [PATCH 3/8] Remove comment in Navbar.tsx

Removed unnecessary comment about backspace.
---
 app/components/dashboard/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/dashboard/Navbar.tsx b/app/components/dashboard/Navbar.tsx
index 0432ffe..79468f7 100644
--- a/app/components/dashboard/Navbar.tsx
+++ b/app/components/dashboard/Navbar.tsx
@@ -8,7 +8,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faChartLine,
   faTrophy,
-  
+  // my backspace is getting tired
   faCrown,
   faDashboard,
   faGlobe,

From f1a46b272e0b2b1de631f1cf0f9935608413f7e6 Mon Sep 17 00:00:00 2001
From: siddhant3895 <siddhant3895@gmail.com>
Date: Fri, 30 Oct 2026 00:06:54 +0530
Subject: [PATCH 4/8] chore: remove chat and project management features

---
 .env.example                                  |   7 -
 app/api/conversations/[id]/presence/route.ts  |  32 -
 app/api/conversations/[id]/route.ts           |  29 -
 app/api/conversations/[id]/unread/route.ts    |  40 -
 app/api/conversations/route.ts                | 103 --
 app/api/cron/cleanup-messages/route.ts        |  15 -
 app/api/kanban/data/route.ts                  |  12 -
 app/api/kanban/issues/[id]/route.ts           |  66 --
 app/api/kanban/issues/route.ts                |  73 --
 app/api/kanban/projects/route.ts              | 120 ---
 app/api/messages/route.ts                     | 122 ---
 app/api/presence/route.ts                     |  19 -
 app/api/sse/chat/[conversationId]/route.ts    |  57 -
 .../sse/chat/[conversationId]/typing/route.ts |  43 -
 app/api/sse/conversations/route.ts            |  40 -
 app/api/sse/kanban/route.ts                   |  34 -
 app/api/users/badges/route.ts                 |  29 -
 app/api/users/route.ts                        |  35 -
 app/components/Chat.tsx                       | 845 ---------------
 app/components/chat/Conversations.tsx         | 110 --
 app/components/chat/MediaViewerModal.tsx      | 155 ---
 app/components/chat/Messages.tsx              | 761 --------------
 app/components/chat/Player.tsx                | 855 ---------------
 .../chat/hooks/useActiveConversationStream.ts | 200 ----
 .../chat/hooks/useChatAttachmentInput.ts      |  79 --
 app/components/chat/hooks/useChatBadWords.ts  |   7 -
 app/components/chat/hooks/useChatBadges.ts    |  78 --
 .../chat/hooks/useChatConversationActions.ts  | 192 ----
 .../hooks/useChatConversationsRealtime.ts     | 192 ----
 .../chat/hooks/useChatInputBehavior.ts        |  83 --
 .../chat/hooks/useChatMessageComposer.ts      | 130 ---
 app/components/chat/hooks/useChatPresence.ts  | 177 ----
 app/components/chat/hooks/useChatTyping.ts    | 149 ---
 .../chat/hooks/useChatUserPicker.ts           |  54 -
 app/components/common/NavProfileDropdown.tsx  |   9 -
 app/components/dashboard/Navbar.tsx           |   8 -
 app/d/chat/page.tsx                           |  16 -
 app/d/kanban/page.tsx                         | 977 ------------------
 app/lib/auth.ts                               |  25 -
 app/lib/emitter.ts                            |   8 -
 app/lib/kanban.ts                             | 282 -----
 app/utils/media.ts                            |  21 -
 package.json                                  |   5 -
 43 files changed, 6294 deletions(-)
 delete mode 100644 app/api/conversations/[id]/presence/route.ts
 delete mode 100644 app/api/conversations/[id]/route.ts
 delete mode 100644 app/api/conversations/[id]/unread/route.ts
 delete mode 100644 app/api/conversations/route.ts
 delete mode 100644 app/api/cron/cleanup-messages/route.ts
 delete mode 100644 app/api/kanban/data/route.ts
 delete mode 100644 app/api/kanban/issues/[id]/route.ts
 delete mode 100644 app/api/kanban/issues/route.ts
 delete mode 100644 app/api/kanban/projects/route.ts
 delete mode 100644 app/api/messages/route.ts
 delete mode 100644 app/api/presence/route.ts
 delete mode 100644 app/api/sse/chat/[conversationId]/route.ts
 delete mode 100644 app/api/sse/chat/[conversationId]/typing/route.ts
 delete mode 100644 app/api/sse/conversations/route.ts
 delete mode 100644 app/api/sse/kanban/route.ts
 delete mode 100644 app/api/users/badges/route.ts
 delete mode 100644 app/api/users/route.ts
 delete mode 100644 app/components/Chat.tsx
 delete mode 100644 app/components/chat/Conversations.tsx
 delete mode 100644 app/components/chat/MediaViewerModal.tsx
 delete mode 100644 app/components/chat/Messages.tsx
 delete mode 100644 app/components/chat/Player.tsx
 delete mode 100644 app/components/chat/hooks/useActiveConversationStream.ts
 delete mode 100644 app/components/chat/hooks/useChatAttachmentInput.ts
 delete mode 100644 app/components/chat/hooks/useChatBadWords.ts
 delete mode 100644 app/components/chat/hooks/useChatBadges.ts
 delete mode 100644 app/components/chat/hooks/useChatConversationActions.ts
 delete mode 100644 app/components/chat/hooks/useChatConversationsRealtime.ts
 delete mode 100644 app/components/chat/hooks/useChatInputBehavior.ts
 delete mode 100644 app/components/chat/hooks/useChatMessageComposer.ts
 delete mode 100644 app/components/chat/hooks/useChatPresence.ts
 delete mode 100644 app/components/chat/hooks/useChatTyping.ts
 delete mode 100644 app/components/chat/hooks/useChatUserPicker.ts
 delete mode 100644 app/d/chat/page.tsx
 delete mode 100644 app/d/kanban/page.tsx
 delete mode 100644 app/lib/emitter.ts
 delete mode 100644 app/lib/kanban.ts
 delete mode 100644 app/utils/media.ts

diff --git a/.env.example b/.env.example
index b3b1b5d..1d4b317 100644
--- a/.env.example
+++ b/.env.example
@@ -25,13 +25,6 @@ NODE_MAILER_USER=
 NODE_MAILER_PASS=
 NODE_MAILER_SECURE=true
 
-# Global chat conversation ID (seed with a cuid, e.g. from `npx cuid`)
-GLOBAL_CONVERSATION_ID=
-NEXT_PUBLIC_GLOBAL_CONVERSATION_ID=
-
-# Cron job secret (protects POST /api/cron/cleanup-messages)
-CRON_SECRET=
-
 # Norton Safe Web
 NEXT_PUBLIC_NORTON_SAFEWEB_SITE_VERIFICATION=
 
diff --git a/app/api/conversations/[id]/presence/route.ts b/app/api/conversations/[id]/presence/route.ts
deleted file mode 100644
index 8259408..0000000
--- a/app/api/conversations/[id]/presence/route.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-
-export async function PATCH(
-  req: Request,
-  { params }: { params: Promise<{ id: string }> },
-) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { id: conversationId } = await params;
-  const { mark_read } = await req.json();
-
-  const timestamp = new Date();
-
-  const data: { last_seen_at: Date; last_read_at?: Date } = {
-    last_seen_at: timestamp,
-  };
-  if (mark_read) {
-    data.last_read_at = timestamp;
-  }
-
-  await prisma.conversationParticipant.updateMany({
-    where: { conversation_id: conversationId, user_id: session.user.id },
-    data,
-  });
-
-  return NextResponse.json({ success: true });
-}
diff --git a/app/api/conversations/[id]/route.ts b/app/api/conversations/[id]/route.ts
deleted file mode 100644
index e2cd72f..0000000
--- a/app/api/conversations/[id]/route.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-
-export async function DELETE(
-  _req: Request,
-  { params }: { params: Promise<{ id: string }> },
-) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { id } = await params;
-
-  const participant = await prisma.conversationParticipant.findUnique({
-    where: {
-      conversation_id_user_id: { conversation_id: id, user_id: session.user.id },
-    },
-  });
-
-  if (!participant) {
-    return NextResponse.json({ error: "Not found." }, { status: 404 });
-  }
-
-  await prisma.conversation.delete({ where: { id } });
-
-  return NextResponse.json({ success: true });
-}
diff --git a/app/api/conversations/[id]/unread/route.ts b/app/api/conversations/[id]/unread/route.ts
deleted file mode 100644
index 1c5fb06..0000000
--- a/app/api/conversations/[id]/unread/route.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-
-export async function GET(
-  _req: Request,
-  { params }: { params: Promise<{ id: string }> },
-) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { id: conversationId } = await params;
-
-  const participant = await prisma.conversationParticipant.findUnique({
-    where: {
-      conversation_id_user_id: {
-        conversation_id: conversationId,
-        user_id: session.user.id,
-      },
-    },
-    select: { last_read_at: true },
-  });
-
-  if (!participant) {
-    return NextResponse.json({ count: 0 });
-  }
-
-  const count = await prisma.message.count({
-    where: {
-      conversation_id: conversationId,
-      sender_id: { not: session.user.id },
-      created_at: { gt: participant.last_read_at },
-      expires_at: { gt: new Date() },
-    },
-  });
-
-  return NextResponse.json({ count });
-}
diff --git a/app/api/conversations/route.ts b/app/api/conversations/route.ts
deleted file mode 100644
index ca8395a..0000000
--- a/app/api/conversations/route.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-
-export async function GET() {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const participantRows = await prisma.conversationParticipant.findMany({
-    where: { user_id: session.user.id },
-    include: {
-      conversation: {
-        include: {
-          participants: {
-            select: {
-              user_id: true,
-              email: true,
-              last_seen_at: true,
-              last_read_at: true,
-            },
-          },
-        },
-      },
-    },
-  });
-
-  const conversations = participantRows.map((row) => ({
-    id: row.conversation_id,
-    type: row.conversation.type.toLowerCase(),
-    created_at: row.conversation.created_at.toISOString(),
-    last_read_at: row.last_read_at.toISOString(),
-    users: row.conversation.participants.map((p) => ({
-      id: p.user_id,
-      email: p.email,
-      last_seen_at: p.last_seen_at.toISOString(),
-    })),
-  }));
-
-  return NextResponse.json(conversations);
-}
-
-export async function POST(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id || !session.user.email) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { other_user_id, other_user_email } = await req.json();
-
-  if (!other_user_id) {
-    return NextResponse.json(
-      { error: "other_user_id is required." },
-      { status: 400 },
-    );
-  }
-
-  const timestamp = new Date();
-  const EPOCH = new Date("1970-01-01T00:00:00.000Z");
-
-  const conversation = await prisma.conversation.create({
-    data: {
-      type: "PRIVATE",
-      participants: {
-        create: [
-          {
-            user_id: session.user.id,
-            email: session.user.email,
-            last_seen_at: timestamp,
-            last_read_at: timestamp,
-          },
-          {
-            user_id: other_user_id,
-            email: other_user_email ?? "",
-            last_seen_at: EPOCH,
-            last_read_at: EPOCH,
-          },
-        ],
-      },
-    },
-    include: {
-      participants: {
-        select: { user_id: true, email: true, last_seen_at: true },
-      },
-    },
-  });
-
-  return NextResponse.json(
-    {
-      id: conversation.id,
-      type: "private",
-      created_at: conversation.created_at.toISOString(),
-      last_read_at: timestamp.toISOString(),
-      users: conversation.participants.map((p) => ({
-        id: p.user_id,
-        email: p.email,
-        last_seen_at: p.last_seen_at.toISOString(),
-      })),
-    },
-    { status: 201 },
-  );
-}
diff --git a/app/api/cron/cleanup-messages/route.ts b/app/api/cron/cleanup-messages/route.ts
deleted file mode 100644
index 8c62adc..0000000
--- a/app/api/cron/cleanup-messages/route.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NextResponse } from "next/server";
-import { prisma } from "@/app/lib/prisma";
-
-export async function POST(req: Request) {
-  const secret = req.headers.get("x-cron-secret");
-  if (!secret || secret !== process.env.CRON_SECRET) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { count } = await prisma.message.deleteMany({
-    where: { expires_at: { lt: new Date() } },
-  });
-
-  return NextResponse.json({ deleted: count });
-}
diff --git a/app/api/kanban/data/route.ts b/app/api/kanban/data/route.ts
deleted file mode 100644
index 031c692..0000000
--- a/app/api/kanban/data/route.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { getKanbanData } from "@/app/lib/kanban";
-
-export async function GET() {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  return NextResponse.json(await getKanbanData(session.user.id));
-}
diff --git a/app/api/kanban/issues/[id]/route.ts b/app/api/kanban/issues/[id]/route.ts
deleted file mode 100644
index 2eaabbb..0000000
--- a/app/api/kanban/issues/[id]/route.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-import { emitter } from "@/app/lib/emitter";
-import { getColumnAccess, getIssueAccess } from "@/app/lib/kanban";
-
-export async function PATCH(
-  req: Request,
-  { params }: { params: Promise<{ id: string }> },
-) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { id } = await params;
-  const body = await req.json();
-  const { column_id, position } = body as {
-    column_id?: string;
-    position?: number;
-  };
-
-  const issueAccess = await getIssueAccess(session.user.id, id);
-  if (!issueAccess) {
-    return NextResponse.json({ error: "Issue not found." }, { status: 404 });
-  }
-
-  if (column_id !== undefined) {
-    const columnAccess = await getColumnAccess(session.user.id, column_id);
-    if (!columnAccess || columnAccess.project_id !== issueAccess.project_id) {
-      return NextResponse.json(
-        { error: "Cannot move issue to that column." },
-        { status: 400 },
-      );
-    }
-  }
-
-  const data: Record<string, unknown> = {};
-  if (column_id !== undefined) data.column_id = column_id;
-  if (position !== undefined) data.position = position;
-
-  if (Object.keys(data).length === 0) {
-    return NextResponse.json({ error: "Nothing to update." }, { status: 400 });
-  }
-
-  const issue = await prisma.issue.update({
-    where: { id },
-    data: { ...data, updated_at: new Date() },
-  });
-
-  const payload = {
-    type: "issue_updated",
-    data: {
-      id: issue.id,
-      column_id: issue.column_id,
-      position: issue.position,
-    },
-  };
-  emitter.emit("kanban", payload);
-
-  return NextResponse.json({
-    id: issue.id,
-    column_id: issue.column_id,
-    position: issue.position,
-  });
-}
diff --git a/app/api/kanban/issues/route.ts b/app/api/kanban/issues/route.ts
deleted file mode 100644
index 67357cb..0000000
--- a/app/api/kanban/issues/route.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-import { emitter } from "@/app/lib/emitter";
-import { IssueType, IssuePriority } from "@prisma/client";
-import { getColumnAccess, getNextIssueKey } from "@/app/lib/kanban";
-
-const TYPE_MAP: Record<string, IssueType> = {
-  bug: "BUG",
-  feature: "FEATURE",
-  chore: "CHORE",
-};
-
-const PRIORITY_MAP: Record<string, IssuePriority> = {
-  p0: "P0",
-  p1: "P1",
-  p2: "P2",
-};
-
-export async function POST(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { column_id, title, tag, type, priority, issue_key, position } =
-    await req.json();
-
-  if (!column_id || !title?.trim()) {
-    return NextResponse.json(
-      { error: "columnId and title are required." },
-      { status: 400 },
-    );
-  }
-
-  const columnAccess = await getColumnAccess(session.user.id, column_id);
-  if (!columnAccess) {
-    return NextResponse.json({ error: "Column not found." }, { status: 404 });
-  }
-
-  const resolvedIssueKey =
-    typeof issue_key === "string" && issue_key.trim().length > 0
-      ? issue_key.trim()
-      : await getNextIssueKey(columnAccess.project_id, columnAccess.project_name);
-
-  const issue = await prisma.issue.create({
-    data: {
-      column_id: column_id,
-      issue_key: resolvedIssueKey,
-      title: title.trim(),
-      tag: tag ?? "",
-      type: TYPE_MAP[type] ?? "FEATURE",
-      priority: PRIORITY_MAP[priority] ?? "P2",
-      position: position ?? 0,
-    },
-  });
-
-  const payload = {
-    id: issue.id,
-    column_id: issue.column_id,
-    issue_key: issue.issue_key,
-    title: issue.title,
-    tag: issue.tag ?? "",
-    type: issue.type.toLowerCase(),
-    priority: issue.priority.toLowerCase(),
-    position: issue.position,
-    created_at: issue.created_at.toISOString(),
-  };
-
-  emitter.emit("kanban", { type: "issue_created", data: payload });
-
-  return NextResponse.json(payload, { status: 201 });
-}
diff --git a/app/api/kanban/projects/route.ts b/app/api/kanban/projects/route.ts
deleted file mode 100644
index 3c14a74..0000000
--- a/app/api/kanban/projects/route.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-import { getKanbanData } from "@/app/lib/kanban";
-
-const DEFAULT_COLUMNS = ["Backlog", "In Progress", "Done"];
-
-export async function GET() {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const data = await getKanbanData(session.user.id);
-  return NextResponse.json({
-    projects: data.projects,
-    wakatime_projects: data.wakatime_projects,
-  });
-}
-
-export async function POST(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const body = (await req.json()) as {
-    name?: string;
-    description?: string;
-    wakatime_project_name?: string;
-  };
-
-  const name = body.name?.trim();
-  if (!name) {
-    return NextResponse.json(
-      { error: "Project name is required." },
-      { status: 400 },
-    );
-  }
-
-  const existing = await prisma.$queryRaw<Array<{ id: string }>>`
-    SELECT id
-    FROM projects
-    WHERE user_id = ${session.user.id}
-      AND LOWER(name) = LOWER(${name})
-    LIMIT 1
-  `;
-
-  if (existing.length > 0) {
-    return NextResponse.json(
-      { error: "A Kanban project with that name already exists." },
-      { status: 409 },
-    );
-  }
-
-  const projectId = crypto.randomUUID();
-  const boardId = crypto.randomUUID();
-  const safeDescription = body.description?.trim() || null;
-  const safeWakaName = body.wakatime_project_name?.trim() || null;
-  const now = new Date();
-
-  await prisma.$transaction(async (tx) => {
-    await tx.$executeRaw`
-      INSERT INTO projects (
-        id,
-        user_id,
-        name,
-        description,
-        wakatime_project_name,
-        created_at
-      ) VALUES (
-        ${projectId},
-        ${session.user.id},
-        ${name},
-        ${safeDescription},
-        ${safeWakaName},
-        ${now}
-      )
-    `;
-
-    await tx.$executeRaw`
-      INSERT INTO boards (
-        id,
-        project_id,
-        title,
-        description,
-        created_at
-      ) VALUES (
-        ${boardId},
-        ${projectId},
-        ${`${name} Board`},
-        ${safeDescription},
-        ${now}
-      )
-    `;
-
-    for (const [index, columnTitle] of DEFAULT_COLUMNS.entries()) {
-      await tx.$executeRaw`
-        INSERT INTO columns (
-          id,
-          board_id,
-          title,
-          position,
-          created_at
-        ) VALUES (
-          ${crypto.randomUUID()},
-          ${boardId},
-          ${columnTitle},
-          ${index},
-          ${now}
-        )
-      `;
-    }
-  });
-
-  const data = await getKanbanData(session.user.id);
-  const project = data.projects.find((entry) => entry.id === projectId);
-
-  return NextResponse.json(project, { status: 201 });
-}
diff --git a/app/api/messages/route.ts b/app/api/messages/route.ts
deleted file mode 100644
index 66b3955..0000000
--- a/app/api/messages/route.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-import { emitter } from "@/app/lib/emitter";
-
-export async function GET(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { searchParams } = new URL(req.url);
-  const conversationId = searchParams.get("conversationId");
-
-  if (!conversationId) {
-    return NextResponse.json(
-      { error: "conversationId is required." },
-      { status: 400 },
-    );
-  }
-
-  const participant = await prisma.conversationParticipant.findUnique({
-    where: {
-      conversation_id_user_id: {
-        conversation_id: conversationId,
-        user_id: session.user.id,
-      },
-    },
-  });
-
-  if (!participant) {
-    return NextResponse.json({ error: "Forbidden." }, { status: 403 });
-  }
-
-  const messages = await prisma.message.findMany({
-    where: {
-      conversation_id: conversationId,
-      expires_at: { gt: new Date() },
-    },
-    orderBy: { created_at: "asc" },
-  });
-
-  return NextResponse.json(
-    messages.map((m) => ({
-      id: m.id,
-      conversation_id: m.conversation_id,
-      sender_id: m.sender_id,
-      text: m.text,
-      attachments: m.attachments,
-      created_at: m.created_at.toISOString(),
-    })),
-  );
-}
-
-export async function POST(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { conversation_id, text, attachments } = await req.json();
-
-  if (
-    !conversation_id ||
-    (!text?.trim() && (!attachments || attachments.length === 0))
-  ) {
-    return NextResponse.json(
-      { error: "conversationId and text are required." },
-      { status: 400 },
-    );
-  }
-
-  const participant = await prisma.conversationParticipant.findUnique({
-    where: {
-      conversation_id_user_id: {
-        conversation_id,
-        user_id: session.user.id,
-      },
-    },
-  });
-
-  if (!participant) {
-    return NextResponse.json({ error: "Forbidden." }, { status: 403 });
-  }
-
-  const message = await prisma.message.create({
-    data: {
-      conversation_id,
-      sender_id: session.user.id,
-      text: text?.trim() ?? "",
-      attachments: attachments ?? [],
-    },
-  });
-
-  const payload = {
-    id: message.id,
-    conversation_id: message.conversation_id,
-    sender_id: message.sender_id,
-    text: message.text,
-    attachments: message.attachments,
-    created_at: message.created_at.toISOString(),
-  };
-
-  emitter.emit(`chat:${conversation_id}`, { type: "message", data: payload });
-
-  const participants = await prisma.conversationParticipant.findMany({
-    where: {
-      conversation_id,
-      user_id: { not: session.user.id },
-    },
-    select: { user_id: true },
-  });
-
-  for (const p of participants) {
-    emitter.emit(`user:${p.user_id}`, {
-      type: "new_message",
-      data: { conversation_id, sender_id: session.user.id },
-    });
-  }
-
-  return NextResponse.json(payload, { status: 201 });
-}
diff --git a/app/api/presence/route.ts b/app/api/presence/route.ts
deleted file mode 100644
index 1d2e51f..0000000
--- a/app/api/presence/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-
-export async function PATCH() {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const timestamp = new Date();
-
-  await prisma.conversationParticipant.updateMany({
-    where: { user_id: session.user.id },
-    data: { last_seen_at: timestamp },
-  });
-
-  return NextResponse.json({ success: true });
-}
diff --git a/app/api/sse/chat/[conversationId]/route.ts b/app/api/sse/chat/[conversationId]/route.ts
deleted file mode 100644
index ab7c5eb..0000000
--- a/app/api/sse/chat/[conversationId]/route.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { auth } from "@/app/lib/auth";
-import { emitter } from "@/app/lib/emitter";
-import { prisma } from "@/app/lib/prisma";
-
-export const runtime = "nodejs";
-export const dynamic = "force-dynamic";
-
-export async function GET(
-  req: Request,
-  { params }: { params: Promise<{ conversationId: string }> },
-) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return new Response("Unauthorized", { status: 401 });
-  }
-
-  const { conversationId } = await params;
-
-  const participant = await prisma.conversationParticipant.findUnique({
-    where: {
-      conversation_id_user_id: {
-        conversation_id: conversationId,
-        user_id: session.user.id,
-      },
-    },
-  });
-
-  if (!participant) {
-    return new Response("Forbidden", { status: 403 });
-  }
-
-  const encoder = new TextEncoder();
-  const stream = new ReadableStream({
-    start(controller) {
-      const send = (event: unknown) => {
-        controller.enqueue(
-          encoder.encode(`data: ${JSON.stringify(event)}\n\n`),
-        );
-      };
-
-      emitter.on(`chat:${conversationId}`, send);
-
-      req.signal.addEventListener("abort", () => {
-        emitter.off(`chat:${conversationId}`, send);
-        controller.close();
-      });
-    },
-  });
-
-  return new Response(stream, {
-    headers: {
-      "Content-Type": "text/event-stream",
-      "Cache-Control": "no-cache, no-transform",
-      Connection: "keep-alive",
-    },
-  });
-}
diff --git a/app/api/sse/chat/[conversationId]/typing/route.ts b/app/api/sse/chat/[conversationId]/typing/route.ts
deleted file mode 100644
index 4e9f939..0000000
--- a/app/api/sse/chat/[conversationId]/typing/route.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { emitter } from "@/app/lib/emitter";
-import { prisma } from "@/app/lib/prisma";
-
-export async function POST(
-  req: Request,
-  { params }: { params: Promise<{ conversationId: string }> },
-) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { conversationId } = await params;
-
-  const participant = await prisma.conversationParticipant.findUnique({
-    where: {
-      conversation_id_user_id: {
-        conversation_id: conversationId,
-        user_id: session.user.id,
-      },
-    },
-  });
-
-  if (!participant) {
-    return NextResponse.json({ error: "Forbidden." }, { status: 403 });
-  }
-
-  const { is_typing } = await req.json();
-
-  emitter.emit(`chat:${conversationId}`, {
-    type: "typing",
-    data: {
-      conversation_id: conversationId,
-      user_id: session.user.id,
-      email: participant.email,
-      is_typing: Boolean(is_typing),
-    },
-  });
-
-  return NextResponse.json({ success: true });
-}
diff --git a/app/api/sse/conversations/route.ts b/app/api/sse/conversations/route.ts
deleted file mode 100644
index 46023ab..0000000
--- a/app/api/sse/conversations/route.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { auth } from "@/app/lib/auth";
-import { emitter } from "@/app/lib/emitter";
-
-export const runtime = "nodejs";
-export const dynamic = "force-dynamic";
-
-export async function GET(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return new Response("Unauthorized", { status: 401 });
-  }
-
-  const userId = session.user.id;
-  const encoder = new TextEncoder();
-
-  const stream = new ReadableStream({
-    start(controller) {
-      const send = (event: unknown) => {
-        controller.enqueue(
-          encoder.encode(`data: ${JSON.stringify(event)}\n\n`),
-        );
-      };
-
-      emitter.on(`user:${userId}`, send);
-
-      req.signal.addEventListener("abort", () => {
-        emitter.off(`user:${userId}`, send);
-        controller.close();
-      });
-    },
-  });
-
-  return new Response(stream, {
-    headers: {
-      "Content-Type": "text/event-stream",
-      "Cache-Control": "no-cache, no-transform",
-      Connection: "keep-alive",
-    },
-  });
-}
diff --git a/app/api/sse/kanban/route.ts b/app/api/sse/kanban/route.ts
deleted file mode 100644
index 077bc36..0000000
--- a/app/api/sse/kanban/route.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { auth } from "@/app/lib/auth";
-import { emitter } from "@/app/lib/emitter";
-
-export async function GET(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return new Response("Unauthorized", { status: 401 });
-  }
-
-  const stream = new ReadableStream({
-    start(controller) {
-      const encoder = new TextEncoder();
-
-      const send = (data: unknown) => {
-        controller.enqueue(encoder.encode(`data: ${JSON.stringify(data)}\n\n`));
-      };
-
-      emitter.on("kanban", send);
-
-      req.signal.addEventListener("abort", () => {
-        emitter.off("kanban", send);
-        controller.close();
-      });
-    },
-  });
-
-  return new Response(stream, {
-    headers: {
-      "Content-Type": "text/event-stream",
-      "Cache-Control": "no-cache",
-      Connection: "keep-alive",
-    },
-  });
-}
diff --git a/app/api/users/badges/route.ts b/app/api/users/badges/route.ts
deleted file mode 100644
index f6ef4e7..0000000
--- a/app/api/users/badges/route.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-
-export async function GET(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { searchParams } = new URL(req.url);
-  const ids = searchParams.getAll("id");
-
-  if (ids.length === 0) {
-    return NextResponse.json([]);
-  }
-
-  const stats = await prisma.userStats.findMany({
-    where: { user_id: { in: ids } },
-    select: { user_id: true, total_seconds: true },
-  });
-
-  return NextResponse.json(
-    stats.map((s) => ({
-      user_id: s.user_id,
-      total_seconds: Number(s.total_seconds),
-    })),
-  );
-}
diff --git a/app/api/users/route.ts b/app/api/users/route.ts
deleted file mode 100644
index f626d9c..0000000
--- a/app/api/users/route.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { NextResponse } from "next/server";
-import { auth } from "@/app/lib/auth";
-import { prisma } from "@/app/lib/prisma";
-
-export async function GET(req: Request) {
-  const session = await auth();
-  if (!session?.user?.id) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-
-  const { searchParams } = new URL(req.url);
-  const conversationId = searchParams.get("conversationId");
-
-  if (!conversationId) {
-    return NextResponse.json(
-      { error: "conversationId is required." },
-      { status: 400 },
-    );
-  }
-
-  const participants = await prisma.conversationParticipant.findMany({
-    where: {
-      conversation_id: conversationId,
-      user_id: { not: session.user.id },
-    },
-    select: { user_id: true, email: true },
-  });
-
-  const users = participants
-    .filter((p) => p.email)
-    .map((p) => ({ user_id: p.user_id, email: p.email }))
-    .sort((a, b) => a.email.localeCompare(b.email));
-
-  return NextResponse.json(users);
-}
diff --git a/app/components/Chat.tsx b/app/components/Chat.tsx
deleted file mode 100644
index 61444e1..0000000
--- a/app/components/Chat.tsx
+++ /dev/null
@@ -1,845 +0,0 @@
-"use client";
-
-import { useEffect, useMemo, useRef, useState } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
-  faFile,
-  faPaperPlane,
-  faPlus,
-  faSearch,
-  faInfoCircle,
-  faBellSlash,
-  faChevronDown,
-  faChevronUp,
-  faXmark,
-  faChevronLeft,
-  faTrash,
-  faPlay,
-} from "@fortawesome/free-solid-svg-icons";
-import Conversations from "./chat/Conversations";
-import Messages from "./chat/Messages";
-import MediaViewerModal, {
-  type MediaViewerPayload,
-} from "./chat/MediaViewerModal";
-import { useActiveConversationStream } from "./chat/hooks/useActiveConversationStream";
-import { useChatAttachmentInput } from "./chat/hooks/useChatAttachmentInput";
-import { useChatBadWords } from "./chat/hooks/useChatBadWords";
-import { useChatBadges } from "./chat/hooks/useChatBadges";
-import { useChatConversationActions } from "./chat/hooks/useChatConversationActions";
-import { useChatConversationsRealtime } from "./chat/hooks/useChatConversationsRealtime";
-import { useChatInputBehavior } from "./chat/hooks/useChatInputBehavior";
-import { useChatMessageComposer } from "./chat/hooks/useChatMessageComposer";
-import { useChatPresence } from "./chat/hooks/useChatPresence";
-import { useChatTyping } from "./chat/hooks/useChatTyping";
-import { useChatUserPicker } from "./chat/hooks/useChatUserPicker";
-import Image from "next/image";
-import { toast } from "react-toastify";
-
-export interface Conversation {
-  id: string;
-  users: { id: string; email: string }[];
-  type: string;
-  created_at?: string;
-}
-
-export interface Message {
-  id: string;
-  conversation_id: string;
-  sender_id: string;
-  text: string;
-  attachments: {
-    filename: string;
-    mimetype: string;
-    filesize: number;
-    public_url: string;
-  }[];
-  created_at: string;
-  optimistic?: boolean;
-}
-
-export interface ChatUser {
-  user_id: string;
-  email: string;
-}
-
-export interface ConversationParticipant {
-  id: string;
-  users: {
-    user_id: string;
-  }[];
-}
-
-export interface ConversationParticipantRow {
-  email: string;
-  conversation: ConversationParticipant[];
-}
-
-interface ParticipantPresence {
-  last_seen_at: string | null;
-  last_read_at: string | null;
-}
-
-export interface TypingState {
-  user_id: string;
-  label: string;
-}
-
-export interface ChatUserShape {
-  id: string;
-  email: string | null;
-  name?: string | null;
-}
-
-const GLOBAL_CONVERSATION_ID =
-  process.env.NEXT_PUBLIC_GLOBAL_CONVERSATION_ID ??
-  "00000000-0000-0000-0000-000000000001";
-const ONLINE_TIMEOUT_MS = 2 * 60 * 1000;
-const MAX_PRESENCE_FUTURE_SKEW_MS = 30_000;
-const PRESENCE_HEARTBEAT_MS = 45_000;
-const READ_RECEIPT_THROTTLE_MS = 1_500;
-const TYPING_INACTIVE_TIMEOUT_MS = 1_800;
-const TYPING_REMOTE_EXPIRE_MS = 2_500;
-const PRESENCE_UNSEEN_AT_ISO = "1970-01-01T00:00:00.000Z";
-
-export default function Chat({ user }: { user: ChatUserShape }) {
-  const [conversations, setConversations] = useState<Conversation[]>([]);
-  const [conversationId, setConversationId] = useState<string | null>(null);
-  const [messages, setMessages] = useState<Message[]>([]);
-  const [input, setInput] = useState("");
-  const [showModal, setShowModal] = useState(false);
-  const [messageSearch, setMessageSearch] = useState("");
-  const [unreadCountByConversationId, setUnreadCountByConversationId] =
-    useState<Record<string, number>>({});
-  const [, setParticipantMetaByConversationId] = useState<
-    Record<string, ParticipantPresence>
-  >({});
-  const conversationIdsRef = useRef<Set<string>>(new Set());
-  const activeConversationIdRef = useRef<string | null>(null);
-  const bottomRef = useRef<HTMLDivElement | null>(null);
-  const [dmSortOrder, setDmSortOrder] = useState<
-    "newest" | "oldest" | "az" | "za"
-  >("newest");
-  const [isDmSortOpen, setIsDmSortOpen] = useState(false);
-  const creatingRef = useRef(false);
-  const fileInputRef = useRef<HTMLInputElement | null>(null);
-  const [showRightSidebar, setShowRightSidebar] = useState(false);
-  const [showAllMedia, setShowAllMedia] = useState(false);
-  const [mediaViewer, setMediaViewer] = useState<MediaViewerPayload | null>(
-    null,
-  );
-  const lastReadSyncAtRef = useRef<Record<string, number>>({});
-
-  const {
-    setLastSeenByUserId,
-    onlineByUserId,
-    fetchUnreadCountsForConversations,
-    markConversationAsRead,
-  } = useChatPresence({
-    userId: user.id,
-    onlineTimeoutMs: ONLINE_TIMEOUT_MS,
-    maxPresenceFutureSkewMs: MAX_PRESENCE_FUTURE_SKEW_MS,
-    presenceHeartbeatMs: PRESENCE_HEARTBEAT_MS,
-    readReceiptThrottleMs: READ_RECEIPT_THROTTLE_MS,
-    setParticipantMetaByConversationId,
-    setUnreadCountByConversationId,
-    lastReadSyncAtRef,
-  });
-
-  const {
-    typingByConversationId,
-    setRemoteTypingState,
-    stopTyping,
-    markTypingFromInput,
-  } = useChatTyping({
-    userId: user.id,
-    userEmail: user.email ?? "",
-    typingInactiveTimeoutMs: TYPING_INACTIVE_TIMEOUT_MS,
-    typingRemoteExpireMs: TYPING_REMOTE_EXPIRE_MS,
-  });
-
-  const {
-    attachments,
-    setAttachments,
-    isDraggingOver,
-    handleFileChange,
-    handleDrop,
-    handleDragOver,
-    onDragLeave,
-    handlePaste,
-    removeAttachment,
-  } = useChatAttachmentInput();
-
-  const { search, setSearch, allUsers, filteredUsers } = useChatUserPicker({
-    userId: user.id,
-    showModal,
-    globalConversationId: GLOBAL_CONVERSATION_ID,
-  });
-
-  const { badgesByUserId } = useChatBadges({
-    userId: user.id,
-    conversations,
-  });
-
-  const { badWords } = useChatBadWords();
-
-  useEffect(() => {
-    conversationIdsRef.current = new Set(conversations.map((conv) => conv.id));
-  }, [conversations]);
-
-  useEffect(() => {
-    activeConversationIdRef.current = conversationId;
-  }, [conversationId]);
-
-  useChatConversationsRealtime({
-    userId: user.id,
-    userEmail: user.email ?? "",
-    globalConversationId: GLOBAL_CONVERSATION_ID,
-    conversationIdsRef,
-    activeConversationIdRef,
-    setConversations,
-    setParticipantMetaByConversationId,
-    setLastSeenByUserId,
-    fetchUnreadCountsForConversations,
-    markConversationAsRead,
-  });
-
-  useActiveConversationStream({
-    conversationId,
-    userId: user.id,
-    bottomRef,
-    setMessages,
-    markConversationAsRead,
-    setRemoteTypingState,
-    stopTyping,
-  });
-
-  const {
-    createConversation,
-    openPrivateChatFromGlobalProfile,
-    handleDeleteConversation,
-  } = useChatConversationActions({
-    userId: user.id,
-    userEmail: user.email,
-    conversationId,
-    conversations,
-    creatingRef,
-    unseenPresenceIso: PRESENCE_UNSEEN_AT_ISO,
-    setConversationId,
-    setShowModal,
-    setShowRightSidebar,
-    setConversations,
-    setUnreadCountByConversationId,
-    setParticipantMetaByConversationId,
-  });
-
-  const { sendMessage, isSendingMessage } = useChatMessageComposer({
-    userId: user.id,
-    conversationId,
-    input,
-    badWords,
-    bottomRef,
-    setInput,
-    setMessages,
-    stopTyping,
-    markConversationAsRead,
-  });
-
-  const { textareaRef, handleInputChange, handleInputKeyDown } =
-    useChatInputBehavior({
-      input,
-      isSendingMessage,
-      conversationId,
-      attachmentsCount: attachments.length,
-      setInput,
-      markTypingFromInput,
-      sendMessage,
-      maxChars: 1000,
-    });
-
-  const canSendMessage =
-    !isSendingMessage && (input.trim().length > 0 || attachments.length > 0);
-
-  const globalConversations = conversations.filter((c) => c.type === "global");
-  const privateConversations = conversations
-    .filter((c) => c.type !== "global")
-    .sort((a, b) => {
-      if (dmSortOrder === "newest") {
-        return (
-          (b.created_at ? new Date(b.created_at).getTime() : 0) -
-          (a.created_at ? new Date(a.created_at).getTime() : 0)
-        );
-      }
-      if (dmSortOrder === "oldest") {
-        return (
-          (a.created_at ? new Date(a.created_at).getTime() : 0) -
-          (b.created_at ? new Date(b.created_at).getTime() : 0)
-        );
-      }
-
-      const aName =
-        a.users.find((u) => u.id !== user.id)?.email?.split("@")[0] || "";
-      const bName =
-        b.users.find((u) => u.id !== user.id)?.email?.split("@")[0] || "";
-
-      if (dmSortOrder === "az") {
-        return aName.localeCompare(bName);
-      }
-      if (dmSortOrder === "za") {
-        return bName.localeCompare(aName);
-      }
-      return 0;
-    });
-
-  const activeConversation = conversations.find((c) => c.id === conversationId);
-  const activeOtherUser = activeConversation?.users.find(
-    (u) => u.id !== user.id,
-  );
-  const isGlobalActive = activeConversation?.type === "global";
-  const activeOtherUserOnline =
-    !!activeOtherUser?.id && !!onlineByUserId[activeOtherUser.id];
-  const activeTypingState = conversationId
-    ? typingByConversationId[conversationId]
-    : undefined;
-
-  const activeLabel = isGlobalActive
-    ? "Global"
-    : activeOtherUser?.email?.split("@")[0] || "Unknown";
-
-  const activeSublabel = isGlobalActive
-    ? "Worldwide"
-    : activeOtherUserOnline
-      ? "Online"
-      : "Offline";
-
-  const activeSublabelClass = activeOtherUserOnline
-    ? "text-emerald-600"
-    : "text-gray-500";
-
-  const typingIndicatorText = activeTypingState
-    ? isGlobalActive
-      ? `${activeTypingState.label} is typing...`
-      : "Typing..."
-    : "";
-
-  const activeInitials = isGlobalActive
-    ? "G"
-    : (activeOtherUser?.email?.[0]?.toUpperCase() ?? "?");
-
-  const allMediaAttachments = useMemo(() => {
-    return messages
-      .flatMap((m) => m.attachments || [])
-      .filter(
-        (a) =>
-          a?.mimetype?.startsWith("image/") ||
-          a?.mimetype?.startsWith("video/"),
-      )
-      .reverse();
-  }, [messages]);
-
-  // Performance optimization: Memoize the filtered messages to avoid O(N) string manipulation on every keystroke
-  // when typing a message (which triggers a re-render of Chat.tsx). This significantly improves typing latency
-  // in conversations with many messages.
-  const filteredMessages = useMemo(() => {
-    if (!messageSearch) return messages;
-    const lowerSearch = messageSearch.toLowerCase();
-    return messages.filter((m) =>
-      (m.text || "").toLowerCase().includes(lowerSearch),
-    );
-  }, [messages, messageSearch]);
-
-  return (
-    <>
-      <MediaViewerModal
-        viewer={mediaViewer}
-        attachments={allMediaAttachments}
-        onChange={setMediaViewer}
-      />
-      <div className="flex h-220 sm:h-screen w-full bg-transparent text-gray-900 overflow-hidden relative">
-        {/* Left Sidebar */}
-        <div
-          className={`w-full md:w-[300px] flex-shrink-0 border-r border-gray-200 flex flex-col bg-white z-20 absolute md:relative h-full transition-transform duration-300 ${conversationId ? "-translate-x-full md:translate-x-0" : "translate-x-0"}`}
-        >
-          <div className="p-5 border-b border-gray-200">
-            <div className="flex items-center justify-between mb-4">
-              <h2 className="text-lg font-bold text-gray-700 tracking-tight">
-                Messages
-              </h2>
-              <button
-                onClick={() => setShowModal(true)}
-                className="w-8 h-8 rounded-full bg-blue-50 border border-blue-500/20 flex items-center justify-center hover:bg-blue-500/20 transition"
-                title="New conversation"
-              >
-                <FontAwesomeIcon
-                  icon={faPlus}
-                  className="text-blue-600 w-3.5 h-3.5"
-                />
-              </button>
-            </div>
-            <div className="relative">
-              <FontAwesomeIcon
-                icon={faSearch}
-                className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 w-3.5 h-3.5"
-              />
-              <input
-                id="message-search"
-                type="text"
-                value={messageSearch}
-                onChange={(e) => setMessageSearch(e.target.value)}
-                placeholder="Search Message..."
-                className="w-full bg-gray-50 border border-transparent rounded py-2 pl-9 pr-4 text-sm text-gray-700 placeholder:text-gray-500 outline-none focus:border-blue-500/50 transition-colors"
-              />
-            </div>
-          </div>
-
-          <div className="flex-1 overflow-y-auto p-4 space-y-6 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-gray-200 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-white/30">
-            <div>
-              <h3 className="px-2 text-xs font-semibold text-gray-500 mb-2 tracking-wider">
-                ROOMS
-              </h3>
-              <Conversations
-                conversations={globalConversations}
-                user={user}
-                conversationId={conversationId}
-                setConversationId={setConversationId}
-                unreadCountByConversationId={unreadCountByConversationId}
-                onlineByUserId={onlineByUserId}
-                typingByConversationId={typingByConversationId}
-                showLabel={true}
-              />
-            </div>
-
-            <div>
-              <div className="flex justify-between items-center px-2 mb-2 relative">
-                <h3 className="text-xs font-semibold text-gray-500 uppercase tracking-wider">
-                  DIRECT MESSAGE
-                </h3>
-                <div className="relative">
-                  <span
-                    onClick={() => setIsDmSortOpen(!isDmSortOpen)}
-                    className="text-[10px] text-gray-500 bg-gray-50 px-2 py-0.5 rounded cursor-pointer hover:bg-gray-100 flex items-center gap-1 select-none"
-                  >
-                    {dmSortOrder === "newest" && "Newest"}
-                    {dmSortOrder === "oldest" && "Oldest"}
-                    {dmSortOrder === "az" && "A-Z"}
-                    {dmSortOrder === "za" && "Z-A"}
-                    <FontAwesomeIcon
-                      icon={isDmSortOpen ? faChevronUp : faChevronDown}
-                      className="w-2 h-2 ml-1"
-                    />
-                  </span>
-
-                  {isDmSortOpen && (
-                    <div className="absolute right-0 top-full mt-1 w-24 bg-white/95 backdrop-blur-xl border border-gray-200 rounded-md shadow-xl overflow-hidden z-[100] py-1 text-xs">
-                      <button
-                        onClick={() => {
-                          setDmSortOrder("newest");
-                          setIsDmSortOpen(false);
-                        }}
-                        className={`w-full text-left px-3 py-1.5 hover:bg-gray-100 transition-colors ${dmSortOrder === "newest" ? "text-blue-600 bg-gray-50" : "text-gray-600"}`}
-                      >
-                        Newest
-                      </button>
-                      <button
-                        onClick={() => {
-                          setDmSortOrder("oldest");
-                          setIsDmSortOpen(false);
-                        }}
-                        className={`w-full text-left px-3 py-1.5 hover:bg-gray-100 transition-colors ${dmSortOrder === "oldest" ? "text-blue-600 bg-gray-50" : "text-gray-600"}`}
-                      >
-                        Oldest
-                      </button>
-                      <button
-                        onClick={() => {
-                          setDmSortOrder("az");
-                          setIsDmSortOpen(false);
-                        }}
-                        className={`w-full text-left px-3 py-1.5 hover:bg-gray-100 transition-colors ${dmSortOrder === "az" ? "text-blue-600 bg-gray-50" : "text-gray-600"}`}
-                      >
-                        A-Z
-                      </button>
-                      <button
-                        onClick={() => {
-                          setDmSortOrder("za");
-                          setIsDmSortOpen(false);
-                        }}
-                        className={`w-full text-left px-3 py-1.5 hover:bg-gray-100 transition-colors ${dmSortOrder === "za" ? "text-blue-600 bg-gray-50" : "text-gray-600"}`}
-                      >
-                        Z-A
-                      </button>
-                    </div>
-                  )}
-                </div>
-              </div>
-              <Conversations
-                conversations={privateConversations}
-                user={user}
-                conversationId={conversationId}
-                setConversationId={setConversationId}
-                unreadCountByConversationId={unreadCountByConversationId}
-                onlineByUserId={onlineByUserId}
-                typingByConversationId={typingByConversationId}
-                showLabel={true}
-              />
-            </div>
-          </div>
-        </div>
-
-        {/* Middle Chat Area */}
-        <div
-          className={`flex-1 flex flex-col min-w-0 relative bg-white/[0.01] ${!conversationId ? "hidden md:flex" : "flex"}`}
-        >
-          {conversationId ? (
-            <>
-              {/* Header */}
-              <div className="h-[72px] flex items-center justify-between px-4 sm:px-6 border-b border-gray-200 bg-white z-10 flex-shrink-0">
-                <div className="flex items-center gap-2 sm:gap-3.5">
-                  <button
-                    onClick={() => setConversationId(null)}
-                    className="md:hidden w-9 h-9 rounded-full bg-gray-50 border border-gray-200 hover:bg-gray-100 flex items-center justify-center text-gray-500 transition"
-                  >
-                    <FontAwesomeIcon
-                      icon={faChevronLeft}
-                      className="w-3.5 h-3.5"
-                    />
-                  </button>
-                  <div>
-                    <h2 className="text-[16px] font-bold text-gray-700 leading-tight">
-                      {activeLabel}
-                    </h2>
-                    <p className={`text-xs font-medium ${activeSublabelClass}`}>
-                      {activeSublabel}
-                    </p>
-                  </div>
-                </div>
-                <div className="flex items-center gap-2">
-                  <button
-                    onClick={() => setShowRightSidebar(!showRightSidebar)}
-                    className={`w-9 h-9 rounded-full ${showRightSidebar ? "bg-blue-500/20 text-blue-600 border-blue-500/30" : "bg-gray-50 text-gray-500 border-gray-200"} border hover:bg-gray-100 flex items-center justify-center transition`}
-                    title="Toggle Info"
-                  >
-                    <FontAwesomeIcon
-                      icon={faInfoCircle}
-                      className="w-[14px] h-[14px]"
-                    />
-                  </button>
-                </div>
-              </div>
-
-              <div className="flex-1 flex flex-col overflow-hidden z-10 min-h-0">
-                <Messages
-                  messages={filteredMessages}
-                  user={user}
-                  conversations={conversations}
-                  bottomRef={bottomRef}
-                  badgesByUserId={badgesByUserId}
-                  onUserProfileClick={openPrivateChatFromGlobalProfile}
-                />
-              </div>
-
-              {activeTypingState && (
-                <div className="px-4 pb-1.5">
-                  <div className="inline-flex items-center gap-2 rounded-full bg-blue-50 border border-blue-500/20 px-3 py-1 text-[12px] text-blue-600">
-                    <div className="flex items-center gap-1">
-                      <span className="w-1.5 h-1.5 rounded-full bg-blue-300 animate-pulse" />
-                      <span className="w-1.5 h-1.5 rounded-full bg-blue-300 animate-pulse [animation-delay:150ms]" />
-                      <span className="w-1.5 h-1.5 rounded-full bg-blue-300 animate-pulse [animation-delay:300ms]" />
-                    </div>
-                    <span className="font-medium">{typingIndicatorText}</span>
-                  </div>
-                </div>
-              )}
-
-              {/* Input Area */}
-              <div className="p-4 border-t border-gray-200 bg-white z-10 flex-shrink-0 pb-6 w-full">
-                {attachments.length > 0 && (
-                  <div className="mb-3 flex flex-wrap gap-2 px-1">
-                    {attachments.map((file, index) => (
-                      <div
-                        key={index}
-                        className="bg-gray-200 border border-gray-200 text-xs px-2.5 py-1.5 rounded-lg flex items-center gap-2"
-                      >
-                        {file.type.startsWith("image/") ? (
-                          <Image
-                            src={URL.createObjectURL(file)}
-                            alt={file.name}
-                            width={20}
-                            height={20}
-                            className="w-5 h-5 rounded object-cover border border-gray-200"
-                          />
-                        ) : (
-                          <FontAwesomeIcon
-                            icon={faFile}
-                            className="w-4 h-4 text-gray-500"
-                          />
-                        )}
-                        <span className="truncate max-w-[120px] text-gray-700 font-medium">
-                          {file.name}
-                        </span>
-                        <button
-                          onClick={() => removeAttachment(index)}
-                          className="text-red-600 hover:text-red-700 hover:bg-red-400/10 rounded-md px-1.5 py-0.5 ml-1 transition"
-                        >
-                          <FontAwesomeIcon icon={faXmark} className="w-3 h-3" />
-                        </button>
-                      </div>
-                    ))}
-                  </div>
-                )}
-
-                <div
-                  onPaste={handlePaste}
-                  tabIndex={0}
-                  onDrop={handleDrop}
-                  onDragOver={handleDragOver}
-                  onDragLeave={onDragLeave}
-                  className={`${
-                    isDraggingOver
-                      ? "border-blue-500/60 bg-blue-50 shadow-lg shadow-blue-500/10"
-                      : "border-gray-200 bg-gray-50 hover:border-gray-300 focus-within:border-blue-500/50 focus-within:bg-white focus-within:shadow-[0_0_15px_rgba(99,102,241,0.1)]"
-                  } transition-all duration-300 rounded-xl border flex items-end gap-2`}
-                >
-                  {/*<button
-                    onClick={() => fileInputRef.current?.click()}
-                    disabled={isSendingMessage}
-                    className="w-10 h-10 mb-[2px] rounded-full bg-transparent hover:bg-gray-100 flex items-center justify-center transition-all duration-300 flex-shrink-0 group"
-                    title="Attach file"
-                  >
-                    <div className="w-[28px] h-[28px] rounded-full bg-gray-50 flex items-center justify-center group-hover:bg-blue-500/20 group-hover:text-blue-600 text-gray-500 transition-colors">
-                      <FontAwesomeIcon icon={faPlus} className="w-3.5 h-3.5" />
-                    </div>
-                  </button>*/}
-                  <input
-                    type="file"
-                    ref={fileInputRef}
-                    onChange={handleFileChange}
-                    className="hidden"
-                    multiple
-                  />
-
-                  <div className="flex-1 py-[11px]">
-                    <textarea
-                      ref={textareaRef}
-                      value={input}
-                      onChange={handleInputChange}
-                      onKeyDown={handleInputKeyDown}
-                      className="px-2 w-full block outline-none resize-none overflow-y-auto bg-transparent text-gray-700 placeholder:text-gray-500/80 leading-relaxed max-h-[150px] text-[15px] pt-0 pb-0 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-gray-200 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-white/30"
-                      placeholder="Type a message..."
-                      rows={1}
-                    />
-                  </div>
-
-                  <div className="mb-[2px] pr-1">
-                    <button
-                      onClick={sendMessage}
-                      disabled={!canSendMessage}
-                      className={`h-10 px-5 rounded-full font-semibold text-[14px] flex items-center gap-2.5 transition-all duration-300 flex-shrink-0
-                      ${
-                        canSendMessage
-                          ? "bg-blue-500 text-white shadow-md shadow-blue-500/25"
-                          : "bg-gray-50 text-gray-500 cursor-not-allowed"
-                      }
-                    `}
-                    >
-                      <span className="hidden sm:inline">
-                        {isSendingMessage ? "Sending..." : "Send"}
-                      </span>
-                      <FontAwesomeIcon
-                        icon={faPaperPlane}
-                        className={`w-[14px] h-[14px] transition-transform ${canSendMessage ? "translate-x-0.5" : ""}`}
-                      />
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </>
-          ) : (
-            <div className="flex flex-col items-center justify-center py-16 text-center h-full">
-              <div className="w-16 h-16 rounded-full bg-blue-50 border border-blue-500/20 flex items-center justify-center mb-4 text-blue-600">
-                <FontAwesomeIcon icon={faPaperPlane} className="w-6 h-6" />
-              </div>
-              <p className="text-gray-700 text-lg font-bold mb-2">
-                It&apos;s quiet here
-              </p>
-              <p className="text-gray-500 text-sm max-w-sm">
-                Select a conversation from the left sidebar or start a new one
-                to begin chatting.
-              </p>
-            </div>
-          )}
-        </div>
-
-        {/* Right Sidebar */}
-        {conversationId && (
-          <div
-            className={`w-full sm:w-[320px] flex-shrink-0 border-l border-gray-200 flex flex-col absolute right-0 top-0 bottom-0 h-full z-40 bg-white xl:relative xl:transform-none transition-transform duration-300 ${showRightSidebar ? "translate-x-0" : "translate-x-full xl:translate-x-0 xl:hidden"}`}
-          >
-            <div className="absolute top-4 right-4 xl:hidden">
-              <button
-                onClick={() => setShowRightSidebar(false)}
-                className="w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center text-gray-600 hover:text-gray-900"
-              >
-                <FontAwesomeIcon icon={faXmark} className="w-4 h-4" />
-              </button>
-            </div>
-            <div className="flex flex-col items-center justify-center p-8 border-b border-transparent">
-              <div
-                className={`flex justify-center items-center w-[100px] h-[100px] rounded-full text-4xl font-bold mb-5 shadow-lg ${isGlobalActive ? "bg-blue-50 text-blue-600 border border-blue-500/20" : "bg-neutral-800 text-gray-700 border border-gray-200"}`}
-              >
-                {activeInitials}
-              </div>
-              <h2 className="text-[18px] font-bold text-gray-700 tracking-tight">
-                {activeLabel}
-              </h2>
-              <p className="text-[13px] text-gray-500 font-medium mt-1">
-                {isGlobalActive ? "Community channel" : activeOtherUser?.email}
-              </p>
-            </div>
-
-            <div className="flex-1 overflow-y-auto p-6 space-y-6 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-gray-200 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-white/30 border-t border-gray-200">
-              <div>
-                <div className="flex items-center justify-between cursor-pointer group mb-4">
-                  <h3 className="text-[14px] font-semibold text-gray-600 group-hover:text-gray-900 transition tracking-wide">
-                    Shared Media
-                  </h3>
-                  <FontAwesomeIcon
-                    icon={faChevronDown}
-                    className="text-gray-500 w-3.5 h-3.5 group-hover:text-gray-600 transition"
-                  />
-                </div>
-
-                {allMediaAttachments.length > 0 ? (
-                  <>
-                    <div className="grid grid-cols-3 gap-2">
-                      {allMediaAttachments
-                        .slice(0, showAllMedia ? undefined : 9)
-                        .map((att, i) => (
-                          <div
-                            key={i}
-                            className="aspect-square bg-neutral-900 rounded-xl overflow-hidden border border-transparent shadow-sm relative group cursor-pointer"
-                            onClick={() =>
-                              setMediaViewer({
-                                type: att.mimetype?.startsWith("video/")
-                                  ? "video"
-                                  : "image",
-                                url: att.public_url,
-                                filename: att.filename || "Media",
-                              })
-                            }
-                          >
-                            {att.mimetype?.startsWith("video/") ? (
-                              <>
-                                <video
-                                  src={att.public_url}
-                                  className="w-full h-full object-cover group-hover:scale-110 transition duration-300 pointer-events-none"
-                                  muted
-                                  playsInline
-                                />
-                                <div className="absolute inset-0 flex items-center justify-center pointer-events-none">
-                                  <div className="w-8 h-8 rounded-full bg-black/50 flex items-center justify-center backdrop-blur-sm group-hover:scale-110 transition-transform">
-                                    <FontAwesomeIcon
-                                      icon={faPlay}
-                                      className="w-3 h-3 text-gray-900 ml-0.5"
-                                    />
-                                  </div>
-                                </div>
-                              </>
-                            ) : (
-                              <Image
-                                src={att.public_url}
-                                alt={att.filename || "Media"}
-                                width={100}
-                                height={100}
-                                className="w-full h-full object-cover group-hover:scale-110 transition duration-300 pointer-events-none"
-                              />
-                            )}
-                          </div>
-                        ))}
-                    </div>
-                    {allMediaAttachments.length > 9 && !showAllMedia && (
-                      <button
-                        onClick={() => setShowAllMedia(true)}
-                        className="w-full mt-4 py-2.5 rounded-xl bg-gradient-to-r from-blue-500 to-violet-500 text-gray-900 text-[13px] font-bold hover:from-blue-400 hover:to-violet-400 transition shadow-sm"
-                      >
-                        View All ({allMediaAttachments.length})
-                      </button>
-                    )}
-                    {showAllMedia && (
-                      <button
-                        onClick={() => setShowAllMedia(false)}
-                        className="w-full mt-4 py-2.5 rounded-xl bg-gray-50 text-gray-600 text-[13px] font-bold hover:bg-gray-100 transition shadow-sm"
-                      >
-                        Show Less
-                      </button>
-                    )}
-                  </>
-                ) : (
-                  <div className="flex flex-col items-center justify-center py-8 bg-gray-50 rounded-xl border border-blue-200 border-dashed">
-                    <div className="w-8 h-8 rounded-full bg-gray-50 flex items-center justify-center mb-2">
-                      <FontAwesomeIcon
-                        icon={faFile}
-                        className="w-3.5 h-3.5 text-gray-500"
-                      />
-                    </div>
-                    <p className="text-[11px] text-gray-500 font-medium">
-                      No media shared yet
-                    </p>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        )}
-
-        {showModal && (
-          <div className="fixed p-5 inset-0 flex items-center justify-center bg-black/70 z-50 backdrop-blur-sm">
-            <div className="glass-card p-8">
-              <h3 className="text-lg font-bold text-gray-900 mb-4">
-                New Message
-              </h3>
-              <input
-                value={search}
-                onChange={(e) => setSearch(e.target.value)}
-                placeholder="Search user..."
-                className="w-full mb-4 px-4 py-2.5 input-field"
-              />
-
-              {allUsers.length == 0 && (
-                <div className="flex flex-col items-center justify-center py-10 text-center">
-                  <p className="text-gray-500 text-sm">No users found.</p>
-                </div>
-              )}
-
-              <div className="space-y-1 max-h-60 overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-thumb]:bg-gray-100 pr-1">
-                {filteredUsers.map((u, idx) => (
-                  <div
-                    key={idx}
-                    onClick={() => createConversation(u)}
-                    className="flex items-center gap-3 p-2.5 rounded-xl hover:bg-gray-100 cursor-pointer transition"
-                  >
-                    <div className="flex justify-center items-center w-10 h-10 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 font-bold shadow-sm">
-                      {u.email[0].toUpperCase()}
-                    </div>
-                    <div className="w-full flex flex-col">
-                      <span className="text-sm font-semibold text-gray-700">
-                        {u.email.split("@")[0]}
-                      </span>
-                      <span className="text-xs text-gray-500">{u.email}</span>
-                    </div>
-                  </div>
-                ))}
-              </div>
-              <div className="flex justify-end mt-5 pt-3 border-t border-gray-200">
-                <button
-                  onClick={() => setShowModal(false)}
-                  className="px-5 py-2 text-sm font-semibold rounded-xl text-gray-600 hover:text-gray-900 hover:bg-gray-100 transition"
-                >
-                  Cancel
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
-      </div>
-    </>
-  );
-}
diff --git a/app/components/chat/Conversations.tsx b/app/components/chat/Conversations.tsx
deleted file mode 100644
index f085b1d..0000000
--- a/app/components/chat/Conversations.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import { Conversation, TypingState, ChatUserShape } from "../Chat";
-
-export default function Conversations({
-  conversations,
-  user,
-  conversationId,
-  setConversationId,
-  unreadCountByConversationId,
-  onlineByUserId,
-  typingByConversationId,
-  showLabel = true,
-}: {
-  conversations: Conversation[];
-  user: ChatUserShape;
-  conversationId: string | null;
-  setConversationId: (id: string) => void;
-  unreadCountByConversationId?: Record<string, number>;
-  onlineByUserId?: Record<string, boolean>;
-  typingByConversationId?: Record<string, TypingState>;
-  showLabel?: boolean;
-}) {
-  return (
-    <div className="flex flex-col gap-1 mt-1">
-      {conversations.map((conv, idx) => {
-        const otherUser = conv.users.find((u) => u.id !== user.id);
-        const isActive = conv.id === conversationId;
-        const isGlobal = conv.type === "global";
-        const unreadCount = unreadCountByConversationId?.[conv.id] ?? 0;
-        const isOnline = !!otherUser?.id && !!onlineByUserId?.[otherUser.id];
-        const typingState = typingByConversationId?.[conv.id];
-        const isTyping = !!typingState;
-
-        let label = "Global Chat";
-        let sublabel = "Public Channel";
-        let initials = "G";
-
-        if (!isGlobal) {
-          const name = otherUser?.email?.split("@")[0] || "Unknown";
-          label = name;
-          sublabel = otherUser?.email || "";
-          initials = otherUser?.email?.[0]?.toUpperCase() ?? "?";
-        }
-
-        return (
-          <button
-            key={idx}
-            type="button"
-            onClick={() => setConversationId(conv.id)}
-            className={`w-full flex items-center bg-gray-100 gap-3.5 p-3 rounded-xl transition-all text-left ${
-              isActive
-                ? "bg-gray-100 border border-gray-300"
-                : "hover:bg-gray-100 border border-transparent opacity-80 hover:opacity-100"
-            }`}
-          >
-            <div className="relative flex-shrink-0">
-              <div className="flex justify-center items-center w-[38px] h-[38px] rounded-full text-[14px] font-bold transition-all border bg-white-800 text-gray-500 border-gray-200">
-                {initials}
-              </div>
-              {!isGlobal && isOnline && (
-                <div className="absolute bottom-[-1px] right-0 w-2.5 h-2.5 bg-emerald-400 border-[2px] border-transparent rounded-full"></div>
-              )}
-            </div>
-
-            {showLabel && (
-              <div className="flex-1 min-w-0 flex flex-col justify-center">
-                <div className="flex justify-between items-center mb-0.5">
-                  <span
-                    className={`text-[14px] font-semibold truncate tracking-tight ${
-                      isActive ? "text-gray-700" : "text-gray-600"
-                    }`}
-                  >
-                    {label}
-                  </span>
-                  <div className="flex items-center gap-1.5">
-                    {isGlobal && (
-                      <span className="bg-blue-500/20 border border-blue-500/30 text-blue-600 text-[9px] font-bold px-1.5 py-0.5 rounded-md">
-                        All
-                      </span>
-                    )}
-                    {unreadCount > 0 && (
-                      <span className="min-w-[20px] h-5 px-1.5 rounded-full bg-rose-500/90 text-gray-900 text-[10px] font-bold flex items-center justify-center">
-                        {unreadCount > 99 ? "99+" : unreadCount}
-                      </span>
-                    )}
-                  </div>
-                </div>
-                <span
-                  className={`text-[12px] truncate font-medium ${
-                    isTyping ? "text-blue-600" : "text-gray-500"
-                  }`}
-                  title={sublabel}
-                >
-                  {isTyping
-                    ? isGlobal
-                      ? `${typingState?.label || "Someone"} is typing...`
-                      : "Typing..."
-                    : isGlobal
-                      ? "Join the community..."
-                      : isOnline
-                        ? "Online"
-                        : "Offline"}
-                </span>
-              </div>
-            )}
-          </button>
-        );
-      })}
-    </div>
-  );
-}
diff --git a/app/components/chat/MediaViewerModal.tsx b/app/components/chat/MediaViewerModal.tsx
deleted file mode 100644
index 60f9c9d..0000000
--- a/app/components/chat/MediaViewerModal.tsx
+++ /dev/null
@@ -1,155 +0,0 @@
-"use client";
-
-import { useMemo } from "react";
-import { createPortal } from "react-dom";
-import Image from "next/image";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
-  faChevronLeft,
-  faChevronRight,
-  faDownload,
-  faXmark,
-} from "@fortawesome/free-solid-svg-icons";
-import Player from "./Player";
-import { downloadRemoteMedia } from "@/app/utils/media";
-
-export type MediaViewerPayload = {
-  type: "image" | "video";
-  url: string;
-  filename: string;
-};
-
-type MediaAttachment = {
-  mimetype?: string | null;
-  public_url: string;
-  filename?: string | null;
-};
-
-type MediaViewerModalProps = {
-  viewer: MediaViewerPayload | null;
-  attachments: MediaAttachment[];
-  onChange: (next: MediaViewerPayload | null) => void;
-};
-
-function toViewerPayload(attachment: MediaAttachment): MediaViewerPayload {
-  return {
-    type: attachment.mimetype?.startsWith("video/") ? "video" : "image",
-    url: attachment.public_url,
-    filename: attachment.filename || "Media",
-  };
-}
-
-export default function MediaViewerModal({
-  viewer,
-  attachments,
-  onChange,
-}: MediaViewerModalProps) {
-  const currentMediaIndex = useMemo(() => {
-    if (!viewer) return -1;
-    return attachments.findIndex(
-      (attachment) => attachment.public_url === viewer.url,
-    );
-  }, [attachments, viewer]);
-
-  const hasPrevMedia = currentMediaIndex > 0;
-  const hasNextMedia =
-    currentMediaIndex !== -1 && currentMediaIndex < attachments.length - 1;
-
-  const navigateMedia = (e: React.MouseEvent, step: number) => {
-    e.stopPropagation();
-    if (currentMediaIndex === -1) return;
-
-    const nextIndex = currentMediaIndex + step;
-    if (nextIndex >= 0 && nextIndex < attachments.length) {
-      onChange(toViewerPayload(attachments[nextIndex]));
-    }
-  };
-
-  if (!viewer || typeof document === "undefined") return null;
-
-  return createPortal(
-    <div
-      className="fixed inset-0 z-[9999] bg-black/85 backdrop-blur-sm flex items-center justify-center p-0 sm:p-4"
-      onClick={() => onChange(null)}
-    >
-      {hasPrevMedia && (
-        <button
-          type="button"
-          onClick={(e) => navigateMedia(e, -1)}
-          className="absolute left-2 sm:left-6 top-1/2 -translate-y-1/2 z-[10000] w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-gray-900 hover:bg-black/80 transition shadow-lg backdrop-blur-md border border-gray-200"
-        >
-          <FontAwesomeIcon icon={faChevronLeft} className="w-5 h-5" />
-        </button>
-      )}
-
-      {hasNextMedia && (
-        <button
-          type="button"
-          onClick={(e) => navigateMedia(e, 1)}
-          className="absolute right-2 sm:right-6 top-1/2 -translate-y-1/2 z-[10000] w-12 h-12 flex items-center justify-center rounded-full bg-black/50 text-gray-900 hover:bg-black/80 transition shadow-lg backdrop-blur-md border border-gray-200"
-        >
-          <FontAwesomeIcon icon={faChevronRight} className="w-5 h-5" />
-        </button>
-      )}
-
-      <div
-        className="w-screen h-[100dvh] sm:w-full sm:h-auto sm:max-w-5xl sm:max-h-[90vh] rounded-none sm:rounded-2xl border-0 sm:border border-gray-200 bg-white shadow-2xl overflow-hidden"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div
-          className={`${
-            viewer.type === "video"
-              ? "h-[100dvh] sm:h-[90vh] p-0 bg-black"
-              : "h-[100dvh] sm:h-[90vh] p-0 bg-black/30"
-          } flex items-center justify-center`}
-        >
-          {viewer.type === "image" ? (
-            <div className="relative h-full w-full flex items-center justify-center">
-              <Image
-                src={viewer.url}
-                alt={viewer.filename}
-                className="h-full w-full object-contain"
-                fill
-              />
-              <div className="absolute top-3 right-3 z-30 flex items-center gap-2">
-                <button
-                  type="button"
-                  onClick={() =>
-                    void downloadRemoteMedia(
-                      viewer.url,
-                      viewer.filename || "media",
-                    )
-                  }
-                  className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-                  aria-label="Download media"
-                >
-                  <FontAwesomeIcon icon={faDownload} className="w-3 h-3" />
-                </button>
-                <button
-                  type="button"
-                  onClick={() => onChange(null)}
-                  className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-                  aria-label="Close viewer"
-                >
-                  <FontAwesomeIcon icon={faXmark} className="w-3 h-3" />
-                </button>
-              </div>
-            </div>
-          ) : (
-            <Player
-              src={viewer.url}
-              autoPlay={true}
-              immersive={true}
-              className="w-full h-full"
-              onDownload={() =>
-                void downloadRemoteMedia(viewer.url, viewer.filename || "media")
-              }
-              onClose={() => onChange(null)}
-            />
-          )}
-        </div>
-      </div>
-    </div>,
-    document.body,
-  );
-}
diff --git a/app/components/chat/Messages.tsx b/app/components/chat/Messages.tsx
deleted file mode 100644
index c88595f..0000000
--- a/app/components/chat/Messages.tsx
+++ /dev/null
@@ -1,761 +0,0 @@
-"use client";
-
-import ReactMarkdown from "react-markdown";
-import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { atomDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
-import { Conversation, Message, ChatUserShape } from "../Chat";
-import { timeAgo } from "@/app/utils/time";
-import { type BadgeInfo, getBadgeInfoFromHours } from "@/app/utils/badge";
-import { useEffect, useMemo, useRef, useState } from "react";
-import Image from "next/image";
-import { faFile, faPause, faPlay } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import MediaViewerModal, { type MediaViewerPayload } from "./MediaViewerModal";
-
-type NormalizedAttachment = {
-  mimetype: string;
-  public_url: string;
-  filename: string;
-};
-
-export default function Messages({
-  messages,
-  user,
-  conversations,
-  bottomRef,
-  badgesByUserId,
-  onUserProfileClick,
-}: {
-  messages: Message[];
-  user: ChatUserShape;
-  conversations: Conversation[];
-  bottomRef: React.RefObject<HTMLDivElement | null>;
-  badgesByUserId?: Record<string, BadgeInfo>;
-  onUserProfileClick?: (targetuser_id: string, targetEmail: string) => void;
-}) {
-  const [showScrollBtn, setShowScrollBtn] = useState(false);
-  const [mediaViewer, setMediaViewer] = useState<MediaViewerPayload | null>(
-    null,
-  );
-  const fallbackBadge = useMemo(() => getBadgeInfoFromHours(1), []);
-
-  const allMediaAttachments = useMemo(() => {
-    return messages
-      .flatMap((m) => m.attachments || [])
-      .filter(
-        (a) =>
-          a?.mimetype?.startsWith("image/") ||
-          a?.mimetype?.startsWith("video/"),
-      )
-      .reverse();
-  }, [messages]);
-
-  useEffect(() => {
-    const container = document.getElementById("chat-container");
-    if (!container) return;
-    const handleScroll = () => {
-      const nearBottom =
-        container.scrollHeight - container.scrollTop - container.clientHeight;
-      100;
-      setShowScrollBtn(!nearBottom);
-    };
-    container.addEventListener("scroll", handleScroll);
-    return () => container.removeEventListener("scroll", handleScroll);
-  }, []);
-
-  return (
-    <>
-      <MediaViewerModal
-        viewer={mediaViewer}
-        attachments={allMediaAttachments}
-        onChange={setMediaViewer}
-      />
-
-      <div
-        className="flex-1 overflow-y-auto overflow-x-hidden px-4 py-3 space-y-1 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-gray-200 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-white/30"
-        id="chat-container"
-      >
-        {showScrollBtn && (
-          <button
-            onClick={() =>
-              bottomRef.current?.scrollIntoView({ behavior: "smooth" })
-            }
-            className="fixed right-4 bottom-24 z-50 w-9 h-9 flex items-center justify-center
-                       bg-neutral-900/80 hover:bg-neutral-800 backdrop-blur border border-gray-200
-                       text-gray-600 rounded-full shadow-lg transition"
-          >
-            ↓
-          </button>
-        )}
-
-        {messages.length === 0 && (
-          <div className="flex flex-col items-center justify-center h-full text-center pt-16">
-            <div className="text-3xl mb-3">💬</div>
-            <p className="text-gray-500 text-sm">No messages yet. Say hello!</p>
-          </div>
-        )}
-
-        {messages.map((msg, idx) => {
-          const prevMsg = idx > 0 ? messages[idx - 1] : null;
-          // Only collapse the header when the previous message is from the
-          // same sender AND within the same conversation thread.
-          const isGrouped =
-            !!prevMsg &&
-            prevMsg.sender_id === msg.sender_id &&
-            prevMsg.conversation_id === msg.conversation_id;
-
-          return (
-            <MessageRow
-              key={idx}
-              msg={msg}
-              user={user}
-              conversations={conversations}
-              badgesByUserId={badgesByUserId}
-              fallbackBadge={fallbackBadge}
-              showHeader={!isGrouped}
-              onUserProfileClick={onUserProfileClick}
-              onOpenMedia={setMediaViewer}
-            />
-          );
-        })}
-
-        <div ref={bottomRef} />
-      </div>
-    </>
-  );
-}
-
-function MessageRow({
-  msg,
-  user,
-  conversations,
-  badgesByUserId,
-  fallbackBadge,
-  showHeader,
-  onUserProfileClick,
-  onOpenMedia,
-}: {
-  msg: Message;
-  user: ChatUserShape;
-  conversations: Conversation[];
-  badgesByUserId?: Record<string, BadgeInfo>;
-  fallbackBadge: BadgeInfo;
-  showHeader: boolean;
-  onUserProfileClick?: (targetuser_id: string, targetEmail: string) => void;
-  onOpenMedia: (payload: MediaViewerPayload) => void;
-}) {
-  const isSelf = msg.sender_id === user.id;
-  const conversationRow = conversations.find(
-    (c) => c.id === msg.conversation_id,
-  );
-  const senderRow = conversationRow?.users.find((u) => u.id === msg.sender_id);
-
-  const senderName = senderRow?.email?.split("@")?.[0] ?? "";
-  const canOpenPrivateChat =
-    !isSelf && conversationRow?.type === "global" && !!senderRow?.email;
-
-  const badgeInfo = badgesByUserId?.[msg.sender_id] ?? fallbackBadge;
-
-  const text = msg.text ?? "";
-  const hasMedia = !!msg.attachments?.length;
-  const isLongMessage = hasMedia || text.length >= 120 || text.includes("\n");
-
-  const normalizedAttachments = (msg.attachments ?? [])
-    .map(normalizeAttachment)
-    .filter((a): a is NormalizedAttachment => !!a);
-
-  const isVoiceOnlyMessage =
-    !msg.text &&
-    normalizedAttachments.length > 0 &&
-    normalizedAttachments.every((att) => getAttachmentKind(att) === "audio");
-
-  const handleProfileClick = () => {
-    if (!canOpenPrivateChat || !senderRow?.email) return;
-    onUserProfileClick?.(msg.sender_id, senderRow.email);
-  };
-
-  return (
-    <div
-      className={`group flex gap-2.5 items-end transition-colors ${
-        isSelf ? "justify-end" : "justify-start"
-      }`}
-    >
-      <div
-        className={`flex flex-col min-w-0 w-full max-w-[680px] ${
-          isSelf ? "items-end" : "items-start"
-        }`}
-      >
-        {showHeader && (
-          <div
-            className={`flex items-center gap-1.5 ${
-              isVoiceOnlyMessage ? "mb-0" : "mb-1"
-            } px-0.5`}
-          >
-            {isSelf && (
-              <span className="text-[10px] text-gray-600">
-                {timeAgo(msg.created_at)}
-              </span>
-            )}
-            {canOpenPrivateChat && senderRow?.email ? (
-              <button
-                type="button"
-                onClick={handleProfileClick}
-                className="text-[12px] font-semibold leading-none text-gray-700 hover:text-blue-600 transition"
-                title="Start private chat"
-              >
-                {senderName}
-              </button>
-            ) : (
-              <span
-                className={`text-[12px] font-semibold leading-none ${
-                  isSelf ? "text-blue-600" : "text-gray-700"
-                }`}
-              >
-                {senderName}
-              </span>
-            )}
-            <span
-              className={`badge-base shrink-0 !text-[9px] !py-0.5 !px-2 ${badgeInfo.className}`}
-            >
-              {badgeInfo.icon && (
-                <FontAwesomeIcon
-                  icon={badgeInfo.icon}
-                  className="w-2.5 h-2.5"
-                />
-              )}
-              {badgeInfo.label}
-            </span>
-            {!isSelf && (
-              <span className="text-[10px] text-gray-600">
-                {timeAgo(msg.created_at)}
-              </span>
-            )}
-          </div>
-        )}
-
-        {msg.text && <MessageBubble text={msg.text} isSelf={isSelf} />}
-
-        {normalizedAttachments.length > 0 && (
-          <div
-            className={`${isVoiceOnlyMessage ? "mt-0" : "mt-1.5"} space-y-1.5`}
-          >
-            {normalizedAttachments.map((att, i) => (
-              <div key={i}>
-                <AttachmentView attachment={att} onOpenMedia={onOpenMedia} />
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
-
-function MessageBubble({ text, isSelf }: { text: string; isSelf: boolean }) {
-  return (
-    <div
-      className={`px-5 py-3 text-[14px] leading-relaxed break-words break-all overflow-x-hidden ${
-        isSelf
-          ? "bg-blue-500 text-white rounded-xl rounded-br-sm shadow-sm"
-          : "bg-white border border-gray-200 text-gray-500 rounded-2xl rounded-bl-sm"
-      }`}
-    >
-      <div className="prose prose-invert prose-sm max-w-none break-words break-all whitespace-pre-wrap leading-[1.6]">
-        <ReactMarkdown
-          components={{
-            code({ className, children, ...props }) {
-              const match = /language-(\w+)/.exec(className || "");
-              const codeText = String(children).replace(/\n$/, "");
-
-              if (!match) {
-                return (
-                  <code
-                    className="px-1 py-0.5 rounded bg-gray-100 text-[0.85em]"
-                    {...(props as Record<string, unknown>)}
-                  >
-                    {children}
-                  </code>
-                );
-              }
-
-              return (
-                <CodeBlock
-                  code={codeText}
-                  language={match[1]}
-                  props={props as Record<string, unknown>}
-                />
-              );
-            },
-          }}
-        >
-          {text}
-        </ReactMarkdown>
-      </div>
-    </div>
-  );
-}
-
-function CodeBlock({
-  code,
-  language,
-  props,
-}: {
-  code: string;
-  language: string;
-  props: Record<string, unknown>;
-}) {
-  const [copied, setCopied] = useState(false);
-
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(code);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1200);
-    } catch (err) {
-      console.error("Copy code failed:", err);
-    }
-  };
-
-  return (
-    <div className="relative group/code max-w-full">
-      <button
-        type="button"
-        onMouseDown={(e) => e.preventDefault()}
-        onClick={handleCopy}
-        className="absolute top-2 right-2 z-10 text-[10px] px-2 py-1 rounded-md border border-gray-200 bg-black/45 text-gray-600 hover:text-gray-900 hover:bg-black/60 transition opacity-0 group-hover/code:opacity-100"
-      >
-        {copied ? "Copied" : "Copy"}
-      </button>
-      <SyntaxHighlighter
-        style={atomDark as { [key: string]: React.CSSProperties }}
-        language={language}
-        PreTag="pre"
-        wrapLongLines={true}
-        className="rounded-xl text-xs border border-gray-200 !bg-neutral-900/60 max-w-full"
-        codeTagProps={{
-          style: {
-            whiteSpace: "pre-wrap",
-            wordBreak: "break-word",
-            overflowWrap: "anywhere",
-          },
-        }}
-        customStyle={{
-          width: "100%",
-          maxWidth: "100%",
-          whiteSpace: "pre-wrap",
-          wordBreak: "break-word",
-          overflowWrap: "anywhere",
-          overflowX: "hidden",
-          margin: 0,
-        }}
-        {...props}
-      >
-        {code}
-      </SyntaxHighlighter>
-    </div>
-  );
-}
-
-function AttachmentView({
-  attachment,
-  onOpenMedia,
-}: {
-  attachment: NormalizedAttachment;
-  onOpenMedia: (payload: MediaViewerPayload) => void;
-}) {
-  const kind = getAttachmentKind(attachment);
-
-  switch (kind) {
-    case "image":
-      return (
-        <button
-          type="button"
-          onClick={() =>
-            onOpenMedia({
-              type: "image",
-              url: attachment.public_url,
-              filename: attachment.filename,
-            })
-          }
-          className="group relative block w-full max-w-[320px] sm:max-w-[380px] overflow-hidden rounded-xl border border-gray-200 bg-black/30"
-        >
-          <Image
-            src={attachment.public_url}
-            alt={attachment.filename}
-            className="w-full h-auto rounded-xl transition-transform duration-200 group-hover:scale-[1.01]"
-            width={520}
-            height={320}
-          />
-        </button>
-      );
-    case "video":
-      return (
-        <button
-          type="button"
-          onClick={() =>
-            onOpenMedia({
-              type: "video",
-              url: attachment.public_url,
-              filename: attachment.filename,
-            })
-          }
-          className="group relative w-full max-w-full overflow-hidden rounded-xl border border-gray-200 bg-black/35 text-left"
-        >
-          <video
-            muted
-            playsInline
-            className="w-full h-auto max-h-[420px] object-contain bg-black opacity-95 group-hover:opacity-100 transition"
-          >
-            <source src={attachment.public_url} type={attachment.mimetype} />
-          </video>
-          <div className="absolute inset-0 flex items-center justify-center">
-            <span className="px-3 py-1 rounded-full bg-black/60 border border-gray-300 text-xs text-gray-700">
-              Play video
-            </span>
-          </div>
-        </button>
-      );
-    case "audio":
-      return (
-        <AudioAttachmentPlayer
-          src={attachment.public_url}
-          type={attachment.mimetype || "audio/mpeg"}
-        />
-      );
-    default:
-      return (
-        <a
-          href={attachment.public_url}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="inline-flex items-center gap-1.5 text-blue-600 hover:text-blue-200 hover:underline text-sm"
-        >
-          <FontAwesomeIcon icon={faFile} className="w-3 h-3" />
-          {attachment.filename || "Open attachment"}
-        </a>
-      );
-  }
-}
-
-function getAttachmentKind(attachment: {
-  mimetype: string;
-  filename: string;
-  public_url: string;
-}): "image" | "video" | "audio" | "file" {
-  const mime = (attachment.mimetype || "").toLowerCase();
-  const filename = (attachment.filename || "").toLowerCase();
-  const urlPath = (() => {
-    try {
-      return new URL(
-        attachment.public_url || "",
-        "https://x.local",
-      ).pathname.toLowerCase();
-    } catch {
-      return (attachment.public_url || "").toLowerCase();
-    }
-  })();
-  const source = `${filename} ${urlPath}`;
-
-  if (mime.startsWith("image/")) return "image";
-  if (mime.startsWith("video/")) return "video";
-  if (mime.startsWith("audio/")) return "audio";
-
-  if (/\.(png|jpe?g|gif|webp|bmp|svg)(\?|$)/.test(source)) return "image";
-  if (/\.(mp4|webm|mov|m4v|avi|mkv)(\?|$)/.test(source)) return "video";
-  if (/\.(mp3|wav|ogg|m4a|aac|flac|weba|opus|amr)(\?|$)/.test(source))
-    return "audio";
-
-  if (
-    mime.includes("octet-stream") &&
-    (source.includes("audio") ||
-      source.includes("voice") ||
-      source.includes("record"))
-  ) {
-    return "audio";
-  }
-
-  if (!mime || mime.includes("octet-stream") || mime.includes("application/")) {
-    return "audio";
-  }
-
-  return "file";
-}
-
-function normalizeAttachment(raw: unknown): NormalizedAttachment | null {
-  if (!raw || typeof raw !== "object") return null;
-  const obj = raw as Record<string, unknown>;
-
-  const public_url = String(
-    obj.public_url ??
-      obj.publicUrl ??
-      obj.url ??
-      obj.file_url ??
-      obj.fileUrl ??
-      obj.path ??
-      "",
-  ).trim();
-  if (!public_url) return null;
-
-  const mimetype = String(
-    obj.mimetype ??
-      obj.mimeType ??
-      obj.content_type ??
-      obj.contentType ??
-      obj.type ??
-      "",
-  ).trim();
-  const filename = String(
-    obj.filename ??
-      obj.file_name ??
-      obj.fileName ??
-      obj.name ??
-      obj.original_name ??
-      obj.originalName ??
-      "attachment",
-  ).trim();
-
-  return { mimetype, public_url, filename };
-}
-
-function AudioAttachmentPlayer({ src, type }: { src: string; type: string }) {
-  const audioRef = useRef<HTMLAudioElement | null>(null);
-  const canvasRef = useRef<HTMLCanvasElement | null>(null);
-  const [isPlaying, setIsPlaying] = useState(false);
-  const [duration, setDuration] = useState(0);
-  const [currentTime, setCurrentTime] = useState(0);
-  const [peaks, setPeaks] = useState<number[]>([]);
-
-  useEffect(() => {
-    const audio = audioRef.current;
-    if (!audio) return;
-
-    const onPlay = () => setIsPlaying(true);
-    const onPause = () => setIsPlaying(false);
-    const onTime = () => setCurrentTime(audio.currentTime || 0);
-    const onLoaded = () => setDuration(audio.duration || 0);
-    const onDuration = () => setDuration(audio.duration || 0);
-
-    audio.addEventListener("play", onPlay);
-    audio.addEventListener("pause", onPause);
-    audio.addEventListener("timeupdate", onTime);
-    audio.addEventListener("loadedmetadata", onLoaded);
-    audio.addEventListener("loadeddata", onLoaded);
-    audio.addEventListener("durationchange", onDuration);
-
-    return () => {
-      audio.removeEventListener("play", onPlay);
-      audio.removeEventListener("pause", onPause);
-      audio.removeEventListener("timeupdate", onTime);
-      audio.removeEventListener("loadedmetadata", onLoaded);
-      audio.removeEventListener("loadeddata", onLoaded);
-      audio.removeEventListener("durationchange", onDuration);
-    };
-  }, []);
-
-  useEffect(() => {
-    const audio = audioRef.current;
-    if (!audio || !isPlaying) return;
-    let rafId = 0;
-    const tick = () => {
-      setCurrentTime(audio.currentTime || 0);
-      rafId = window.requestAnimationFrame(tick);
-    };
-    rafId = window.requestAnimationFrame(tick);
-    return () => window.cancelAnimationFrame(rafId);
-  }, [isPlaying]);
-
-  const togglePlay = async () => {
-    const audio = audioRef.current;
-    if (!audio) return;
-    if (audio.paused) await audio.play();
-    else audio.pause();
-  };
-
-  const seek = (value: number) => {
-    const audio = audioRef.current;
-    if (!audio || !duration) return;
-    audio.currentTime = value;
-    setCurrentTime(value);
-  };
-
-  const formatTime = (value: number) => {
-    if (!Number.isFinite(value) || value < 0) return "0:00";
-    const mins = Math.floor(value / 60);
-    const secs = Math.floor(value % 60)
-      .toString()
-      .padStart(2, "0");
-    return `${mins}:${secs}`;
-  };
-
-  const fallbackBars = useMemo(() => {
-    let seed = 0;
-    for (let i = 0; i < src.length; i += 1)
-      seed = (seed * 31 + src.charCodeAt(i)) >>> 0;
-    return Array.from({ length: 42 }).map((_, i) => {
-      seed = (seed * 1664525 + 1013904223) >>> 0;
-      const noise = (seed % 1000) / 1000;
-      const wave = Math.abs(Math.sin((i + 1) * 0.62));
-      return Math.max(8, Math.round(8 + wave * 16 * (0.55 + noise * 0.45)));
-    });
-  }, [src]);
-
-  const waveData = useMemo(
-    () => (peaks.length ? peaks : fallbackBars),
-    [peaks, fallbackBars],
-  );
-  const md3WaveData = useMemo(() => {
-    if (!waveData.length) return [];
-
-    const smooth = waveData.map((v, i) => {
-      const a = waveData[Math.max(0, i - 1)] ?? v;
-      const b = v;
-      const c = waveData[Math.min(waveData.length - 1, i + 1)] ?? v;
-      const d = waveData[Math.min(waveData.length - 1, i + 2)] ?? c;
-      return a * 0.18 + b * 0.44 + c * 0.28 + d * 0.1;
-    });
-
-    const min = Math.min(...smooth);
-    const max = Math.max(...smooth);
-    const range = Math.max(1, max - min);
-
-    return smooth.map((v, i) => {
-      const normalized = (v - min) / range;
-      const shaped = Math.pow(normalized, 0.95);
-      const pos = i / Math.max(1, smooth.length - 1);
-      const centerBoost = 0.88 + 0.18 * (1 - Math.abs(pos - 0.5) * 2);
-      return 7 + shaped * 10 * centerBoost;
-    });
-  }, [waveData]);
-  const progressPct = duration > 0 ? (currentTime / duration) * 100 : 0;
-
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas || md3WaveData.length === 0) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-
-    const width = canvas.width;
-    const height = canvas.height;
-    const centerY = height / 2;
-    const compactData = md3WaveData.filter((_, i) => i % 2 === 0);
-    const barStep = width / compactData.length;
-    const gap = Math.max(2.8, barStep * 0.5);
-    const barWidth = Math.max(1.8, barStep - gap);
-
-    ctx.clearRect(0, 0, width, height);
-
-    compactData.forEach((value, index) => {
-      const x = index * barStep + gap / 2;
-      const barHeight = Math.max(7, Math.min(height * 0.72, value));
-      const y = centerY - barHeight / 2;
-      const isPlayed =
-        (index / Math.max(1, compactData.length - 1)) * 100 <= progressPct;
-      ctx.fillStyle = isPlayed ? "#8b5cf6" : "rgba(226,232,240,0.35)";
-      const r = Math.min(barWidth / 2, barHeight / 2, 3);
-      ctx.beginPath();
-      ctx.roundRect(x, y, barWidth, barHeight, [r, r, r, r]);
-      ctx.fill();
-    });
-  }, [md3WaveData, progressPct]);
-
-  useEffect(() => {
-    let cancelled = false;
-
-    const buildPeaks = async () => {
-      try {
-        const res = await fetch(src);
-        if (!res.ok) throw new Error(`peak fetch failed: ${res.status}`);
-        const arr = await res.arrayBuffer();
-        const audioContext = new (
-          window.AudioContext ||
-          (
-            window as typeof window & {
-              webkitAudioContext?: typeof AudioContext;
-            }
-          ).webkitAudioContext
-        )();
-        const decoded = await audioContext.decodeAudioData(arr.slice(0));
-        const channel = decoded.getChannelData(0);
-        const bars = 48;
-        const blockSize = Math.max(1, Math.floor(channel.length / bars));
-        const rawPeaks: number[] = [];
-
-        for (let i = 0; i < bars; i += 1) {
-          const start = i * blockSize;
-          const end = Math.min(channel.length, start + blockSize);
-          let peak = 0;
-          for (let j = start; j < end; j += 1)
-            peak = Math.max(peak, Math.abs(channel[j]));
-          rawPeaks.push(peak);
-        }
-
-        const maxPeak = Math.max(0.0001, ...rawPeaks);
-        const next = rawPeaks.map((p) => {
-          const normalized = p / maxPeak;
-          const shaped = Math.pow(normalized, 0.65);
-          return Math.max(8, Math.min(24, Math.round(8 + shaped * 16)));
-        });
-
-        await audioContext.close();
-        if (!cancelled) setPeaks(next);
-      } catch {
-        if (!cancelled) setPeaks([]);
-      }
-    };
-
-    void buildPeaks();
-    return () => {
-      cancelled = true;
-    };
-  }, [src]);
-
-  return (
-    <div className="w-full max-w-[430px]">
-      <audio ref={audioRef} preload="auto">
-        <source src={src} type={type || "audio/mpeg"} />
-      </audio>
-
-      <div className="px-0 py-1">
-        <div className="flex items-center gap-3 rounded-2xl bg-neutral-800/60 border border-gray-200 text-gray-700 px-3.5 py-2.5">
-          <button
-            type="button"
-            onClick={togglePlay}
-            className="w-10 h-10 shrink-0 rounded-full bg-gray-100 border border-gray-200 text-gray-700 hover:bg-gray-200 transition"
-            aria-label={
-              isPlaying ? "Pause voice message" : "Play voice message"
-            }
-          >
-            <FontAwesomeIcon
-              icon={isPlaying ? faPause : faPlay}
-              className="w-4 h-4"
-            />
-          </button>
-
-          <div className="relative flex-1 h-9 min-w-0">
-            <canvas
-              ref={canvasRef}
-              width={220}
-              height={40}
-              className="w-full h-9"
-              onClick={(e) => {
-                if (!duration) return;
-                const rect = e.currentTarget.getBoundingClientRect();
-                const pct = Math.max(
-                  0,
-                  Math.min(1, (e.clientX - rect.left) / rect.width),
-                );
-                seek(pct * duration);
-              }}
-            />
-          </div>
-
-          <span className="tabular-nums text-[13px] font-semibold tracking-wide text-gray-600 whitespace-nowrap">
-            {duration > 0
-              ? formatTime(Math.max(0, duration - currentTime))
-              : "0:00"}
-          </span>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/app/components/chat/Player.tsx b/app/components/chat/Player.tsx
deleted file mode 100644
index ca8f2e8..0000000
--- a/app/components/chat/Player.tsx
+++ /dev/null
@@ -1,855 +0,0 @@
-"use client";
-
-import {
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState,
-  type CSSProperties,
-} from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
-  faDownload,
-  faCompress,
-  faExpand,
-  faGear,
-  faPause,
-  faPlay,
-  faRectangleList,
-  faVolumeHigh,
-  faVolumeXmark,
-  faXmark,
-} from "@fortawesome/free-solid-svg-icons";
-
-type PlayerProps = {
-  src: string;
-  className?: string;
-  autoPlay?: boolean;
-  immersive?: boolean;
-  onClose?: () => void;
-  onDownload?: () => void;
-};
-
-const fmt = (sec: number) => {
-  if (!Number.isFinite(sec) || sec < 0) return "0:00";
-  const mins = Math.floor(sec / 60);
-  const secs = Math.floor(sec % 60)
-    .toString()
-    .padStart(2, "0");
-  return `${mins}:${secs}`;
-};
-
-export default function Player({
-  src,
-  className = "",
-  autoPlay = true,
-  immersive = false,
-  onClose,
-  onDownload,
-}: PlayerProps) {
-  const videoRef = useRef<HTMLVideoElement | null>(null);
-  const ambientVideoRef = useRef<HTMLVideoElement | null>(null);
-  const wrapRef = useRef<HTMLDivElement | null>(null);
-  const settingsBtnRef = useRef<HTMLButtonElement | null>(null);
-  const settingsMenuRef = useRef<HTMLDivElement | null>(null);
-  const volumeBtnRef = useRef<HTMLButtonElement | null>(null);
-  const [playing, setPlaying] = useState(autoPlay);
-  const [muted, setMuted] = useState(false);
-  const [duration, setDuration] = useState(0);
-  const [currentTime, setCurrentTime] = useState(0);
-  const [volume, setVolume] = useState(1);
-  const [showUi, setShowUi] = useState(false);
-  const [isSeeking, setIsSeeking] = useState(false);
-  const [videoRatio, setVideoRatio] = useState(16 / 9);
-  const [showSettings, setShowSettings] = useState(false);
-  const [ambientBackground, setAmbientBackground] = useState(false);
-  const [playbackRate, setPlaybackRate] = useState(1);
-  const [quality, setQuality] = useState("Auto");
-  const [detectedQuality, setDetectedQuality] = useState<string | null>(null);
-  const [isPipActive, setIsPipActive] = useState(false);
-  const [isFullscreen, setIsFullscreen] = useState(false);
-  const [showMobileVolume, setShowMobileVolume] = useState(false);
-  const [activeHint, setActiveHint] = useState<string | null>(null);
-  const [hintPos, setHintPos] = useState<{
-    x: number;
-    y: number;
-    below: boolean;
-  } | null>(null);
-  const [settingsMenuX, setSettingsMenuX] = useState<number | null>(null);
-  const [settingsArrowX, setSettingsArrowX] = useState<number | null>(null);
-  const hintTimeoutRef = useRef<number | null>(null);
-
-  const hideHint = () => {
-    if (hintTimeoutRef.current !== null) {
-      window.clearTimeout(hintTimeoutRef.current);
-      hintTimeoutRef.current = null;
-    }
-    setActiveHint(null);
-    setHintPos(null);
-  };
-
-  useEffect(() => {
-    return () => {
-      if (hintTimeoutRef.current !== null) {
-        window.clearTimeout(hintTimeoutRef.current);
-      }
-    };
-  }, []);
-
-  const progress = useMemo(() => {
-    if (!duration) return 0;
-    return Math.min(100, (currentTime / duration) * 100);
-  }, [currentTime, duration]);
-
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-
-    const onPlay = () => setPlaying(true);
-    const onPause = () => setPlaying(false);
-    const onTime = () => setCurrentTime(video.currentTime || 0);
-    const onLoaded = () => {
-      setDuration(video.duration || 0);
-      if (video.videoWidth > 0 && video.videoHeight > 0) {
-        setVideoRatio(video.videoWidth / video.videoHeight);
-        const detected =
-          [2160, 1440, 1080, 720, 480, 360].find(
-            (q) => video.videoHeight >= q,
-          ) ?? Math.max(144, Math.round(video.videoHeight / 10) * 10);
-        setDetectedQuality(`${detected}p`);
-      }
-    };
-
-    video.addEventListener("play", onPlay);
-    video.addEventListener("pause", onPause);
-    video.addEventListener("timeupdate", onTime);
-    video.addEventListener("loadedmetadata", onLoaded);
-
-    return () => {
-      video.removeEventListener("play", onPlay);
-      video.removeEventListener("pause", onPause);
-      video.removeEventListener("timeupdate", onTime);
-      video.removeEventListener("loadedmetadata", onLoaded);
-    };
-  }, []);
-
-  useEffect(() => {
-    const syncFullscreen = () => {
-      const wrap = wrapRef.current;
-      setIsFullscreen(!!wrap && document.fullscreenElement === wrap);
-    };
-    document.addEventListener("fullscreenchange", syncFullscreen);
-    syncFullscreen();
-    return () =>
-      document.removeEventListener("fullscreenchange", syncFullscreen);
-  }, []);
-
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-    video.volume = volume;
-    video.muted = muted;
-  }, [volume, muted]);
-
-  useEffect(() => {
-    const video = videoRef.current;
-    const ambient = ambientVideoRef.current;
-    if (!video) return;
-    video.playbackRate = playbackRate;
-    if (ambient) ambient.playbackRate = playbackRate;
-  }, [playbackRate]);
-
-  useEffect(() => {
-    if (!showUi) return;
-    if (!playing) return;
-    if (isSeeking) return;
-    const id = setTimeout(() => setShowUi(false), 1800);
-    return () => clearTimeout(id);
-  }, [playing, showUi, isSeeking]);
-
-  useEffect(() => {
-    if (!isSeeking) return;
-
-    const stopSeeking = () => setIsSeeking(false);
-    window.addEventListener("mouseup", stopSeeking);
-    window.addEventListener("touchend", stopSeeking);
-    window.addEventListener("pointerup", stopSeeking);
-    window.addEventListener("pointercancel", stopSeeking);
-
-    return () => {
-      window.removeEventListener("mouseup", stopSeeking);
-      window.removeEventListener("touchend", stopSeeking);
-      window.removeEventListener("pointerup", stopSeeking);
-      window.removeEventListener("pointercancel", stopSeeking);
-    };
-  }, [isSeeking]);
-
-  useEffect(() => {
-    const showUiFunction = () => {
-      if (!showUi) setShowSettings(false);
-      if (!showUi) setShowMobileVolume(false);
-    };
-
-    showUiFunction();
-  }, [showUi]);
-
-  const computeAnchoredMenu = (
-    triggerEl: HTMLElement | null,
-    menuEl: HTMLElement | null,
-  ) => {
-    const wrap = wrapRef.current;
-    if (!wrap || !triggerEl || !menuEl) return null;
-    const wrapRect = wrap.getBoundingClientRect();
-    const triggerRect = triggerEl.getBoundingClientRect();
-    const triggerCenterX =
-      triggerRect.left - wrapRect.left + triggerRect.width / 2;
-
-    const menuWidth = menuEl.offsetWidth || 210;
-    const edgePad = 8;
-    const minCenter = menuWidth / 2 + edgePad;
-    const maxCenter = Math.max(
-      minCenter,
-      wrapRect.width - menuWidth / 2 - edgePad,
-    );
-    const menuCenterX = Math.min(
-      maxCenter,
-      Math.max(minCenter, triggerCenterX),
-    );
-    const arrowX = Math.min(
-      menuWidth - 12,
-      Math.max(12, triggerCenterX - (menuCenterX - menuWidth / 2)),
-    );
-    return { menuCenterX, arrowX };
-  };
-
-  useLayoutEffect(() => {
-    if (!showSettings) return;
-    const update = () => {
-      const pos = computeAnchoredMenu(
-        settingsBtnRef.current,
-        settingsMenuRef.current,
-      );
-      if (!pos) return;
-      setSettingsMenuX(pos.menuCenterX);
-      setSettingsArrowX(pos.arrowX);
-    };
-    update();
-    const rafA = window.requestAnimationFrame(update);
-    const rafB = window.requestAnimationFrame(() =>
-      window.requestAnimationFrame(update),
-    );
-    window.addEventListener("resize", update);
-    window.addEventListener("orientationchange", update);
-    return () => {
-      window.cancelAnimationFrame(rafA);
-      window.cancelAnimationFrame(rafB);
-      window.removeEventListener("resize", update);
-      window.removeEventListener("orientationchange", update);
-    };
-  }, [showSettings]);
-
-  useEffect(() => {
-    const hideFunction = () => {
-      if (showSettings) hideHint();
-    };
-    hideFunction();
-  }, [showSettings]);
-
-  useEffect(() => {
-    const qualityFunction = () => {
-      if (
-        quality !== "Auto" &&
-        detectedQuality &&
-        quality !== detectedQuality
-      ) {
-        setQuality(detectedQuality);
-      }
-    };
-
-    qualityFunction();
-  }, [quality, detectedQuality]);
-
-  useEffect(() => {
-    const video = videoRef.current;
-    const ambient = ambientVideoRef.current;
-    if (!video || !ambient || !ambientBackground) return;
-
-    const syncTime = () => {
-      if (
-        Math.abs((ambient.currentTime || 0) - (video.currentTime || 0)) > 0.08
-      ) {
-        ambient.currentTime = video.currentTime || 0;
-      }
-    };
-
-    const onPlay = async () => {
-      syncTime();
-      try {
-        await ambient.play();
-      } catch {
-        // ignore autoplay block; ambient is decorative only
-      }
-    };
-    const onPause = () => {
-      syncTime();
-      ambient.pause();
-    };
-    const onSeeking = syncTime;
-    const onRateChange = () => {
-      ambient.playbackRate = video.playbackRate || 1;
-    };
-
-    syncTime();
-    if (!video.paused) onPlay();
-    else ambient.pause();
-
-    video.addEventListener("play", onPlay);
-    video.addEventListener("pause", onPause);
-    video.addEventListener("seeking", onSeeking);
-    video.addEventListener("timeupdate", onSeeking);
-    video.addEventListener("ratechange", onRateChange);
-
-    return () => {
-      video.removeEventListener("play", onPlay);
-      video.removeEventListener("pause", onPause);
-      video.removeEventListener("seeking", onSeeking);
-      video.removeEventListener("timeupdate", onSeeking);
-      video.removeEventListener("ratechange", onRateChange);
-    };
-  }, [ambientBackground]);
-
-  useEffect(() => {
-    const video = videoRef.current;
-    if (!video) return;
-
-    const onEnterPip = () => setIsPipActive(true);
-    const onLeavePip = () => setIsPipActive(false);
-
-    video.addEventListener(
-      "enterpictureinpicture",
-      onEnterPip as EventListener,
-    );
-    video.addEventListener(
-      "leavepictureinpicture",
-      onLeavePip as EventListener,
-    );
-
-    return () => {
-      video.removeEventListener(
-        "enterpictureinpicture",
-        onEnterPip as EventListener,
-      );
-      video.removeEventListener(
-        "leavepictureinpicture",
-        onLeavePip as EventListener,
-      );
-    };
-  }, []);
-
-  const togglePlay = async () => {
-    const video = videoRef.current;
-    if (!video) return;
-    if (video.paused) await video.play();
-    else video.pause();
-  };
-
-  const onVideoTap = async () => {
-    if (!showUi) {
-      setShowUi(true);
-      return;
-    }
-    await togglePlay();
-  };
-
-  const seek = (value: number) => {
-    const video = videoRef.current;
-    if (!video || !Number.isFinite(duration)) return;
-    const next = Math.max(0, Math.min(duration, value));
-    video.currentTime = next;
-    setCurrentTime(next);
-  };
-
-  const toggleFullscreen = async () => {
-    const el = wrapRef.current;
-    if (!el) return;
-    if (!document.fullscreenElement) await el.requestFullscreen();
-    else await document.exitFullscreen();
-  };
-
-  const togglePictureInPicture = async () => {
-    const video = videoRef.current as
-      | (HTMLVideoElement & {
-          requestPictureInPicture?: () => Promise<unknown>;
-        })
-      | null;
-    if (!video || typeof document === "undefined") return;
-
-    const pipDoc = document as Document & {
-      pictureInPictureElement?: Element | null;
-      exitPictureInPicture?: () => Promise<void>;
-    };
-
-    try {
-      if (pipDoc.pictureInPictureElement) {
-        await pipDoc.exitPictureInPicture?.();
-      } else if (video.requestPictureInPicture) {
-        await video.requestPictureInPicture();
-      }
-    } catch (err) {
-      console.error("PiP toggle failed:", err);
-    }
-  };
-
-  const showHint = (
-    label: string,
-    target?: EventTarget | null,
-    placement: "above" | "below" = "above",
-  ) => {
-    const wrap = wrapRef.current;
-    if (wrap && target instanceof HTMLElement) {
-      const wrapRect = wrap.getBoundingClientRect();
-      const targetRect = target.getBoundingClientRect();
-      setHintPos({
-        x: targetRect.left - wrapRect.left + targetRect.width / 2,
-        y:
-          placement === "below"
-            ? targetRect.bottom - wrapRect.top + 6
-            : targetRect.top - wrapRect.top - 6,
-        below: placement === "below",
-      });
-    }
-    if (hintTimeoutRef.current !== null) {
-      window.clearTimeout(hintTimeoutRef.current);
-    }
-    setActiveHint(label);
-    hintTimeoutRef.current = window.setTimeout(() => {
-      setActiveHint(null);
-      setHintPos(null);
-      hintTimeoutRef.current = null;
-    }, 1200);
-  };
-
-  const getVolumeHintLabel = () => {
-    if (
-      typeof window !== "undefined" &&
-      window.matchMedia("(max-width: 767px)").matches
-    ) {
-      return "Volume";
-    }
-    return muted ? "Unmute" : "Mute";
-  };
-
-  const frameStyle = useMemo<CSSProperties>(() => {
-    if (immersive) {
-      return {
-        width: "100%",
-        height: "100%",
-      };
-    }
-    const safeRatio = Math.max(0.35, Math.min(videoRatio, 3));
-    return {
-      aspectRatio: `${safeRatio}`,
-      width: `min(92vw, calc(78vh * ${safeRatio}))`,
-      maxWidth: "1100px",
-      maxHeight: "78vh",
-    };
-  }, [immersive, videoRatio]);
-
-  return (
-    <div
-      ref={wrapRef}
-      className={`relative group/player overflow-hidden ${
-        immersive
-          ? "rounded-none border-0 bg-black shadow-none"
-          : "rounded-xl border border-gray-200 bg-[#05050a] shadow-2xl"
-      } ${className}`}
-      style={frameStyle}
-    >
-      {immersive && ambientBackground && (
-        <video
-          ref={ambientVideoRef}
-          src={src}
-          muted
-          playsInline
-          aria-hidden="true"
-          className="absolute inset-0 z-0 w-full h-full object-cover scale-110 blur-2xl opacity-30 saturate-110 pointer-events-none"
-        />
-      )}
-
-      <video
-        ref={videoRef}
-        src={src}
-        autoPlay={autoPlay}
-        playsInline
-        className="relative z-10 block w-full h-full object-contain"
-        onClick={onVideoTap}
-      />
-
-      <div
-        className={`absolute inset-0 z-20 bg-gradient-to-t from-black/65 via-transparent to-transparent pointer-events-none transition-opacity ${
-          showUi ? "opacity-100" : "opacity-0"
-        }`}
-      />
-
-      <button
-        type="button"
-        onClick={() => {
-          hideHint();
-          setShowMobileVolume(false);
-          setShowSettings(false);
-          void togglePlay();
-        }}
-        className={`absolute z-30 left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-11 h-11 rounded-full border border-gray-300 bg-black/55 text-gray-900 transition ${
-          showUi ? "opacity-100" : "opacity-0 pointer-events-none"
-        }`}
-      >
-        <FontAwesomeIcon
-          icon={playing ? faPause : faPlay}
-          className="w-4 h-4"
-        />
-      </button>
-
-      {(onDownload || onClose) && (
-        <div
-          className={`absolute top-3 right-3 z-30 flex items-center gap-2 transition-opacity ${
-            showUi ? "opacity-100" : "opacity-0 pointer-events-none"
-          }`}
-        >
-          {onDownload && (
-            <button
-              type="button"
-              onClick={() => {
-                hideHint();
-                setShowMobileVolume(false);
-                setShowSettings(false);
-                onDownload();
-              }}
-              onMouseEnter={(e) =>
-                showHint("Download", e.currentTarget, "below")
-              }
-              onMouseLeave={hideHint}
-              onTouchStart={(e) =>
-                showHint("Download", e.currentTarget, "below")
-              }
-              className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-              aria-label="Download video"
-            >
-              <FontAwesomeIcon icon={faDownload} className="w-3 h-3" />
-            </button>
-          )}
-          {onClose && (
-            <button
-              type="button"
-              onClick={() => {
-                hideHint();
-                setShowMobileVolume(false);
-                setShowSettings(false);
-                onClose();
-              }}
-              onMouseEnter={(e) => showHint("Close", e.currentTarget, "below")}
-              onMouseLeave={hideHint}
-              onTouchStart={(e) => showHint("Close", e.currentTarget, "below")}
-              className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-              aria-label="Close viewer"
-            >
-              <FontAwesomeIcon icon={faXmark} className="w-3 h-3" />
-            </button>
-          )}
-        </div>
-      )}
-
-      <div
-        className={`absolute z-30 left-0 right-0 bottom-0 p-2 sm:p-2.5 transition-opacity ${
-          showUi ? "opacity-100" : "opacity-0 pointer-events-none"
-        }`}
-      >
-        <div className="px-2 py-2">
-          <div className="flex items-center gap-1.5 text-[11px] text-gray-700">
-            <button
-              type="button"
-              onClick={() => {
-                hideHint();
-                setShowMobileVolume(false);
-                setShowSettings(false);
-                void togglePlay();
-              }}
-              onMouseEnter={(e) =>
-                showHint(playing ? "Pause" : "Play", e.currentTarget)
-              }
-              onMouseLeave={hideHint}
-              onTouchStart={(e) =>
-                showHint(playing ? "Pause" : "Play", e.currentTarget)
-              }
-              className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-              aria-label={playing ? "Pause" : "Play"}
-            >
-              <FontAwesomeIcon
-                icon={playing ? faPause : faPlay}
-                className="w-3 h-3"
-              />
-            </button>
-
-            <input
-              type="range"
-              min={0}
-              max={duration || 0}
-              step={0.1}
-              value={Math.min(currentTime, duration || 0)}
-              onChange={(e) => seek(Number(e.target.value))}
-              onMouseDown={() => setIsSeeking(true)}
-              onMouseUp={() => setIsSeeking(false)}
-              onTouchStart={() => setIsSeeking(true)}
-              onTouchEnd={() => setIsSeeking(false)}
-              className="flex-1 accent-blue-400 cursor-pointer h-1"
-              aria-label="Seek video"
-              style={{
-                background: `linear-gradient(90deg, rgba(129,140,248,.95) ${progress}%, rgba(255,255,255,.22) ${progress}%)`,
-              }}
-            />
-
-            <span className="tabular-nums text-[11px] text-gray-700/90 px-1 whitespace-nowrap">
-              {fmt(currentTime)} / {fmt(duration)}
-            </span>
-
-            <div className="relative">
-              <button
-                ref={volumeBtnRef}
-                type="button"
-                onClick={() => {
-                  hideHint();
-                  setShowSettings(false);
-                  if (window.matchMedia("(max-width: 767px)").matches) {
-                    setShowMobileVolume((v) => !v);
-                    return;
-                  }
-                  setMuted((v) => !v);
-                }}
-                onMouseEnter={(e) => {
-                  if (!showMobileVolume) {
-                    showHint(getVolumeHintLabel(), e.currentTarget);
-                  }
-                }}
-                onMouseLeave={hideHint}
-                onTouchStart={(e) => {
-                  if (!showMobileVolume) {
-                    showHint(getVolumeHintLabel(), e.currentTarget);
-                  }
-                }}
-                className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-                aria-label={muted ? "Unmute" : "Mute"}
-              >
-                <FontAwesomeIcon
-                  icon={muted ? faVolumeXmark : faVolumeHigh}
-                  className="w-3 h-3"
-                />
-              </button>
-
-              {showUi && showMobileVolume && (
-                <div className="absolute left-1/2 -translate-x-1/2 bottom-full mb-2 z-40 md:hidden rounded-lg border border-gray-200 bg-black/75 backdrop-blur-md px-2 py-2">
-                  <span className="absolute -bottom-1 left-1/2 -translate-x-1/2 w-2 h-2 rotate-45 bg-black/75 border-r border-b border-gray-200" />
-                  <div className="flex flex-col items-center gap-2">
-                    <button
-                      type="button"
-                      onClick={() => setMuted((v) => !v)}
-                      className="w-7 h-7 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-                      aria-label={muted ? "Unmute" : "Mute"}
-                    >
-                      <FontAwesomeIcon
-                        icon={muted ? faVolumeXmark : faVolumeHigh}
-                        className="w-3 h-3"
-                      />
-                    </button>
-                    <input
-                      type="range"
-                      min={0}
-                      max={1}
-                      step={0.01}
-                      value={volume}
-                      onChange={(e) => setVolume(Number(e.target.value))}
-                      className="h-24 w-1.5 accent-blue-400 cursor-pointer"
-                      aria-label="Mobile volume"
-                      style={{ writingMode: "vertical-lr", direction: "rtl" }}
-                    />
-                  </div>
-                </div>
-              )}
-            </div>
-
-            <input
-              type="range"
-              min={0}
-              max={1}
-              step={0.01}
-              value={volume}
-              onChange={(e) => setVolume(Number(e.target.value))}
-              className="hidden md:block w-20 accent-blue-400 h-1"
-              aria-label="Volume"
-            />
-
-            <button
-              ref={settingsBtnRef}
-              type="button"
-              onClick={() => {
-                hideHint();
-                setShowMobileVolume(false);
-                setShowSettings((v) => !v);
-              }}
-              onMouseEnter={(e) => {
-                if (!showSettings) showHint("Settings", e.currentTarget);
-              }}
-              onMouseLeave={hideHint}
-              onTouchStart={(e) => {
-                if (!showSettings) showHint("Settings", e.currentTarget);
-              }}
-              className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-              aria-label="Player settings"
-            >
-              <FontAwesomeIcon icon={faGear} className="w-3 h-3" />
-            </button>
-            <button
-              type="button"
-              onClick={() => {
-                hideHint();
-                setShowMobileVolume(false);
-                setShowSettings(false);
-                void togglePictureInPicture();
-              }}
-              onMouseEnter={(e) =>
-                showHint("Picture in Picture", e.currentTarget)
-              }
-              onMouseLeave={hideHint}
-              onTouchStart={(e) =>
-                showHint("Picture in Picture", e.currentTarget)
-              }
-              className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-              aria-label="Picture in picture"
-            >
-              <FontAwesomeIcon
-                icon={faRectangleList}
-                className={`w-3 h-3 ${isPipActive ? "text-blue-600" : ""}`}
-              />
-            </button>
-            <button
-              type="button"
-              onClick={() => {
-                hideHint();
-                setShowMobileVolume(false);
-                setShowSettings(false);
-                void toggleFullscreen();
-              }}
-              onMouseEnter={(e) =>
-                showHint(
-                  isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                  e.currentTarget,
-                )
-              }
-              onMouseLeave={hideHint}
-              onTouchStart={(e) =>
-                showHint(
-                  isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                  e.currentTarget,
-                )
-              }
-              className="w-8 h-8 rounded-md text-gray-900/90 hover:text-gray-900 transition"
-              aria-label="Fullscreen"
-            >
-              <FontAwesomeIcon
-                icon={isFullscreen ? faCompress : faExpand}
-                className="w-3 h-3"
-              />
-            </button>
-          </div>
-        </div>
-      </div>
-
-      {showUi && activeHint && hintPos && (
-        <div
-          className={`absolute z-50 px-2 py-1 rounded bg-black/75 text-[10px] text-gray-900 pointer-events-none -translate-x-1/2 whitespace-nowrap ${
-            hintPos.below ? "" : "-translate-y-full"
-          }`}
-          style={{ left: hintPos.x, top: hintPos.y }}
-        >
-          {activeHint}
-          <span
-            className={`absolute left-1/2 -translate-x-1/2 w-2 h-2 bg-black/75 rotate-45 ${
-              hintPos.below ? "-top-1" : "-bottom-1"
-            }`}
-          />
-        </div>
-      )}
-
-      {showUi && showSettings && (
-        <div
-          ref={settingsMenuRef}
-          className="absolute bottom-14 z-40 min-w-[210px] rounded-lg border border-gray-200 bg-black/75 backdrop-blur-md p-2 text-xs text-gray-700 -translate-x-1/2"
-          style={{ left: settingsMenuX ?? undefined }}
-        >
-          <span
-            className="absolute -bottom-1 -translate-x-1/2 w-2 h-2 rotate-45 bg-black/75 border-r border-b border-gray-200"
-            style={{ left: settingsArrowX ?? undefined }}
-          />
-          <button
-            type="button"
-            onClick={() => setAmbientBackground((v) => !v)}
-            className="w-full flex items-center justify-between px-2 py-1.5 rounded hover:bg-gray-100 transition"
-          >
-            <span>Ambient background</span>
-            <span className="text-[10px] text-gray-600">
-              {ambientBackground ? "On" : "Off"}
-            </span>
-          </button>
-          <div className="mt-1 border-t border-gray-200 pt-1">
-            <div className="px-2 py-1 text-[10px] text-gray-500 uppercase tracking-wide">
-              Playback Speed
-            </div>
-            <div className="flex flex-wrap items-center gap-1 px-2 pb-1">
-              {[0.75, 1, 1.25, 1.5, 2, 5].map((rate) => (
-                <button
-                  key={rate}
-                  type="button"
-                  onClick={() => setPlaybackRate(rate)}
-                  className={`px-2 py-1 rounded text-[10px] transition ${
-                    playbackRate === rate
-                      ? "bg-gray-200 text-gray-900"
-                      : "bg-gray-50 text-gray-600 hover:bg-gray-100"
-                  }`}
-                >
-                  {rate}x
-                </button>
-              ))}
-            </div>
-          </div>
-          <div className="mt-1 border-t border-gray-200 pt-1">
-            <div className="px-2 py-1 text-[10px] text-gray-500 uppercase tracking-wide">
-              Quality
-            </div>
-            <div className="flex items-center gap-1 px-2 pb-1">
-              {["Auto", ...(detectedQuality ? [detectedQuality] : [])].map(
-                (q) => (
-                  <button
-                    key={q}
-                    type="button"
-                    onClick={() => setQuality(q)}
-                    className={`px-2 py-1 rounded text-[10px] transition ${
-                      quality === q
-                        ? "bg-gray-200 text-gray-900"
-                        : "bg-gray-50 text-gray-600 hover:bg-gray-100"
-                    }`}
-                  >
-                    {q}
-                  </button>
-                ),
-              )}
-            </div>
-            <div className="px-2 pb-1 text-[10px] text-gray-500">
-              {detectedQuality
-                ? `Source max: ${detectedQuality}`
-                : "Loading source quality..."}
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/app/components/chat/hooks/useActiveConversationStream.ts b/app/components/chat/hooks/useActiveConversationStream.ts
deleted file mode 100644
index e7667b4..0000000
--- a/app/components/chat/hooks/useActiveConversationStream.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-"use client";
-
-import {
-  useEffect,
-  type Dispatch,
-  type RefObject,
-  type SetStateAction,
-} from "react";
-import type { Message } from "@/app/components/Chat";
-
-type TypingState = {
-  user_id: string;
-  label: string;
-};
-
-type UseActiveConversationStreamParams = {
-  conversationId: string | null;
-  userId: string;
-  bottomRef: RefObject<HTMLDivElement | null>;
-  setMessages: Dispatch<SetStateAction<Message[]>>;
-  markConversationAsRead: (targetConversationId: string) => Promise<void>;
-  setRemoteTypingState: (
-    targetConversationId: string,
-    state: TypingState | null,
-  ) => void;
-  stopTyping: (targetConversationId: string) => void;
-};
-
-const getAttachmentFingerprint = (attachments: Message["attachments"] = []) =>
-  attachments
-    .map(
-      (a) =>
-        `${a?.filename ?? ""}|${a?.mimetype ?? ""}|${String(a?.filesize ?? 0)}|${a?.public_url ?? ""}`,
-    )
-    .join("::");
-
-const EPHEMERAL_RECONCILE_WINDOW_MS = 15_000;
-
-const isEphemeralMessageId = (id: string) =>
-  id.startsWith("temp-") || id.startsWith("live-");
-
-const isCreatedWithinWindow = (
-  candidateCreatedAt: string,
-  incomingCreatedAt: string,
-  windowMs = EPHEMERAL_RECONCILE_WINDOW_MS,
-) => {
-  const a = Date.parse(candidateCreatedAt);
-  const b = Date.parse(incomingCreatedAt);
-  if (!Number.isFinite(a) || !Number.isFinite(b)) return true;
-  return Math.abs(b - a) <= windowMs;
-};
-
-const normalizeAttachments = (attachments: unknown): Message["attachments"] => {
-  if (!Array.isArray(attachments)) return [];
-  return attachments
-    .map((raw) => {
-      if (!raw || typeof raw !== "object") return null;
-      const a = raw as Record<string, unknown>;
-      return {
-        filename: typeof a.filename === "string" ? a.filename : "",
-        mimetype: typeof a.mimetype === "string" ? a.mimetype : "",
-        filesize: typeof a.filesize === "number" ? a.filesize : 0,
-        public_url: typeof a.public_url === "string" ? a.public_url : "",
-      };
-    })
-    .filter((a): a is Message["attachments"][number] => a !== null);
-};
-
-export function useActiveConversationStream({
-  conversationId,
-  userId,
-  bottomRef,
-  setMessages,
-  markConversationAsRead,
-  setRemoteTypingState,
-  stopTyping,
-}: UseActiveConversationStreamParams) {
-  useEffect(() => {
-    if (!conversationId) {
-      setMessages([]);
-      return;
-    }
-
-    void markConversationAsRead(conversationId);
-
-    const fetchMessages = async () => {
-      const res = await fetch(`/api/messages?conversationId=${conversationId}`);
-      if (!res.ok) return;
-      const data: Message[] = await res.json();
-      setMessages(data);
-      void markConversationAsRead(conversationId);
-      window.setTimeout(() => {
-        bottomRef.current?.scrollIntoView({ behavior: "smooth" });
-      }, 100);
-    };
-
-    void fetchMessages();
-
-    const es = new EventSource(`/api/sse/chat/${conversationId}`);
-
-    es.onmessage = (event) => {
-      const envelope = JSON.parse(event.data) as {
-        type: string;
-        data: unknown;
-      };
-
-      if (envelope.type === "typing") {
-        const typingPayload = envelope.data as {
-          conversation_id?: string;
-          user_id?: string;
-          email?: string | null;
-          is_typing?: boolean;
-        };
-
-        if (typingPayload.conversation_id !== conversationId) return;
-        if (!typingPayload.user_id || typingPayload.user_id === userId) return;
-
-        if (typingPayload.is_typing) {
-          setRemoteTypingState(conversationId, {
-            user_id: typingPayload.user_id,
-            label: typingPayload.email?.split("@")[0] || "Someone",
-          });
-        } else {
-          setRemoteTypingState(conversationId, null);
-        }
-        return;
-      }
-
-      if (envelope.type === "message") {
-        const messagePayload = envelope.data as {
-          id?: string;
-          conversation_id?: string;
-          sender_id?: string;
-          text?: string;
-          attachments?: unknown;
-          created_at?: string;
-        };
-
-        if (messagePayload.conversation_id !== conversationId) return;
-        if (!messagePayload.sender_id || messagePayload.sender_id === userId)
-          return;
-
-        const incomingMessage: Message = {
-          id: messagePayload.id ?? `live-${Date.now()}`,
-          conversation_id: conversationId,
-          sender_id: messagePayload.sender_id,
-          text: messagePayload.text ?? "",
-          attachments: normalizeAttachments(messagePayload.attachments),
-          created_at: messagePayload.created_at ?? new Date().toISOString(),
-        };
-
-        setMessages((prev) => {
-          if (prev.some((m) => m.id === incomingMessage.id)) return prev;
-
-          const fingerprint = getAttachmentFingerprint(
-            incomingMessage.attachments,
-          );
-          const optimisticIndex = prev.findIndex((m) => {
-            if (!isEphemeralMessageId(m.id)) return false;
-            if (m.sender_id !== incomingMessage.sender_id) return false;
-            if (m.conversation_id !== conversationId) return false;
-            if (m.text !== incomingMessage.text) return false;
-            if (
-              !isCreatedWithinWindow(m.created_at, incomingMessage.created_at)
-            )
-              return false;
-            return getAttachmentFingerprint(m.attachments) === fingerprint;
-          });
-
-          if (optimisticIndex !== -1) {
-            const next = [...prev];
-            next[optimisticIndex] = incomingMessage;
-            return next;
-          }
-
-          return [...prev, incomingMessage];
-        });
-
-        void markConversationAsRead(conversationId);
-        window.setTimeout(() => {
-          bottomRef.current?.scrollIntoView({ behavior: "smooth" });
-        }, 100);
-      }
-    };
-
-    return () => {
-      stopTyping(conversationId);
-      setRemoteTypingState(conversationId, null);
-      es.close();
-    };
-  }, [
-    bottomRef,
-    conversationId,
-    markConversationAsRead,
-    setMessages,
-    setRemoteTypingState,
-    stopTyping,
-    userId,
-  ]);
-}
diff --git a/app/components/chat/hooks/useChatAttachmentInput.ts b/app/components/chat/hooks/useChatAttachmentInput.ts
deleted file mode 100644
index 8f72626..0000000
--- a/app/components/chat/hooks/useChatAttachmentInput.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-"use client";
-
-import {
-  useCallback,
-  useState,
-  type ClipboardEvent,
-  type DragEvent,
-  type ChangeEvent,
-} from "react";
-
-export function useChatAttachmentInput() {
-  const [attachments, setAttachments] = useState<File[]>([]);
-  const [isDraggingOver, setIsDraggingOver] = useState(false);
-
-  const handleFileChange = useCallback(
-    (event: ChangeEvent<HTMLInputElement>) => {
-      const files = Array.from(event.target.files || []);
-      if (!files.length) return;
-
-      setAttachments((prev) => [...prev, ...files]);
-    },
-    [],
-  );
-
-  const handleDrop = useCallback((event: DragEvent<HTMLDivElement>) => {
-    event.preventDefault();
-    setIsDraggingOver(false);
-
-    const files = Array.from(event.dataTransfer.files || []);
-    if (!files.length) return;
-
-    setAttachments((prev) => [...prev, ...files]);
-  }, []);
-
-  const handleDragOver = useCallback((event: DragEvent<HTMLDivElement>) => {
-    event.preventDefault();
-    setIsDraggingOver(true);
-  }, []);
-
-  const onDragLeave = useCallback(() => {
-    setIsDraggingOver(false);
-  }, []);
-
-  const handlePaste = useCallback((event: ClipboardEvent<HTMLDivElement>) => {
-    const items = event.clipboardData.items;
-    if (!items) return;
-
-    const files: File[] = [];
-
-    for (let i = 0; i < items.length; i++) {
-      const item = items[i];
-
-      if (item.kind === "file") {
-        const file = item.getAsFile();
-        if (file) files.push(file);
-      }
-    }
-
-    if (files.length) {
-      setAttachments((prev) => [...prev, ...files]);
-    }
-  }, []);
-
-  const removeAttachment = useCallback((index: number) => {
-    setAttachments((prev) => prev.filter((_, i) => i !== index));
-  }, []);
-
-  return {
-    attachments,
-    setAttachments,
-    isDraggingOver,
-    handleFileChange,
-    handleDrop,
-    handleDragOver,
-    onDragLeave,
-    handlePaste,
-    removeAttachment,
-  };
-}
diff --git a/app/components/chat/hooks/useChatBadWords.ts b/app/components/chat/hooks/useChatBadWords.ts
deleted file mode 100644
index 1d78f0c..0000000
--- a/app/components/chat/hooks/useChatBadWords.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-"use client";
-
-import { useBadWords } from "@/app/hooks/useBadWords";
-
-export function useChatBadWords() {
-  return useBadWords();
-}
diff --git a/app/components/chat/hooks/useChatBadges.ts b/app/components/chat/hooks/useChatBadges.ts
deleted file mode 100644
index 33ac7cd..0000000
--- a/app/components/chat/hooks/useChatBadges.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-"use client";
-
-import { useEffect, useRef, useState } from "react";
-import { type BadgeInfo, getBadgeInfoFromHours } from "@/app/utils/badge";
-
-type ConversationLike = {
-  users: { id: string }[];
-};
-
-type UseChatBadgesParams = {
-  userId: string;
-  conversations: ConversationLike[];
-};
-
-export function useChatBadges({ userId, conversations }: UseChatBadgesParams) {
-  const [badgesByUserId, setBadgesByUserId] = useState<
-    Record<string, BadgeInfo>
-  >({});
-  const badgeCacheRef = useRef<Record<string, BadgeInfo>>({});
-
-  useEffect(() => {
-    const fetchBadgesForParticipants = async () => {
-      if (!conversations.length) return;
-
-      const participantIds = new Set<string>();
-      conversations.forEach((c) => {
-        c.users.forEach((u) => {
-          if (u.id) participantIds.add(u.id);
-        });
-      });
-      participantIds.add(userId);
-
-      const ids = Array.from(participantIds).filter(Boolean);
-      if (ids.length === 0) return;
-
-      const cached: Record<string, BadgeInfo> = {};
-      const missingIds: string[] = [];
-      ids.forEach((id) => {
-        const hit = badgeCacheRef.current[id];
-        if (hit) cached[id] = hit;
-        else missingIds.push(id);
-      });
-
-      if (Object.keys(cached).length > 0) {
-        setBadgesByUserId((prev) => ({ ...prev, ...cached }));
-      }
-
-      if (missingIds.length === 0) return;
-
-      const params = missingIds
-        .map((id) => `id=${encodeURIComponent(id)}`)
-        .join("&");
-      const res = await fetch(`/api/users/badges?${params}`);
-      if (!res.ok) return;
-
-      const data: { user_id: string; total_seconds: number }[] =
-        await res.json();
-
-      const next: Record<string, BadgeInfo> = {};
-      for (const row of data) {
-        if (!row.user_id) continue;
-        const hours = Math.round((row.total_seconds || 0) / 3600);
-        next[row.user_id] = getBadgeInfoFromHours(hours);
-      }
-
-      if (Object.keys(next).length === 0) return;
-
-      badgeCacheRef.current = { ...badgeCacheRef.current, ...next };
-      setBadgesByUserId((prev) => ({ ...prev, ...next }));
-    };
-
-    void fetchBadgesForParticipants();
-  }, [conversations, userId]);
-
-  return {
-    badgesByUserId,
-  };
-}
diff --git a/app/components/chat/hooks/useChatConversationActions.ts b/app/components/chat/hooks/useChatConversationActions.ts
deleted file mode 100644
index 4f4deca..0000000
--- a/app/components/chat/hooks/useChatConversationActions.ts
+++ /dev/null
@@ -1,192 +0,0 @@
-"use client";
-
-import {
-  useCallback,
-  type Dispatch,
-  type MutableRefObject,
-  type SetStateAction,
-} from "react";
-import { toast } from "react-toastify";
-import type { ChatUser, Conversation } from "@/app/components/Chat";
-
-type ParticipantPresence = {
-  last_seen_at: string | null;
-  last_read_at: string | null;
-};
-
-type UseChatConversationActionsParams = {
-  userId: string;
-  userEmail: string | null | undefined;
-  conversationId: string | null;
-  conversations: Conversation[];
-  creatingRef: MutableRefObject<boolean>;
-  unseenPresenceIso: string;
-  setConversationId: Dispatch<SetStateAction<string | null>>;
-  setShowModal: Dispatch<SetStateAction<boolean>>;
-  setShowRightSidebar: Dispatch<SetStateAction<boolean>>;
-  setConversations: Dispatch<SetStateAction<Conversation[]>>;
-  setUnreadCountByConversationId: Dispatch<
-    SetStateAction<Record<string, number>>
-  >;
-  setParticipantMetaByConversationId: Dispatch<
-    SetStateAction<Record<string, ParticipantPresence>>
-  >;
-};
-
-export function useChatConversationActions({
-  userId,
-  userEmail,
-  conversationId,
-  conversations,
-  creatingRef,
-  unseenPresenceIso,
-  setConversationId,
-  setShowModal,
-  setShowRightSidebar,
-  setConversations,
-  setUnreadCountByConversationId,
-  setParticipantMetaByConversationId,
-}: UseChatConversationActionsParams) {
-  const createConversation = useCallback(
-    async (otherUser: ChatUser) => {
-      if (creatingRef.current) return;
-      creatingRef.current = true;
-
-      try {
-        const existing = conversations.find((c) => {
-          if (c.type === "global") return false;
-          const ids = new Set(c.users.map((u) => u.id));
-          return (
-            ids.size === 2 && ids.has(userId) && ids.has(otherUser.user_id)
-          );
-        });
-
-        if (existing) {
-          setConversationId(existing.id);
-          setShowModal(false);
-          return;
-        }
-
-        const res = await fetch("/api/conversations", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            other_user_id: otherUser.user_id,
-            other_user_email: otherUser.email,
-          }),
-        });
-
-        if (!res.ok) {
-          const body = await res.json();
-          throw new Error(body.error || "Could not start a direct message.");
-        }
-
-        const created: Conversation & { last_read_at: string } =
-          await res.json();
-
-        setConversationId(created.id);
-        setConversations((prev) => {
-          if (prev.some((c) => c.id === created.id)) return prev;
-          return [
-            ...prev,
-            {
-              id: created.id,
-              created_at: created.created_at,
-              users: created.users,
-              type: created.type,
-            },
-          ];
-        });
-        setUnreadCountByConversationId((prev) => ({
-          ...prev,
-          [created.id]: 0,
-        }));
-        setParticipantMetaByConversationId((prev) => ({
-          ...prev,
-          [created.id]: {
-            last_seen_at: created.last_read_at,
-            last_read_at: created.last_read_at,
-          },
-        }));
-
-        setShowModal(false);
-      } catch (error) {
-        toast.error(
-          error instanceof Error
-            ? error.message
-            : "Could not start a direct message. Please try again.",
-        );
-      } finally {
-        creatingRef.current = false;
-      }
-
-      void unseenPresenceIso;
-      void userEmail;
-    },
-    [
-      conversations,
-      creatingRef,
-      setConversationId,
-      setConversations,
-      setParticipantMetaByConversationId,
-      setShowModal,
-      setUnreadCountByConversationId,
-      unseenPresenceIso,
-      userEmail,
-      userId,
-    ],
-  );
-
-  const openPrivateChatFromGlobalProfile = useCallback(
-    (targetUserId: string, targetEmail: string) => {
-      if (!targetUserId || targetUserId === userId) return;
-      if (!targetEmail) {
-        toast.info("Cannot start a private chat without user email.");
-        return;
-      }
-      void createConversation({ user_id: targetUserId, email: targetEmail });
-    },
-    [createConversation, userId],
-  );
-
-  const handleDeleteConversation = useCallback(async () => {
-    if (!conversationId) return;
-
-    try {
-      const res = await fetch(`/api/conversations/${conversationId}`, {
-        method: "DELETE",
-      });
-      if (!res.ok) throw new Error("Failed to delete conversation");
-
-      setConversations((prev) => prev.filter((c) => c.id !== conversationId));
-      setUnreadCountByConversationId((prev) => {
-        const next = { ...prev };
-        delete next[conversationId];
-        return next;
-      });
-      setParticipantMetaByConversationId((prev) => {
-        const next = { ...prev };
-        delete next[conversationId];
-        return next;
-      });
-      setConversationId(null);
-      setShowRightSidebar(false);
-      toast.success("Conversation deleted");
-    } catch {
-      toast.error("Failed to delete conversation");
-    }
-  }, [
-    conversationId,
-    setConversationId,
-    setConversations,
-    setParticipantMetaByConversationId,
-    setShowRightSidebar,
-    setUnreadCountByConversationId,
-  ]);
-
-  return {
-    createConversation,
-    openPrivateChatFromGlobalProfile,
-    handleDeleteConversation,
-  };
-}
diff --git a/app/components/chat/hooks/useChatConversationsRealtime.ts b/app/components/chat/hooks/useChatConversationsRealtime.ts
deleted file mode 100644
index fbb7c86..0000000
--- a/app/components/chat/hooks/useChatConversationsRealtime.ts
+++ /dev/null
@@ -1,192 +0,0 @@
-"use client";
-
-import {
-  useCallback,
-  useEffect,
-  type Dispatch,
-  type MutableRefObject,
-  type SetStateAction,
-} from "react";
-import type { Conversation } from "@/app/components/Chat";
-
-type ParticipantPresence = {
-  last_seen_at: string | null;
-  last_read_at: string | null;
-};
-
-type ConversationUserRow = {
-  id: string;
-  email: string;
-  last_seen_at: string;
-};
-
-type ConversationApiRow = {
-  id: string;
-  created_at: string;
-  type: string;
-  last_read_at: string;
-  users: ConversationUserRow[];
-};
-
-type UseChatConversationsRealtimeParams = {
-  userId: string;
-  userEmail: string;
-  globalConversationId: string;
-  conversationIdsRef: MutableRefObject<Set<string>>;
-  activeConversationIdRef: MutableRefObject<string | null>;
-  setConversations: Dispatch<SetStateAction<Conversation[]>>;
-  setParticipantMetaByConversationId: Dispatch<
-    SetStateAction<Record<string, ParticipantPresence>>
-  >;
-  setLastSeenByUserId: Dispatch<SetStateAction<Record<string, string | null>>>;
-  fetchUnreadCountsForConversations: (
-    targetConversationIds: string[],
-    readMap: Record<string, string | null>,
-    mode?: "replace" | "merge",
-  ) => Promise<void>;
-  markConversationAsRead: (targetConversationId: string) => Promise<void>;
-};
-
-export function useChatConversationsRealtime({
-  userId,
-  conversationIdsRef,
-  activeConversationIdRef,
-  setConversations,
-  setParticipantMetaByConversationId,
-  setLastSeenByUserId,
-  fetchUnreadCountsForConversations,
-  markConversationAsRead,
-}: UseChatConversationsRealtimeParams) {
-  const refreshUnreadForConversation = useCallback(
-    async (targetConversationId: string) => {
-      const res = await fetch(
-        `/api/conversations/${targetConversationId}/unread`,
-      );
-      if (!res.ok) return;
-      const { count } = (await res.json()) as { count: number };
-      setLastSeenByUserId((prev) => ({ ...prev }));
-      fetchUnreadCountsForConversations(
-        [targetConversationId],
-        { [targetConversationId]: null },
-        "merge",
-      ).catch(() => {});
-      // Directly update count instead of re-fetching
-      setParticipantMetaByConversationId((prev) => {
-        const existing = prev[targetConversationId];
-        if (!existing) return prev;
-        return { ...prev, [targetConversationId]: existing };
-      });
-      // Update unread count via the count result
-      void count;
-    },
-    [
-      fetchUnreadCountsForConversations,
-      setLastSeenByUserId,
-      setParticipantMetaByConversationId,
-    ],
-  );
-
-  useEffect(() => {
-    if (!userId) return;
-
-    const fetchConversations = async () => {
-      const res = await fetch("/api/conversations");
-      if (!res.ok) return;
-
-      const rows: ConversationApiRow[] = await res.json();
-      const convs: Conversation[] = [];
-      const nextParticipantMeta: Record<string, ParticipantPresence> = {};
-      const nextLastSeenByUserId: Record<string, string | null> = {};
-      const readMap: Record<string, string | null> = {};
-
-      rows.forEach((row) => {
-        convs.push({
-          id: row.id,
-          created_at: row.created_at,
-          users: row.users.map((u) => ({ id: u.id, email: u.email })),
-          type: row.type,
-        });
-
-        nextParticipantMeta[row.id] = {
-          last_seen_at: null,
-          last_read_at: row.last_read_at ?? null,
-        };
-        readMap[row.id] = row.last_read_at ?? null;
-
-        row.users.forEach((u) => {
-          if (u.id === userId) return;
-          const prev = nextLastSeenByUserId[u.id];
-          if (
-            !prev ||
-            (u.last_seen_at && new Date(u.last_seen_at) > new Date(prev))
-          ) {
-            nextLastSeenByUserId[u.id] = u.last_seen_at ?? null;
-          }
-        });
-      });
-
-      const sortedConvs = convs.sort((a, b) =>
-        a.type === "global" ? -1 : b.type === "global" ? 1 : 0,
-      );
-
-      conversationIdsRef.current = new Set(sortedConvs.map((c) => c.id));
-
-      setConversations(sortedConvs);
-      setParticipantMetaByConversationId(nextParticipantMeta);
-      setLastSeenByUserId(nextLastSeenByUserId);
-      void fetchUnreadCountsForConversations(
-        sortedConvs.map((c) => c.id),
-        readMap,
-        "replace",
-      );
-    };
-
-    void fetchConversations();
-  }, [
-    conversationIdsRef,
-    fetchUnreadCountsForConversations,
-    setConversations,
-    setLastSeenByUserId,
-    setParticipantMetaByConversationId,
-    userId,
-  ]);
-
-  useEffect(() => {
-    if (!userId) return;
-
-    const es = new EventSource("/api/sse/conversations");
-
-    es.onmessage = (event) => {
-      const envelope = JSON.parse(event.data) as {
-        type: string;
-        data: unknown;
-      };
-
-      if (envelope.type === "new_message") {
-        const msg = envelope.data as {
-          conversation_id: string;
-          sender_id: string;
-        };
-        if (!conversationIdsRef.current.has(msg.conversation_id)) return;
-        if (msg.sender_id === userId) return;
-
-        if (activeConversationIdRef.current === msg.conversation_id) {
-          void markConversationAsRead(msg.conversation_id);
-          return;
-        }
-
-        void refreshUnreadForConversation(msg.conversation_id);
-      }
-    };
-
-    return () => {
-      es.close();
-    };
-  }, [
-    activeConversationIdRef,
-    conversationIdsRef,
-    markConversationAsRead,
-    refreshUnreadForConversation,
-    userId,
-  ]);
-}
diff --git a/app/components/chat/hooks/useChatInputBehavior.ts b/app/components/chat/hooks/useChatInputBehavior.ts
deleted file mode 100644
index 049ce52..0000000
--- a/app/components/chat/hooks/useChatInputBehavior.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-"use client";
-
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  type ChangeEvent,
-  type Dispatch,
-  type KeyboardEvent,
-  type SetStateAction,
-} from "react";
-
-type UseChatInputBehaviorParams = {
-  input: string;
-  isSendingMessage: boolean;
-  conversationId: string | null;
-  attachmentsCount: number;
-  setInput: Dispatch<SetStateAction<string>>;
-  markTypingFromInput: (
-    targetConversationId: string,
-    nextValue: string,
-  ) => void;
-  sendMessage: () => void;
-  maxChars?: number;
-};
-
-export function useChatInputBehavior({
-  input,
-  isSendingMessage,
-  conversationId,
-  attachmentsCount,
-  setInput,
-  markTypingFromInput,
-  sendMessage,
-  maxChars = 1000,
-}: UseChatInputBehaviorParams) {
-  const textareaRef = useRef<HTMLTextAreaElement>(null);
-
-  useEffect(() => {
-    if (!textareaRef.current) return;
-
-    const textarea = textareaRef.current;
-    const minHeight = 20;
-    const maxHeight = minHeight * 6;
-
-    textarea.style.height = `${minHeight}px`;
-    textarea.style.height = `${Math.min(textarea.scrollHeight, maxHeight)}px`;
-    textarea.style.overflowY =
-      textarea.scrollHeight > maxHeight ? "auto" : "hidden";
-  }, [input]);
-
-  const handleInputChange = useCallback(
-    (event: ChangeEvent<HTMLTextAreaElement>) => {
-      const nextValue = event.target.value.slice(0, maxChars);
-      setInput(nextValue);
-
-      if (conversationId) {
-        markTypingFromInput(conversationId, nextValue);
-      }
-    },
-    [conversationId, markTypingFromInput, maxChars, setInput],
-  );
-
-  const handleInputKeyDown = useCallback(
-    (event: KeyboardEvent<HTMLTextAreaElement>) => {
-      if (event.key !== "Enter" || event.shiftKey) return;
-      if (isSendingMessage) return;
-
-      event.preventDefault();
-
-      if (input.trim() || attachmentsCount > 0) {
-        sendMessage();
-      }
-    },
-    [attachmentsCount, input, isSendingMessage, sendMessage],
-  );
-
-  return {
-    textareaRef,
-    handleInputChange,
-    handleInputKeyDown,
-  };
-}
diff --git a/app/components/chat/hooks/useChatMessageComposer.ts b/app/components/chat/hooks/useChatMessageComposer.ts
deleted file mode 100644
index b30a335..0000000
--- a/app/components/chat/hooks/useChatMessageComposer.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-"use client";
-
-import {
-  useCallback,
-  useRef,
-  useState,
-  type Dispatch,
-  type RefObject,
-  type SetStateAction,
-} from "react";
-import { toast } from "react-toastify";
-import type { Message } from "@/app/components/Chat";
-import { sanitizeTextWithBlocklist } from "@/app/utils/moderation";
-
-type UseChatMessageComposerParams = {
-  userId: string;
-  conversationId: string | null;
-  input: string;
-  badWords: string[];
-  bottomRef: RefObject<HTMLDivElement | null>;
-  setInput: Dispatch<SetStateAction<string>>;
-  setMessages: Dispatch<SetStateAction<Message[]>>;
-  stopTyping: (targetConversationId: string) => void;
-  markConversationAsRead: (targetConversationId: string) => Promise<void>;
-};
-
-export function useChatMessageComposer({
-  userId,
-  conversationId,
-  input,
-  badWords,
-  bottomRef,
-  setInput,
-  setMessages,
-  stopTyping,
-  markConversationAsRead,
-}: UseChatMessageComposerParams) {
-  const sendingMessageRef = useRef(false);
-  const [isSendingMessage, setIsSendingMessage] = useState(false);
-
-  const sendMessage = useCallback(async () => {
-    if (sendingMessageRef.current) return;
-    if (!input.trim() || !conversationId) return;
-
-    sendingMessageRef.current = true;
-    setIsSendingMessage(true);
-
-    const targetConversationId = conversationId;
-    const originalText = input;
-    const outgoingText = sanitizeTextWithBlocklist(
-      input.slice(0, 1000),
-      badWords,
-    );
-
-    if (!outgoingText.trim()) {
-      sendingMessageRef.current = false;
-      setIsSendingMessage(false);
-      return;
-    }
-
-    const optimisticMessageId = `temp-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-    const optimisticCreatedAt = new Date().toISOString();
-
-    setMessages((prev) => [
-      ...prev,
-      {
-        id: optimisticMessageId,
-        conversation_id: targetConversationId,
-        sender_id: userId,
-        text: outgoingText,
-        attachments: [],
-        created_at: optimisticCreatedAt,
-        optimistic: true,
-      },
-    ]);
-
-    setInput("");
-    stopTyping(targetConversationId);
-
-    window.setTimeout(() => {
-      bottomRef.current?.scrollIntoView({ behavior: "smooth" });
-    }, 100);
-
-    try {
-      const res = await fetch("/api/messages", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          conversation_id: targetConversationId,
-          text: outgoingText,
-          attachments: [],
-        }),
-      });
-
-      if (!res.ok) {
-        throw new Error("Failed to send message.");
-      }
-
-      const saved: Message = await res.json();
-
-      setMessages((prev) =>
-        prev.map((m) => (m.id === optimisticMessageId ? saved : m)),
-      );
-
-      void markConversationAsRead(targetConversationId);
-    } catch {
-      setMessages((prev) => prev.filter((m) => m.id !== optimisticMessageId));
-      setInput(originalText);
-      toast.error("Failed to send message. Please try again.");
-    } finally {
-      sendingMessageRef.current = false;
-      setIsSendingMessage(false);
-    }
-  }, [
-    badWords,
-    bottomRef,
-    conversationId,
-    input,
-    markConversationAsRead,
-    setInput,
-    setMessages,
-    stopTyping,
-    userId,
-  ]);
-
-  return {
-    sendMessage,
-    isSendingMessage,
-  };
-}
diff --git a/app/components/chat/hooks/useChatPresence.ts b/app/components/chat/hooks/useChatPresence.ts
deleted file mode 100644
index 13d2b2d..0000000
--- a/app/components/chat/hooks/useChatPresence.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-"use client";
-
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-  type Dispatch,
-  type MutableRefObject,
-  type SetStateAction,
-} from "react";
-
-type ParticipantPresence = {
-  last_seen_at: string | null;
-  last_read_at: string | null;
-};
-
-type UseChatPresenceParams = {
-  userId: string;
-  onlineTimeoutMs: number;
-  maxPresenceFutureSkewMs: number;
-  presenceHeartbeatMs: number;
-  readReceiptThrottleMs: number;
-  setParticipantMetaByConversationId: Dispatch<
-    SetStateAction<Record<string, ParticipantPresence>>
-  >;
-  setUnreadCountByConversationId: Dispatch<
-    SetStateAction<Record<string, number>>
-  >;
-  lastReadSyncAtRef: MutableRefObject<Record<string, number>>;
-};
-
-export function useChatPresence({
-  userId,
-  onlineTimeoutMs,
-  maxPresenceFutureSkewMs,
-  presenceHeartbeatMs,
-  readReceiptThrottleMs,
-  setParticipantMetaByConversationId,
-  setUnreadCountByConversationId,
-  lastReadSyncAtRef,
-}: UseChatPresenceParams) {
-  const [lastSeenByUserId, setLastSeenByUserId] = useState<
-    Record<string, string | null>
-  >({});
-  const [presenceNow, setPresenceNow] = useState(() => Date.now());
-
-  const fetchUnreadCountsForConversations = useCallback(
-    async (
-      targetConversationIds: string[],
-      readMap: Record<string, string | null>,
-      mode: "replace" | "merge" = "replace",
-    ) => {
-      if (targetConversationIds.length === 0) {
-        if (mode === "replace") setUnreadCountByConversationId({});
-        return;
-      }
-
-      const countEntries = await Promise.all(
-        targetConversationIds.map(async (id) => {
-          const res = await fetch(`/api/conversations/${id}/unread`);
-          if (!res.ok) return [id, 0] as const;
-          const { count } = (await res.json()) as { count: number };
-          return [id, count] as const;
-        }),
-      );
-
-      const nextCounts = Object.fromEntries(countEntries);
-      setUnreadCountByConversationId((prev) =>
-        mode === "replace" ? nextCounts : { ...prev, ...nextCounts },
-      );
-
-      void readMap;
-    },
-    [setUnreadCountByConversationId],
-  );
-
-  const markConversationAsRead = useCallback(
-    async (targetConversationId: string) => {
-      if (!targetConversationId || !userId) return;
-
-      const timestamp = new Date().toISOString();
-
-      setParticipantMetaByConversationId((prev) => ({
-        ...prev,
-        [targetConversationId]: {
-          last_seen_at: timestamp,
-          last_read_at: timestamp,
-        },
-      }));
-      setUnreadCountByConversationId((prev) => ({
-        ...prev,
-        [targetConversationId]: 0,
-      }));
-
-      const now = Date.now();
-      const lastSyncAt = lastReadSyncAtRef.current[targetConversationId] ?? 0;
-      if (now - lastSyncAt < readReceiptThrottleMs) return;
-      lastReadSyncAtRef.current[targetConversationId] = now;
-
-      await fetch(`/api/conversations/${targetConversationId}/presence`, {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ mark_read: true }),
-      }).catch(() => {});
-    },
-    [
-      lastReadSyncAtRef,
-      readReceiptThrottleMs,
-      setParticipantMetaByConversationId,
-      setUnreadCountByConversationId,
-      userId,
-    ],
-  );
-
-  const pingPresence = useCallback(async () => {
-    if (!userId) return;
-    await fetch("/api/presence", {
-      method: "PATCH",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({}),
-    }).catch(() => {});
-  }, [userId]);
-
-  useEffect(() => {
-    if (!userId) return;
-
-    void pingPresence();
-
-    const intervalId = window.setInterval(() => {
-      setPresenceNow(Date.now());
-      if (document.visibilityState === "visible") {
-        void pingPresence();
-      }
-    }, presenceHeartbeatMs);
-
-    const handleForeground = () => {
-      setPresenceNow(Date.now());
-      if (document.visibilityState === "visible") {
-        void pingPresence();
-      }
-    };
-
-    window.addEventListener("focus", handleForeground);
-    document.addEventListener("visibilitychange", handleForeground);
-
-    return () => {
-      window.clearInterval(intervalId);
-      window.removeEventListener("focus", handleForeground);
-      document.removeEventListener("visibilitychange", handleForeground);
-    };
-  }, [pingPresence, presenceHeartbeatMs, userId]);
-
-  const onlineByUserId = useMemo(() => {
-    const next: Record<string, boolean> = {};
-    Object.entries(lastSeenByUserId).forEach(([id, lastSeenAt]) => {
-      if (!lastSeenAt) {
-        next[id] = false;
-        return;
-      }
-      const seenAt = new Date(lastSeenAt).getTime();
-      const ageMs = presenceNow - seenAt;
-      next[id] =
-        Number.isFinite(seenAt) &&
-        ageMs >= -maxPresenceFutureSkewMs &&
-        ageMs <= onlineTimeoutMs;
-    });
-    return next;
-  }, [lastSeenByUserId, maxPresenceFutureSkewMs, onlineTimeoutMs, presenceNow]);
-
-  return {
-    setLastSeenByUserId,
-    onlineByUserId,
-    fetchUnreadCountsForConversations,
-    markConversationAsRead,
-  };
-}
diff --git a/app/components/chat/hooks/useChatTyping.ts b/app/components/chat/hooks/useChatTyping.ts
deleted file mode 100644
index 58118c3..0000000
--- a/app/components/chat/hooks/useChatTyping.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useRef, useState } from "react";
-
-type TypingState = {
-  user_id: string;
-  label: string;
-};
-
-type UseChatTypingParams = {
-  userId: string;
-  userEmail: string;
-  typingInactiveTimeoutMs: number;
-  typingRemoteExpireMs: number;
-};
-
-export function useChatTyping({
-  userId,
-  typingInactiveTimeoutMs,
-  typingRemoteExpireMs,
-}: UseChatTypingParams) {
-  const [typingByConversationId, setTypingByConversationId] = useState<
-    Record<string, TypingState>
-  >({});
-  const typingStopTimeoutRef = useRef<Record<string, number>>({});
-  const typingExpiryTimeoutRef = useRef<Record<string, number>>({});
-  const localTypingByConversationRef = useRef<Record<string, boolean>>({});
-
-  useEffect(() => {
-    return () => {
-      Object.values(typingStopTimeoutRef.current).forEach(window.clearTimeout);
-      Object.values(typingExpiryTimeoutRef.current).forEach(
-        window.clearTimeout,
-      );
-      typingStopTimeoutRef.current = {};
-      typingExpiryTimeoutRef.current = {};
-      localTypingByConversationRef.current = {};
-    };
-  }, []);
-
-  const setRemoteTypingState = useCallback(
-    (targetConversationId: string, state: TypingState | null) => {
-      const activeTimeoutId =
-        typingExpiryTimeoutRef.current[targetConversationId];
-      if (activeTimeoutId) {
-        window.clearTimeout(activeTimeoutId);
-        delete typingExpiryTimeoutRef.current[targetConversationId];
-      }
-
-      if (!state) {
-        setTypingByConversationId((prev) => {
-          if (!prev[targetConversationId]) return prev;
-          const next = { ...prev };
-          delete next[targetConversationId];
-          return next;
-        });
-        return;
-      }
-
-      setTypingByConversationId((prev) => ({
-        ...prev,
-        [targetConversationId]: state,
-      }));
-
-      typingExpiryTimeoutRef.current[targetConversationId] = window.setTimeout(
-        () => {
-          setTypingByConversationId((prev) => {
-            if (!prev[targetConversationId]) return prev;
-            const next = { ...prev };
-            delete next[targetConversationId];
-            return next;
-          });
-        },
-        typingRemoteExpireMs,
-      );
-    },
-    [typingRemoteExpireMs],
-  );
-
-  const emitTypingState = useCallback(
-    (targetConversationId: string, isTyping: boolean) => {
-      if (!targetConversationId) return;
-
-      void fetch(`/api/sse/chat/${targetConversationId}/typing`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ is_typing: isTyping }),
-      });
-    },
-    [],
-  );
-
-  const stopTyping = useCallback(
-    (targetConversationId: string) => {
-      if (!targetConversationId) return;
-
-      const activeTimeoutId =
-        typingStopTimeoutRef.current[targetConversationId];
-      if (activeTimeoutId) {
-        window.clearTimeout(activeTimeoutId);
-        delete typingStopTimeoutRef.current[targetConversationId];
-      }
-
-      if (!localTypingByConversationRef.current[targetConversationId]) return;
-
-      localTypingByConversationRef.current[targetConversationId] = false;
-      emitTypingState(targetConversationId, false);
-    },
-    [emitTypingState],
-  );
-
-  const markTypingFromInput = useCallback(
-    (targetConversationId: string, nextValue: string) => {
-      if (!targetConversationId) return;
-
-      const hasText = nextValue.trim().length > 0;
-      if (!hasText) {
-        stopTyping(targetConversationId);
-        return;
-      }
-
-      if (!localTypingByConversationRef.current[targetConversationId]) {
-        localTypingByConversationRef.current[targetConversationId] = true;
-        emitTypingState(targetConversationId, true);
-      }
-
-      const activeTimeoutId =
-        typingStopTimeoutRef.current[targetConversationId];
-      if (activeTimeoutId) window.clearTimeout(activeTimeoutId);
-
-      typingStopTimeoutRef.current[targetConversationId] = window.setTimeout(
-        () => {
-          stopTyping(targetConversationId);
-        },
-        typingInactiveTimeoutMs,
-      );
-    },
-    [emitTypingState, stopTyping, typingInactiveTimeoutMs],
-  );
-
-  void userId;
-
-  return {
-    typingByConversationId,
-    setRemoteTypingState,
-    stopTyping,
-    markTypingFromInput,
-  };
-}
diff --git a/app/components/chat/hooks/useChatUserPicker.ts b/app/components/chat/hooks/useChatUserPicker.ts
deleted file mode 100644
index 3ba754d..0000000
--- a/app/components/chat/hooks/useChatUserPicker.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-"use client";
-
-import { useEffect, useMemo, useState } from "react";
-import type { ChatUser } from "@/app/components/Chat";
-
-type UseChatUserPickerParams = {
-  userId: string;
-  showModal: boolean;
-  globalConversationId: string;
-};
-
-export function useChatUserPicker({
-  userId,
-  showModal,
-  globalConversationId,
-}: UseChatUserPickerParams) {
-  const [search, setSearch] = useState("");
-  const [allUsers, setAllUsers] = useState<ChatUser[]>([]);
-
-  useEffect(() => {
-    if (!showModal) return;
-
-    const fetchUsers = async () => {
-      const res = await fetch(
-        `/api/users?conversationId=${globalConversationId}`,
-      );
-
-      if (!res.ok) {
-        setAllUsers([]);
-        return;
-      }
-
-      const users: ChatUser[] = await res.json();
-      setAllUsers(users.filter((u) => u.user_id !== userId));
-    };
-
-    void fetchUsers();
-  }, [globalConversationId, showModal, userId]);
-
-  const filteredUsers = useMemo(
-    () =>
-      allUsers.filter((u) =>
-        u.email.toLowerCase().includes(search.toLowerCase()),
-      ),
-    [allUsers, search],
-  );
-
-  return {
-    search,
-    setSearch,
-    allUsers,
-    filteredUsers,
-  };
-}
diff --git a/app/components/common/NavProfileDropdown.tsx b/app/components/common/NavProfileDropdown.tsx
index bcb5e0d..81ce8b5 100644
--- a/app/components/common/NavProfileDropdown.tsx
+++ b/app/components/common/NavProfileDropdown.tsx
@@ -5,7 +5,6 @@ import {
   faDashboard,
   faGear,
  // just pressed backspace as you said lmao
-  faProjectDiagram,
   faRankingStar,
   faStar,
 } from "@fortawesome/free-solid-svg-icons";
@@ -100,14 +99,6 @@ export default function NavProfileDropdown({
                 Dashboard
               </Link>
              
-              <Link
-                href="/d/kanban"
-                className="flex items-center gap-2 px-4 py-2 text-sm text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors"
-                onClick={() => setProfileOpen(false)}
-              >
-                <FontAwesomeIcon icon={faProjectDiagram} className="w-4 h-4" />
-                Kanban
-              </Link>
               <Link
                 href="/d/flex"
                 className="flex items-center gap-2 px-4 py-2 text-sm text-gray-500 hover:text-gray-900 hover:bg-gray-100 transition-colors"
diff --git a/app/components/dashboard/Navbar.tsx b/app/components/dashboard/Navbar.tsx
index 79468f7..26e608c 100644
--- a/app/components/dashboard/Navbar.tsx
+++ b/app/components/dashboard/Navbar.tsx
@@ -15,7 +15,6 @@ import {
   faEdit,
   faCodeBranch,
   faBars,
-  faProjectDiagram,
   faGear,
 } from "@fortawesome/free-solid-svg-icons";
 import type { IconDefinition } from "@fortawesome/free-solid-svg-icons";
@@ -45,13 +44,6 @@ const navItems: NavItem[] = [
     category: "dev",
   },
   
-  {
-    href: "/d/kanban",
-    label: "Kanban",
-    icon: faProjectDiagram,
-    role: "user",
-    category: "dev",
-  },
   {
     href: "/d/flex",
     label: "Flex",
diff --git a/app/d/chat/page.tsx b/app/d/chat/page.tsx
deleted file mode 100644
index b8593e9..0000000
--- a/app/d/chat/page.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import Chat from "@/app/components/Chat";
-import { getCurrentUser } from "@/app/lib/auth/user";
-import { Metadata } from "next/types";
-import { redirect } from "next/navigation";
-
-export const metadata: Metadata = {
-  title: "Chat - Devpulse",
-};
-
-export default async function ChatPage() {
-  const { user } = await getCurrentUser();
-
-  if (!user) return redirect("/login?from=/chat");
-
-  return <Chat user={user} />;
-}
diff --git a/app/d/kanban/page.tsx b/app/d/kanban/page.tsx
deleted file mode 100644
index b2e2230..0000000
--- a/app/d/kanban/page.tsx
+++ /dev/null
@@ -1,977 +0,0 @@
-"use client";
-
-import type { ReactNode } from "react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import {
-  DndContext,
-  DragEndEvent,
-  PointerSensor,
-  TouchSensor,
-  useDraggable,
-  useDroppable,
-  useSensor,
-  useSensors,
-} from "@dnd-kit/core";
-import { toast } from "react-toastify";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-
-interface KanbanIssue {
-  id: string;
-  column_id: string;
-  issue_key: string;
-  title: string;
-  tag: string;
-  type: string;
-  priority: string;
-  position: number;
-  created_at: string;
-}
-
-interface KanbanColumn {
-  id: string;
-  board_id: string;
-  title: string;
-  position: number;
-}
-
-interface KanbanBoard {
-  id: string;
-  project_id: string;
-  title: string;
-  description: string;
-}
-
-interface KanbanProject {
-  id: string;
-  name: string;
-  description: string;
-  wakatime_project_name: string;
-  created_at: string;
-  board_count: number;
-  column_count: number;
-  issue_count: number;
-  completed_issue_count: number;
-  total_tracked_seconds: number;
-}
-
-interface WakaTimeProject {
-  name: string;
-  total_seconds: number;
-}
-
-function isKanbanProject(value: unknown): value is KanbanProject {
-  if (!value || typeof value !== "object") return false;
-
-  const project = value as Partial<KanbanProject>;
-  return (
-    typeof project.id === "string" &&
-    typeof project.name === "string" &&
-    typeof project.description === "string" &&
-    typeof project.wakatime_project_name === "string" &&
-    typeof project.created_at === "string" &&
-    typeof project.board_count === "number" &&
-    typeof project.column_count === "number" &&
-    typeof project.issue_count === "number" &&
-    typeof project.completed_issue_count === "number" &&
-    typeof project.total_tracked_seconds === "number"
-  );
-}
-
-function formatHours(seconds: number) {
-  return `${(seconds / 3600).toFixed(seconds >= 36000 ? 0 : 1)}h`;
-}
-
-function formatDate(date: string) {
-  return new Date(date).toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-  });
-}
-
-function isKanbanIssue(value: unknown): value is KanbanIssue {
-  if (!value || typeof value !== "object") return false;
-
-  const issue = value as Partial<KanbanIssue>;
-  return (
-    typeof issue.id === "string" &&
-    typeof issue.column_id === "string" &&
-    typeof issue.issue_key === "string" &&
-    typeof issue.title === "string" &&
-    typeof issue.tag === "string" &&
-    typeof issue.type === "string" &&
-    typeof issue.priority === "string" &&
-    typeof issue.position === "number"
-  );
-}
-
-function isIssueUpdate(
-  value: unknown,
-): value is Pick<KanbanIssue, "id" | "column_id" | "position"> {
-  if (!value || typeof value !== "object") return false;
-
-  const issue = value as Partial<KanbanIssue>;
-  return (
-    typeof issue.id === "string" &&
-    typeof issue.column_id === "string" &&
-    typeof issue.position === "number"
-  );
-}
-
-export default function Kanban() {
-  const sensors = useSensors(
-    useSensor(PointerSensor),
-    useSensor(TouchSensor, {
-      activationConstraint: { delay: 200, tolerance: 8 },
-    }),
-  );
-  const [projects, setProjects] = useState<KanbanProject[]>([]);
-  const [boards, setBoards] = useState<KanbanBoard[]>([]);
-  const [columns, setColumns] = useState<KanbanColumn[]>([]);
-  const [issues, setIssues] = useState<KanbanIssue[]>([]);
-  const [wakaProjects, setWakaProjects] = useState<WakaTimeProject[]>([]);
-  const [selectedProject, setSelectedProject] = useState("");
-  const [loading, setLoading] = useState(true);
-  const [issueModalOpen, setIssueModalOpen] = useState(false);
-  const [projectModalOpen, setProjectModalOpen] = useState(false);
-  const [selectedColumn, setSelectedColumn] = useState<string | null>(null);
-  const [submittingIssue, setSubmittingIssue] = useState(false);
-  const [submittingProject, setSubmittingProject] = useState(false);
-  const [showRecentIssues, setShowRecentIssues] = useState(false);
-  const [issueForm, setIssueForm] = useState({
-    title: "",
-    tag: "",
-    type: "feature",
-    priority: "p2",
-  });
-  const [projectForm, setProjectForm] = useState({
-    name: "",
-    description: "",
-    wakatime_project_name: "",
-  });
-
-  const load = useCallback(async () => {
-    setLoading(true);
-    try {
-      const res = await fetch("/api/kanban/data");
-      if (!res.ok) throw new Error("Failed to load Kanban data.");
-
-      const data = (await res.json()) as {
-        projects?: KanbanProject[];
-        boards?: KanbanBoard[];
-        columns?: KanbanColumn[];
-        issues?: KanbanIssue[];
-        wakatime_projects?: WakaTimeProject[];
-      };
-
-      const nextProjects = data.projects ?? [];
-      setProjects(nextProjects);
-      setBoards(data.boards ?? []);
-      setColumns(data.columns ?? []);
-      setIssues(data.issues ?? []);
-      setWakaProjects(data.wakatime_projects ?? []);
-
-      setSelectedProject((current) => {
-        if (current && nextProjects.some((project) => project.id === current)) {
-          return current;
-        }
-        return nextProjects[0]?.id ?? "";
-      });
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : "Unable to load Kanban.",
-      );
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-
-  useEffect(() => {
-    const timeout = window.setTimeout(() => {
-      void load();
-    }, 0);
-
-    return () => window.clearTimeout(timeout);
-  }, [load]);
-
-  useEffect(() => {
-    const es = new EventSource("/api/sse/kanban");
-
-    es.onmessage = (event: MessageEvent) => {
-      const envelope = JSON.parse(event.data as string) as {
-        type: string;
-        data: Record<string, unknown>;
-      };
-
-      if (envelope.type === "issue_created" && isKanbanIssue(envelope.data)) {
-        const issue = envelope.data;
-        setIssues((prev) => {
-          if (prev.some((item) => item.id === issue.id)) return prev;
-          return [...prev, issue];
-        });
-      } else if (
-        envelope.type === "issue_updated" &&
-        isIssueUpdate(envelope.data)
-      ) {
-        const issueUpdate = envelope.data;
-        setIssues((prev) =>
-          prev.map((item) =>
-            item.id === issueUpdate.id
-              ? {
-                  ...item,
-                  column_id: issueUpdate.column_id,
-                  position: issueUpdate.position,
-                }
-              : item,
-          ),
-        );
-      }
-    };
-
-    return () => es.close();
-  }, []);
-
-  const currentProject = useMemo(
-    () => projects.find((project) => project.id === selectedProject) ?? null,
-    [projects, selectedProject],
-  );
-
-  const groupedBoards = useMemo(() => {
-    return boards
-      .filter((board) => board.project_id === selectedProject)
-      .map((board) => ({
-        ...board,
-        columns: columns
-          .filter((column) => column.board_id === board.id)
-          .sort((a, b) => a.position - b.position)
-          .map((column) => ({
-            ...column,
-            items: issues
-              .filter((issue) => issue.column_id === column.id)
-              .sort((a, b) => a.position - b.position),
-          })),
-      }));
-  }, [boards, columns, issues, selectedProject]);
-
-  const availableColumns = useMemo(
-    () => groupedBoards.flatMap((board) => board.columns),
-    [groupedBoards],
-  );
-
-  // Derive metrics from live issues state so they update on every drag
-  const liveIssueCount = useMemo(() => {
-    const colIds = new Set(availableColumns.map((c) => c.id));
-    return issues.filter((issue) => colIds.has(issue.column_id)).length;
-  }, [issues, availableColumns]);
-
-  const liveCompletedCount = useMemo(() => {
-    const doneColIds = new Set(
-      availableColumns
-        .filter((c) => c.title.toLowerCase() === "done")
-        .map((c) => c.id),
-    );
-    return issues.filter((issue) => doneColIds.has(issue.column_id)).length;
-  }, [issues, availableColumns]);
-
-  const liveCompletionRate =
-    liveIssueCount > 0
-      ? Math.round((liveCompletedCount / liveIssueCount) * 100)
-      : 0;
-
-  const recentIssues = useMemo(() => {
-    return issues
-      .filter((issue) =>
-        availableColumns.some((column) => column.id === issue.column_id),
-      )
-      .sort(
-        (a, b) =>
-          new Date(b.created_at).getTime() - new Date(a.created_at).getTime(),
-      )
-      .slice(0, 5);
-  }, [availableColumns, issues]);
-
-  async function handleDragEnd(event: DragEndEvent) {
-    const { active, over } = event;
-    if (!over) return;
-
-    const issueId = String(active.id);
-    const destinationColumnId = String(over.data.current?.column_id ?? "");
-    if (!destinationColumnId) return;
-
-    const destinationIssues = issues.filter(
-      (issue) =>
-        issue.column_id === destinationColumnId && issue.id !== issueId,
-    );
-    const position = destinationIssues.length;
-
-    setIssues((prev) =>
-      prev.map((issue) =>
-        issue.id === issueId
-          ? { ...issue, column_id: destinationColumnId, position }
-          : issue,
-      ),
-    );
-
-    const res = await fetch(`/api/kanban/issues/${issueId}`, {
-      method: "PATCH",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ column_id: destinationColumnId, position }),
-    });
-
-    if (!res.ok) {
-      toast.error("Unable to move issue.");
-      void load();
-    }
-  }
-
-  async function createIssue() {
-    if (!selectedColumn || !issueForm.title.trim()) return;
-
-    const position = issues.filter(
-      (issue) => issue.column_id === selectedColumn,
-    ).length;
-
-    setSubmittingIssue(true);
-
-    try {
-      const res = await fetch("/api/kanban/issues", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          column_id: selectedColumn,
-          title: issueForm.title,
-          tag: issueForm.tag,
-          type: issueForm.type,
-          priority: issueForm.priority,
-          position,
-        }),
-      });
-
-      if (!res.ok) {
-        const data = (await res.json()) as { error?: string };
-        throw new Error(data.error || "Unable to create issue.");
-      }
-
-      const newIssue = (await res.json()) as KanbanIssue;
-      setIssues((prev) => {
-        if (prev.some((item) => item.id === newIssue.id)) return prev;
-        return [...prev, newIssue];
-      });
-      setIssueForm({ title: "", tag: "", type: "feature", priority: "p2" });
-      setIssueModalOpen(false);
-      toast.success("Issue created.");
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : "Unable to create issue.",
-      );
-    } finally {
-      setSubmittingIssue(false);
-    }
-  }
-
-  async function createProject() {
-    if (!projectForm.name.trim()) return;
-
-    setSubmittingProject(true);
-
-    try {
-      const res = await fetch("/api/kanban/projects", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(projectForm),
-      });
-
-      const data = (await res.json()) as KanbanProject | { error?: string };
-
-      if (!res.ok) {
-        const errorMessage = "error" in data ? data.error : undefined;
-        throw new Error(errorMessage || "Unable to create project.");
-      }
-
-      if (!isKanbanProject(data)) {
-        throw new Error("Unable to create project.");
-      }
-
-      const project = data;
-      setProjects((prev) => [...prev, project]);
-      setSelectedProject(project.id);
-      setProjectForm({
-        name: "",
-        description: "",
-        wakatime_project_name: "",
-      });
-      setProjectModalOpen(false);
-      toast.success("Kanban project created.");
-      void load();
-    } catch (error) {
-      toast.error(
-        error instanceof Error ? error.message : "Unable to create project.",
-      );
-    } finally {
-      setSubmittingProject(false);
-    }
-  }
-
-  return (
-    <div className="p-6 md:p-8 space-y-6">
-      {/* Metrics row */}
-      <div className="mb-6 grid grid-cols-2 gap-3 md:grid-cols-4">
-        <OverviewCard
-          label="Kanban Projects"
-          value={String(projects.length)}
-          sub="User-owned workspaces"
-        />
-        <OverviewCard
-          label="Open Issues"
-          value={String(liveIssueCount - liveCompletedCount)}
-          sub="Still in flight"
-        />
-        <OverviewCard
-          label="Completion"
-          value={`${liveCompletionRate}%`}
-          sub="Done column progress"
-        />
-        <OverviewCard
-          label="Tracked Time"
-          value={formatHours(currentProject?.total_tracked_seconds ?? 0)}
-          sub={
-            currentProject?.wakatime_project_name
-              ? "From linked WakaTime project"
-              : "No WakaTime project linked"
-          }
-        />
-      </div>
-
-      {/* Workspace + Boards */}
-      <div className="grid gap-4 xl:grid-cols-[320px_minmax(0,1fr)]">
-        {/* Left sidebar — shown below boards on mobile, beside on xl */}
-        <div className="order-2 space-y-4 xl:order-1">
-          <div className="glass-card p-4 md:p-5">
-            <div className="flex items-center justify-between gap-3">
-              <div>
-                <h2 className="text-base font-semibold text-gray-900">
-                  Project Workspace
-                </h2>
-                <p className="text-sm text-gray-500">
-                  Switch context or create a new project.
-                </p>
-              </div>
-              <button
-                onClick={() => setProjectModalOpen(true)}
-                className="rounded-xl border border-gray-200 bg-white px-3 py-2 text-sm font-medium text-gray-600 shadow-sm transition hover:border-blue-300 hover:text-blue-600"
-              >
-                <FontAwesomeIcon icon={faPlus} />
-              </button>
-            </div>
-
-            <div className="mt-4">
-              <label className="mb-2 block text-xs font-semibold uppercase tracking-[0.2em] text-gray-500">
-                Active Project
-              </label>
-              <select
-                value={selectedProject}
-                onChange={(event) => setSelectedProject(event.target.value)}
-                className="input-field h-12 w-full"
-              >
-                {projects.length === 0 && (
-                  <option value="">No projects yet</option>
-                )}
-                {projects.map((project) => (
-                  <option key={project.id} value={project.id}>
-                    {project.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-
-            <div className="mt-4">
-              {currentProject ? (
-                <div className="rounded-2xl border border-gray-200 bg-gray-50 p-4">
-                  <div className="flex items-start justify-between gap-3">
-                    <div>
-                      <h3 className="text-base font-semibold text-gray-900">
-                        {currentProject.name}
-                      </h3>
-                      <p className="mt-1 text-sm text-gray-600">
-                        {currentProject.description}
-                      </p>
-                    </div>
-                  </div>
-
-                  <div className="mt-4 space-y-2 text-sm text-gray-600">
-                    <p>
-                      Linked WakaTime:
-                      <span className="ml-2 font-medium text-gray-900">
-                        {currentProject.wakatime_project_name || "Not linked"}
-                      </span>
-                    </p>
-                    <p>
-                      Boards:
-                      <span className="ml-2 font-medium text-gray-900">
-                        {currentProject.board_count}
-                      </span>
-                    </p>
-                    <p>
-                      Created:
-                      <span className="ml-2 font-medium text-gray-900">
-                        {formatDate(currentProject.created_at)}
-                      </span>
-                    </p>
-                  </div>
-                </div>
-              ) : (
-                <EmptyPanel
-                  title="No Kanban project yet"
-                  body="Create your first Kanban project to start linking execution with WakaTime output."
-                />
-              )}
-            </div>
-          </div>
-
-          <div className="glass-card p-4 md:p-5">
-            <button
-              className="flex w-full items-center justify-between gap-3 text-left xl:cursor-default"
-              onClick={() => setShowRecentIssues((v) => !v)}
-            >
-              <div>
-                <h2 className="text-base font-semibold text-gray-900">
-                  Recent Issues
-                </h2>
-                <p className="text-sm text-gray-500">
-                  Latest cards for the active project.
-                </p>
-              </div>
-              <span className="text-xs text-gray-400 xl:hidden">
-                {showRecentIssues ? "▲" : "▼"}
-              </span>
-            </button>
-
-            <div
-              className={`mt-4 space-y-3 ${showRecentIssues ? "block" : "hidden xl:block"}`}
-            >
-              {recentIssues.length > 0 ? (
-                recentIssues.map((issue) => (
-                  <div
-                    key={issue.id}
-                    className="rounded-2xl border border-gray-200 bg-gray-50 p-3"
-                  >
-                    <div className="flex items-center justify-between gap-3 text-xs text-gray-500">
-                      <span>{issue.issue_key}</span>
-                      <span className="rounded-full border border-gray-200 px-2 py-1 uppercase">
-                        {issue.priority}
-                      </span>
-                    </div>
-                    <p className="mt-2 text-sm font-medium text-gray-900">
-                      {issue.title}
-                    </p>
-                    <div className="mt-2 flex flex-wrap gap-2 text-[11px] text-gray-500">
-                      {issue.tag ? (
-                        <span className="rounded-full border border-gray-200 px-2 py-1">
-                          {issue.tag}
-                        </span>
-                      ) : null}
-                      <span className="rounded-full border border-gray-200 px-2 py-1 uppercase">
-                        {issue.type}
-                      </span>
-                      <span>{formatDate(issue.created_at)}</span>
-                    </div>
-                  </div>
-                ))
-              ) : (
-                <EmptyPanel
-                  title="No issues yet"
-                  body="Use the active project board to add the first card."
-                />
-              )}
-            </div>
-          </div>
-        </div>
-
-        {/* Boards panel — shown first on mobile */}
-        <div className="order-1 glass-card overflow-hidden p-4 md:p-5 xl:order-2">
-          <div className="flex flex-col gap-2 border-b border-gray-200 pb-4 sm:flex-row sm:items-center sm:justify-between">
-            <div>
-              <h2 className="text-base font-semibold text-gray-900">Boards</h2>
-              <p className="text-sm text-gray-500">
-                {currentProject
-                  ? "Delivery lanes for the active project."
-                  : "Create a project first to open a board."}
-              </p>
-            </div>
-            {currentProject?.wakatime_project_name ? (
-              <div className="rounded-full border border-cyan-500/20 bg-cyan-500/10 px-3 py-1 text-xs font-semibold uppercase tracking-[0.2em] text-cyan-600">
-                Bound to {currentProject.wakatime_project_name}
-              </div>
-            ) : null}
-          </div>
-
-          {loading ? (
-            <div className="py-16 text-center text-sm text-gray-500">
-              Loading Kanban workspace...
-            </div>
-          ) : groupedBoards.length === 0 ? (
-            <div className="py-16">
-              <EmptyPanel
-                title="No boards for this project"
-                body="New Kanban projects create a default board automatically. If you are seeing this on an older project, create a new project or add board data directly."
-              />
-            </div>
-          ) : (
-            <DndContext sensors={sensors} onDragEnd={handleDragEnd}>
-              <div className="mt-5 space-y-6">
-                {groupedBoards.map((board) => (
-                  <section key={board.id} className="space-y-3">
-                    <div>
-                      <h3 className="text-sm font-semibold text-gray-900">
-                        {board.title}
-                      </h3>
-                      <p className="text-sm text-gray-500">
-                        {board.description || "Execution board"}
-                      </p>
-                    </div>
-
-                    {/* Horizontal scroll on mobile, grid on md+ */}
-                    <div className="flex gap-4 overflow-x-auto pb-2 md:grid md:grid-cols-3 md:overflow-visible md:pb-0">
-                      {board.columns.map((column) => (
-                        <div
-                          key={column.id}
-                          className="min-w-[260px] flex-none md:min-w-0"
-                        >
-                          <Column
-                            column={column}
-                            onAdd={() => {
-                              setSelectedColumn(column.id);
-                              setIssueModalOpen(true);
-                            }}
-                          />
-                        </div>
-                      ))}
-                    </div>
-                  </section>
-                ))}
-              </div>
-            </DndContext>
-          )}
-        </div>
-      </div>
-
-      {projectModalOpen ? (
-        <ModalShell
-          title="Create Kanban Project"
-          subtitle="Set up a project workspace and optionally bind it to a synced WakaTime project."
-          onClose={() => setProjectModalOpen(false)}
-        >
-          <div className="space-y-3">
-            <input
-              value={projectForm.name}
-              onChange={(event) =>
-                setProjectForm((prev) => ({
-                  ...prev,
-                  name: event.target.value,
-                }))
-              }
-              className="input-field w-full"
-              placeholder="Project name"
-            />
-
-            <textarea
-              value={projectForm.description}
-              onChange={(event) =>
-                setProjectForm((prev) => ({
-                  ...prev,
-                  description: event.target.value,
-                }))
-              }
-              className="input-field min-h-28 w-full resize-none"
-              placeholder="What is this project trying to ship?"
-            />
-
-            <select
-              value={projectForm.wakatime_project_name}
-              onChange={(event) =>
-                setProjectForm((prev) => ({
-                  ...prev,
-                  wakatime_project_name: event.target.value,
-                }))
-              }
-              className="input-field w-full"
-            >
-              <option value="">No WakaTime binding</option>
-              {wakaProjects.map((project) => (
-                <option key={project.name} value={project.name}>
-                  {project.name} ({formatHours(project.total_seconds)})
-                </option>
-              ))}
-            </select>
-          </div>
-
-          <div className="mt-5 flex justify-end gap-2">
-            <button
-              onClick={() => setProjectModalOpen(false)}
-              className="rounded-xl px-3 py-2 text-sm text-gray-500"
-            >
-              Cancel
-            </button>
-            <button
-              onClick={createProject}
-              disabled={submittingProject || !projectForm.name.trim()}
-              className={`btn-primary px-4 py-2 text-sm ${
-                submittingProject || !projectForm.name.trim()
-                  ? "cursor-not-allowed opacity-50"
-                  : ""
-              }`}
-            >
-              Create Project
-            </button>
-          </div>
-        </ModalShell>
-      ) : null}
-
-      {issueModalOpen ? (
-        <ModalShell
-          title="Create Issue"
-          subtitle="Drop a new card into the right delivery lane."
-          onClose={() => setIssueModalOpen(false)}
-        >
-          <div className="space-y-3">
-            <select
-              value={selectedColumn ?? ""}
-              onChange={(event) => setSelectedColumn(event.target.value)}
-              className="input-field w-full"
-            >
-              {availableColumns.map((column) => (
-                <option key={column.id} value={column.id}>
-                  {column.title}
-                </option>
-              ))}
-            </select>
-
-            <input
-              placeholder="Issue title"
-              value={issueForm.title}
-              onChange={(event) =>
-                setIssueForm((prev) => ({ ...prev, title: event.target.value }))
-              }
-              className="input-field w-full"
-            />
-
-            <input
-              placeholder="Tag or scope"
-              value={issueForm.tag}
-              onChange={(event) =>
-                setIssueForm((prev) => ({ ...prev, tag: event.target.value }))
-              }
-              className="input-field w-full"
-            />
-
-            <div className="grid grid-cols-2 gap-3">
-              <select
-                value={issueForm.type}
-                onChange={(event) =>
-                  setIssueForm((prev) => ({
-                    ...prev,
-                    type: event.target.value,
-                  }))
-                }
-                className="input-field w-full"
-              >
-                <option value="bug">Bug</option>
-                <option value="feature">Feature</option>
-                <option value="chore">Chore</option>
-              </select>
-
-              <select
-                value={issueForm.priority}
-                onChange={(event) =>
-                  setIssueForm((prev) => ({
-                    ...prev,
-                    priority: event.target.value,
-                  }))
-                }
-                className="input-field w-full"
-              >
-                <option value="p0">P0</option>
-                <option value="p1">P1</option>
-                <option value="p2">P2</option>
-              </select>
-            </div>
-          </div>
-
-          <div className="mt-5 flex justify-end gap-2">
-            <button
-              onClick={() => setIssueModalOpen(false)}
-              className="rounded-xl px-3 py-2 text-sm text-gray-500"
-            >
-              Cancel
-            </button>
-            <button
-              onClick={createIssue}
-              disabled={submittingIssue || !issueForm.title.trim()}
-              className={`btn-primary px-4 py-2 text-sm ${
-                submittingIssue || !issueForm.title.trim()
-                  ? "cursor-not-allowed opacity-50"
-                  : ""
-              }`}
-            >
-              Create Issue
-            </button>
-          </div>
-        </ModalShell>
-      ) : null}
-    </div>
-  );
-}
-
-function OverviewCard({
-  label,
-  value,
-  sub,
-}: {
-  label: string;
-  value: string;
-  sub: string;
-}) {
-  return (
-    <div className="rounded-2xl border border-gray-200 bg-white p-4 shadow-sm">
-      <p className="text-xs uppercase tracking-[0.2em] text-gray-500">
-        {label}
-      </p>
-      <p className="mt-2 text-2xl font-semibold text-gray-900">{value}</p>
-      <p className="mt-1 text-xs text-gray-500">{sub}</p>
-    </div>
-  );
-}
-
-function EmptyPanel({ title, body }: { title: string; body: string }) {
-  return (
-    <div className="rounded-2xl border border-dashed border-gray-200 bg-gray-50 p-5 text-center">
-      <p className="text-sm font-semibold text-gray-900">{title}</p>
-      <p className="mt-1 text-sm text-gray-500">{body}</p>
-    </div>
-  );
-}
-
-function ModalShell({
-  title,
-  subtitle,
-  children,
-  onClose,
-}: {
-  title: string;
-  subtitle: string;
-  children: ReactNode;
-  onClose: () => void;
-}) {
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-gray-900/50 p-4 backdrop-blur-sm">
-      <div className="glass-card w-full max-w-xl border-gray-200 p-5 md:p-6">
-        <div className="flex items-start justify-between gap-4">
-          <div>
-            <h2 className="text-xl font-semibold text-gray-900">{title}</h2>
-            <p className="mt-1 text-sm text-gray-500">{subtitle}</p>
-          </div>
-          <button
-            onClick={onClose}
-            className="rounded-full border border-gray-200 px-3 py-1 text-sm text-gray-500 hover:bg-gray-50"
-          >
-            Close
-          </button>
-        </div>
-        <div className="mt-5">{children}</div>
-      </div>
-    </div>
-  );
-}
-
-function Column({
-  column,
-  onAdd,
-}: {
-  column: { id: string; title: string; items: KanbanIssue[] };
-  onAdd: () => void;
-}) {
-  const { setNodeRef } = useDroppable({
-    id: column.id,
-    data: { column_id: column.id },
-  });
-
-  return (
-    <div
-      ref={setNodeRef}
-      className="rounded-3xl border border-gray-200 bg-gray-50 p-4 h-full"
-    >
-      <div className="flex items-center justify-between gap-3">
-        <div>
-          <h3 className="text-sm font-semibold uppercase tracking-[0.2em] text-gray-600">
-            {column.title}
-          </h3>
-          <p className="mt-1 text-xs text-gray-500">
-            {column.items.length} card{column.items.length === 1 ? "" : "s"}
-          </p>
-        </div>
-        <button
-          onClick={onAdd}
-          className="rounded-full border border-gray-200 bg-white px-3 py-1 text-xs text-gray-600 transition hover:border-blue-300 hover:text-blue-600"
-        >
-          Add
-        </button>
-      </div>
-
-      <div className="mt-4 space-y-3">
-        {column.items.map((item) => (
-          <IssueCard key={item.id} item={item} columnId={column.id} />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function IssueCard({
-  item,
-  columnId,
-}: {
-  item: KanbanIssue;
-  columnId: string;
-}) {
-  const { setNodeRef, listeners, attributes, transform, isDragging } =
-    useDraggable({
-      id: item.id,
-      data: { column_id: columnId },
-    });
-
-  return (
-    <div
-      ref={setNodeRef}
-      {...listeners}
-      {...attributes}
-      style={{
-        transform: transform
-          ? `translate3d(${transform.x}px, ${transform.y}px, 0)`
-          : undefined,
-        zIndex: isDragging ? 50 : undefined,
-      }}
-      className={`cursor-grab rounded-2xl border border-gray-200 bg-white p-4 shadow-sm active:cursor-grabbing ${isDragging ? "shadow-lg opacity-95" : ""}`}
-    >
-      <div className="flex items-center justify-between gap-3 text-xs text-gray-500">
-        <span>{item.issue_key}</span>
-        {item.tag ? (
-          <span className="rounded-full border border-gray-200 px-2 py-1">
-            {item.tag}
-          </span>
-        ) : null}
-      </div>
-
-      <p className="mt-3 text-sm font-medium text-gray-900">{item.title}</p>
-
-      <div className="mt-3 flex flex-wrap gap-2 text-[11px] text-gray-500">
-        <span className="rounded-full border border-gray-200 px-2 py-1 uppercase">
-          {item.type}
-        </span>
-        <span className="rounded-full border border-gray-200 px-2 py-1 uppercase">
-          {item.priority}
-        </span>
-      </div>
-    </div>
-  );
-}
diff --git a/app/lib/auth.ts b/app/lib/auth.ts
index 16207bf..0a7c811 100644
--- a/app/lib/auth.ts
+++ b/app/lib/auth.ts
@@ -114,31 +114,6 @@ export const { handlers, auth, signIn, signOut } = NextAuth({
         update: {},
       });
 
-      const globalConversationId = process.env.GLOBAL_CONVERSATION_ID;
-      if (globalConversationId && user.email) {
-        await prisma.conversation.upsert({
-          where: { id: globalConversationId },
-          create: { id: globalConversationId, type: "GLOBAL" },
-          update: {},
-        });
-
-        await prisma.conversationParticipant.upsert({
-          where: {
-            conversation_id_user_id: {
-              conversation_id: globalConversationId,
-              user_id: user.id,
-            },
-          },
-          create: {
-            conversation_id: globalConversationId,
-            user_id: user.id,
-            email: user.email,
-            type: "global",
-          },
-          update: {},
-        });
-      }
-
       void account;
       return true;
     },
diff --git a/app/lib/emitter.ts b/app/lib/emitter.ts
deleted file mode 100644
index 0d304fe..0000000
--- a/app/lib/emitter.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { EventEmitter } from "events";
-
-const globalForEmitter = globalThis as unknown as { emitter: EventEmitter };
-
-export const emitter = globalForEmitter.emitter ?? new EventEmitter();
-emitter.setMaxListeners(100);
-
-if (process.env.NODE_ENV !== "production") globalForEmitter.emitter = emitter;
diff --git a/app/lib/kanban.ts b/app/lib/kanban.ts
deleted file mode 100644
index 636b1f7..0000000
--- a/app/lib/kanban.ts
+++ /dev/null
@@ -1,282 +0,0 @@
-import { prisma } from "@/app/lib/prisma";
-
-type JsonRecord = Record<string, unknown>;
-
-interface WakaTimeProject {
-  name: string;
-  total_seconds: number;
-}
-
-interface KanbanProjectRow {
-  id: string;
-  name: string;
-  description: string | null;
-  wakatime_project_name: string | null;
-  created_at: Date;
-}
-
-interface KanbanBoardRow {
-  id: string;
-  project_id: string;
-  title: string;
-  description: string | null;
-}
-
-interface KanbanColumnRow {
-  id: string;
-  board_id: string;
-  title: string;
-  position: number;
-}
-
-interface KanbanIssueRow {
-  id: string;
-  column_id: string;
-  issue_key: string;
-  title: string;
-  tag: string | null;
-  type: string;
-  priority: string;
-  position: number;
-  created_at: Date;
-}
-
-function normalizeWakaTimeProjects(value: unknown): WakaTimeProject[] {
-  if (!Array.isArray(value)) return [];
-
-  return value
-    .map((entry) => {
-      if (!entry || typeof entry !== "object") return null;
-      const item = entry as JsonRecord;
-      const name = typeof item.name === "string" ? item.name : null;
-      if (!name) return null;
-
-      const totalSeconds =
-        typeof item.total_seconds === "number" ? item.total_seconds : 0;
-
-      return { name, total_seconds: totalSeconds };
-    })
-    .filter((entry): entry is WakaTimeProject => entry !== null)
-    .sort((a, b) => b.total_seconds - a.total_seconds);
-}
-
-export async function getKanbanProjectAccess(
-  userId: string,
-  projectId: string,
-): Promise<boolean> {
-  const rows = await prisma.$queryRaw<Array<{ id: string }>>`
-    SELECT p.id
-    FROM projects p
-    WHERE p.id = ${projectId}
-      AND (p.user_id = ${userId} OR p.user_id IS NULL)
-    LIMIT 1
-  `;
-
-  return rows.length > 0;
-}
-
-export async function getColumnAccess(
-  userId: string,
-  columnId: string,
-): Promise<{
-  column_id: string;
-  project_id: string;
-  project_name: string;
-} | null> {
-  const rows = await prisma.$queryRaw<
-    Array<{
-      column_id: string;
-      project_id: string;
-      project_name: string;
-    }>
-  >`
-    SELECT
-      c.id AS column_id,
-      p.id AS project_id,
-      p.name AS project_name
-    FROM columns c
-    INNER JOIN boards b ON b.id = c.board_id
-    INNER JOIN projects p ON p.id = b.project_id
-    WHERE c.id = ${columnId}
-      AND (p.user_id = ${userId} OR p.user_id IS NULL)
-    LIMIT 1
-  `;
-
-  return rows[0] ?? null;
-}
-
-export async function getIssueAccess(
-  userId: string,
-  issueId: string,
-): Promise<{
-  issue_id: string;
-  project_id: string;
-} | null> {
-  const rows = await prisma.$queryRaw<
-    Array<{
-      issue_id: string;
-      project_id: string;
-    }>
-  >`
-    SELECT
-      i.id AS issue_id,
-      p.id AS project_id
-    FROM issues i
-    INNER JOIN columns c ON c.id = i.column_id
-    INNER JOIN boards b ON b.id = c.board_id
-    INNER JOIN projects p ON p.id = b.project_id
-    WHERE i.id = ${issueId}
-      AND (p.user_id = ${userId} OR p.user_id IS NULL)
-    LIMIT 1
-  `;
-
-  return rows[0] ?? null;
-}
-
-export async function getNextIssueKey(projectId: string, projectName: string) {
-  const rows = await prisma.$queryRaw<Array<{ issueCount: bigint | number }>>`
-    SELECT COUNT(*) AS issueCount
-    FROM issues i
-    INNER JOIN columns c ON c.id = i.column_id
-    INNER JOIN boards b ON b.id = c.board_id
-    WHERE b.project_id = ${projectId}
-  `;
-
-  const rawCount = rows[0]?.issueCount ?? 0;
-  const issueCount =
-    typeof rawCount === "bigint" ? Number(rawCount) : Number(rawCount);
-
-  const prefix =
-    projectName
-      .replace(/[^a-zA-Z0-9 ]/g, " ")
-      .split(/\s+/)
-      .filter(Boolean)
-      .slice(0, 3)
-      .map((part) => part[0]?.toUpperCase() ?? "")
-      .join("") || "DP";
-
-  return `${prefix}-${String(issueCount + 1).padStart(3, "0")}`;
-}
-
-export async function getKanbanData(userId: string) {
-  const [projectRows, boardRows, columnRows, issueRows, userProjects] =
-    await Promise.all([
-      prisma.$queryRaw<KanbanProjectRow[]>`
-        SELECT
-          p.id,
-          p.name,
-          p.description,
-          p.wakatime_project_name,
-          p.created_at
-        FROM projects p
-        WHERE p.user_id = ${userId} OR p.user_id IS NULL
-        ORDER BY p.created_at ASC
-      `,
-      prisma.$queryRaw<KanbanBoardRow[]>`
-        SELECT
-          b.id,
-          b.project_id,
-          b.title,
-          b.description
-        FROM boards b
-        INNER JOIN projects p ON p.id = b.project_id
-        WHERE p.user_id = ${userId} OR p.user_id IS NULL
-        ORDER BY b.created_at ASC
-      `,
-      prisma.$queryRaw<KanbanColumnRow[]>`
-        SELECT
-          c.id,
-          c.board_id,
-          c.title,
-          c.position
-        FROM columns c
-        INNER JOIN boards b ON b.id = c.board_id
-        INNER JOIN projects p ON p.id = b.project_id
-        WHERE p.user_id = ${userId} OR p.user_id IS NULL
-        ORDER BY c.position ASC, c.created_at ASC
-      `,
-      prisma.$queryRaw<KanbanIssueRow[]>`
-        SELECT
-          i.id,
-          i.column_id,
-          i.issue_key,
-          i.title,
-          i.tag,
-          i.type,
-          i.priority,
-          i.position,
-          i.created_at
-        FROM issues i
-        INNER JOIN columns c ON c.id = i.column_id
-        INNER JOIN boards b ON b.id = c.board_id
-        INNER JOIN projects p ON p.id = b.project_id
-        WHERE p.user_id = ${userId} OR p.user_id IS NULL
-        ORDER BY i.position ASC, i.created_at ASC
-      `,
-      prisma.userProjects.findUnique({
-        where: { user_id: userId },
-        select: { projects: true },
-      }),
-    ]);
-
-  const projects = projectRows.map((project) => {
-    const boards = boardRows.filter((board) => board.project_id === project.id);
-    const boardIds = new Set(boards.map((board) => board.id));
-    const columns = columnRows.filter((column) =>
-      boardIds.has(column.board_id),
-    );
-    const columnIds = new Set(columns.map((column) => column.id));
-    const issues = issueRows.filter((issue) => columnIds.has(issue.column_id));
-    const doneColumnIds = new Set(
-      columns
-        .filter((column) => /done|complete/i.test(column.title))
-        .map((column) => column.id),
-    );
-    const linkedWaka = normalizeWakaTimeProjects(userProjects?.projects).find(
-      (wakaProject) => wakaProject.name === project.wakatime_project_name,
-    );
-
-    return {
-      id: project.id,
-      name: project.name,
-      description: project.description ?? "",
-      wakatime_project_name: project.wakatime_project_name ?? "",
-      created_at: project.created_at.toISOString(),
-      board_count: boards.length,
-      column_count: columns.length,
-      issue_count: issues.length,
-      completed_issue_count: issues.filter((issue) =>
-        doneColumnIds.has(issue.column_id),
-      ).length,
-      total_tracked_seconds: linkedWaka?.total_seconds ?? 0,
-    };
-  });
-
-  return {
-    projects,
-    boards: boardRows.map((board) => ({
-      id: board.id,
-      project_id: board.project_id,
-      title: board.title,
-      description: board.description ?? "",
-    })),
-    columns: columnRows.map((column) => ({
-      id: column.id,
-      board_id: column.board_id,
-      title: column.title,
-      position: column.position,
-    })),
-    issues: issueRows.map((issue) => ({
-      id: issue.id,
-      column_id: issue.column_id,
-      issue_key: issue.issue_key,
-      title: issue.title,
-      tag: issue.tag ?? "",
-      type: issue.type.toLowerCase(),
-      priority: issue.priority.toLowerCase(),
-      position: issue.position,
-      created_at: issue.created_at.toISOString(),
-    })),
-    wakatime_projects: normalizeWakaTimeProjects(userProjects?.projects),
-  };
-}
diff --git a/app/utils/media.ts b/app/utils/media.ts
deleted file mode 100644
index b3e29c7..0000000
--- a/app/utils/media.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export async function downloadRemoteMedia(url: string, filename = "media") {
-  try {
-    const res = await fetch(url);
-    if (!res.ok) throw new Error(`Download failed: ${res.status}`);
-
-    const blob = await res.blob();
-    const blobUrl = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-
-    link.href = blobUrl;
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    link.remove();
-
-    URL.revokeObjectURL(blobUrl);
-  } catch (err) {
-    console.error("Media download failed:", err);
-    window.open(url, "_blank", "noopener,noreferrer");
-  }
-}
diff --git a/package.json b/package.json
index b81a3c2..2aa7fba 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,6 @@
   },
   "dependencies": {
     "@auth/prisma-adapter": "^2.11.3",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/free-brands-svg-icons": "^7.2.0",
     "@fortawesome/free-solid-svg-icons": "^7.2.0",
@@ -30,8 +28,6 @@
     "prisma": "^6.19.3",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "react-markdown": "^10.1.0",
-    "react-syntax-highlighter": "^16.1.1",
     "react-toastify": "^11.0.5",
     "recharts": "^3.8.0"
   },
@@ -42,7 +38,6 @@
     "@types/nodemailer": "^8.0.1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@types/react-syntax-highlighter": "^15.5.13",
     "eslint": "^9",
     "eslint-config-next": "16.1.6",
     "shx": "^0.4.0",

From d9d9465bcba4144f19446dc79a7df5b19dc48a30 Mon Sep 17 00:00:00 2001
From: siddhant3895 <siddhant3895@gmail.com>
Date: Fri, 30 Oct 2026 00:59:44 +0530
Subject: [PATCH 5/8] refactor: remove chat and kanban dashboard references

---
 app/api/admin/stats/route.ts                 |  9 +++---
 app/components/admin/Dashbord.tsx            |  9 ++----
 app/components/admin/Widgets/TopInsights.tsx | 30 ++++++--------------
 app/components/dashboard/Navbar.tsx          |  3 +-
 4 files changed, 17 insertions(+), 34 deletions(-)

diff --git a/app/api/admin/stats/route.ts b/app/api/admin/stats/route.ts
index e3ee248..107ab8e 100644
--- a/app/api/admin/stats/route.ts
+++ b/app/api/admin/stats/route.ts
@@ -17,7 +17,7 @@ export async function GET() {
     return NextResponse.json({ error: "Forbidden." }, { status: 403 });
   }
 
-  const [topUserStats, threads, messages, leaderboards, flexes] =
+  const [topUserStats, leaderboards, flexes] =
     await Promise.all([
       prisma.userStats.findMany({
         select: {
@@ -35,8 +35,8 @@ export async function GET() {
           },
         },
       }),
-      prisma.conversation.count(),
-      prisma.message.count({ where: { expires_at: { gt: new Date() } } }),
+      // removed prisma.conversation.count here
+      // also removed prisma.message.count toooo
       prisma.leaderboard.count(),
       prisma.userFlex.count({ where: { expires_at: { gt: new Date() } } }),
     ]);
@@ -54,8 +54,7 @@ export async function GET() {
 
   return NextResponse.json({
     users,
-    totalThreads: threads,
-    totalMessages: messages,
+    // removed excess code from here too
     totalLeaderboards: leaderboards,
     totalFlexes: flexes,
   });
diff --git a/app/components/admin/Dashbord.tsx b/app/components/admin/Dashbord.tsx
index da48ccf..3fcf748 100644
--- a/app/components/admin/Dashbord.tsx
+++ b/app/components/admin/Dashbord.tsx
@@ -18,12 +18,11 @@ type CategoryStat = {
 export default function Dashboard() {
   const [loading, setLoading] = useState(false);
   const [users, setUsers] = useState<UserStat[]>([]);
-  const [totalThreads, setTotalThreads] = useState(0);
-  const [totalMessages, setTotalMessages] = useState(0);
+  // used backspace on two lines
   const [totalLeaderboards, setTotalLeaderboards] = useState(0);
   const [totalFlexes, setTotalFlexes] = useState(0);
   const categoryMap: Record<string, CategoryStat> = {};
-
+ // made use of backspace here too
   useEffect(() => {
     async function fetchStats() {
       setLoading(true);
@@ -31,8 +30,6 @@ export default function Dashboard() {
       if (res.ok) {
         const data = await res.json();
         setUsers(data.users ?? []);
-        setTotalThreads(data.totalThreads ?? 0);
-        setTotalMessages(data.totalMessages ?? 0);
         setTotalLeaderboards(data.totalLeaderboards ?? 0);
         setTotalFlexes(data.totalFlexes ?? 0);
       }
@@ -108,8 +105,6 @@ export default function Dashboard() {
       <TopInsights
         totalUsers={totalUsers}
         totalSeconds={totalSeconds}
-        totalThreads={totalThreads}
-        totalMessages={totalMessages}
       />
 
       <FeatureInsights
diff --git a/app/components/admin/Widgets/TopInsights.tsx b/app/components/admin/Widgets/TopInsights.tsx
index 078a7a5..9054f4c 100644
--- a/app/components/admin/Widgets/TopInsights.tsx
+++ b/app/components/admin/Widgets/TopInsights.tsx
@@ -1,13 +1,13 @@
+// tried my best to make changes to the exsisting code but then decided to re-write it completly 
+
+"use client";
+
 export default function TopInsights({
   totalUsers,
   totalSeconds,
-  totalThreads,
-  totalMessages,
 }: {
   totalUsers: number;
   totalSeconds: number;
-  totalThreads: number;
-  totalMessages: number;
 }) {
   return (
     <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
@@ -25,23 +25,11 @@ export default function TopInsights({
           {Math.floor(totalSeconds / 3600)} hrs
         </h2>
         <p className="text-xs text-gray-500">
-          (Average: {Math.floor(totalSeconds / totalUsers / 3600)} hrs/user)
-        </p>
-      </div>
-
-      <div className="glass-card p-8">
-        <p className="text-sm text-gray-500">Total Threads</p>
-        <h2 className="text-2xl font-bold">{totalThreads}</h2>
-        <p className="text-xs text-gray-500">
-          (Average: {Math.floor(totalThreads / 30)} threads/day)
-        </p>
-      </div>
-
-      <div className="glass-card p-8">
-        <p className="text-sm text-gray-500">Total Messages</p>
-        <h2 className="text-2xl font-bold">{totalMessages}</h2>
-        <p className="text-xs text-gray-500">
-          (Average: {Math.floor(totalMessages / totalThreads)} msgs/thread)
+          (Average:{" "}
+          {totalUsers > 0
+            ? Math.floor(totalSeconds / totalUsers / 3600)
+            : 0}{" "}
+          hrs/user)
         </p>
       </div>
     </div>
diff --git a/app/components/dashboard/Navbar.tsx b/app/components/dashboard/Navbar.tsx
index 26e608c..0b50384 100644
--- a/app/components/dashboard/Navbar.tsx
+++ b/app/components/dashboard/Navbar.tsx
@@ -91,7 +91,8 @@ const navItems: NavItem[] = [
 // Primary items shown directly in the bottom nav (mobile).
 // Keep this to 4 so the "More" button fits as the 5th slot.
 // added this after removing faMessages
-const BOTTOM_NAV_HREFS = ["/d", "/d/kanban", "/d/leaderboards"];
+const BOTTOM_NAV_HREFS = ["/d", "/d/", "/d/leaderboards"];
+// removed the last remaining kanban related code
 
 export default function DashboardLayout({
   email,

From 4edbb1916b93149bd1618edbcbbb11ebb257bc43 Mon Sep 17 00:00:00 2001
From: siddhant3895/2310 <siddhant3895@gmail.com>
Date: Fri, 30 Oct 2026 11:27:28 +0530
Subject: [PATCH 6/8] Update bottom navigation links in Navbar component

---
 app/components/dashboard/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/dashboard/Navbar.tsx b/app/components/dashboard/Navbar.tsx
index 0b50384..2be2b8b 100644
--- a/app/components/dashboard/Navbar.tsx
+++ b/app/components/dashboard/Navbar.tsx
@@ -91,7 +91,7 @@ const navItems: NavItem[] = [
 // Primary items shown directly in the bottom nav (mobile).
 // Keep this to 4 so the "More" button fits as the 5th slot.
 // added this after removing faMessages
-const BOTTOM_NAV_HREFS = ["/d", "/d/", "/d/leaderboards"];
+const BOTTOM_NAV_HREFS = ["/d", "/d/flex", "/d/leaderboards"];
 // removed the last remaining kanban related code
 
 export default function DashboardLayout({

From b5c9cdab465a3ddae36a8237803413db8170ffbd Mon Sep 17 00:00:00 2001
From: siddhant3895/2310 <siddhant3895@gmail.com>
Date: Fri, 30 Oct 2026 11:29:29 +0530
Subject: [PATCH 7/8] Delete Projects component from dashboard widgets

Removed the entire Projects component implementation.
---
 app/components/dashboard/widgets/Projects.tsx | 64 -------------------
 1 file changed, 64 deletions(-)

diff --git a/app/components/dashboard/widgets/Projects.tsx b/app/components/dashboard/widgets/Projects.tsx
index 3e0c486..8b13789 100644
--- a/app/components/dashboard/widgets/Projects.tsx
+++ b/app/components/dashboard/widgets/Projects.tsx
@@ -1,65 +1 @@
-import { formatHours } from "@/app/utils/time";
-import { StatsData } from "../Stats";
 
-export default function Projects({
-  stats,
-  animated,
-}: {
-  stats: StatsData;
-  animated: boolean;
-}) {
-  const projectsList = stats.projects || [];
-  const totalProjectSeconds = projectsList.reduce(
-    (acc, curr) => acc + curr.total_seconds,
-    0,
-  );
-
-  return (
-    <>
-      <div>
-        <div className="glass-card p-6 h-full flex flex-col">
-          <h3 className="text-sm font-semibold text-gray-900 mb-4 lg:mb-6">
-            Top Projects
-          </h3>
-
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 flex-1">
-            {projectsList.slice(0, 6).map((project, idx) => {
-              const percent =
-                totalProjectSeconds > 0
-                  ? (project.total_seconds / totalProjectSeconds) * 100
-                  : 0;
-              return (
-                <div key={idx}>
-                  <div className="flex flex-col gap-1 mb-2">
-                    <span className="text-sm text-gray-600 font-medium truncate block">
-                      {project.name}
-                    </span>
-                    <div className="flex items-center justify-between text-xs font-mono">
-                      <span className="text-gray-500">
-                        {formatHours(project.total_seconds)}
-                      </span>
-                      <span className="text-blue-500 font-semibold">
-                        {percent.toFixed(0)}%
-                      </span>
-                    </div>
-                  </div>
-                  <div className="h-1.5 w-full bg-gray-200 rounded-full overflow-hidden">
-                    <div
-                      className="h-full bg-blue-500 rounded-full transition-all duration-[2000ms] ease-in-out"
-                      style={{ width: animated ? `${percent}%` : "0%" }}
-                    />
-                  </div>
-                </div>
-              );
-            })}
-            {projectsList.length === 0 && (
-              <p className="text-sm text-gray-500 text-center py-2">
-                No project data.
-              </p>
-            )}
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}

From 88960bc44d6ac436b55f05750717b8ac01922f46 Mon Sep 17 00:00:00 2001
From: siddhant3895/2310 <siddhant3895@gmail.com>
Date: Fri, 30 Oct 2026 11:29:54 +0530
Subject: [PATCH 8/8] Delete app/components/dashboard/widgets/Projects.tsx

---
 app/components/dashboard/widgets/Projects.tsx | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 app/components/dashboard/widgets/Projects.tsx

diff --git a/app/components/dashboard/widgets/Projects.tsx b/app/components/dashboard/widgets/Projects.tsx
deleted file mode 100644
index 8b13789..0000000
--- a/app/components/dashboard/widgets/Projects.tsx
+++ /dev/null
@@ -1 +0,0 @@
-