Merge pull request #54 from Ali1raz/rename

rename channel to team to channel, workpsace to organization

Author: Ali1raz

README.md

@@ -1,13 +1,13 @@
-# TeamFlow
+# TeamComms
 
 > An open-source, AI-powered real-time team messaging platform.
 
 ## Features
 
-- **Workspaces (Orgs)** — Create worspaces.
-- **Channels** — Organize conversations into topic-based channels within each workspace.
+- **Organizations (Orgs)** — Create organization.
+- **Teams** — Organize conversations into topic-based teams within each organization.
 - **Threaded Messages** — Reply to any message in a thread to keep conversations focused
-- **Image Uploads** — Share images directly in channels via UploadThing
+- **Image Uploads** — Share images directly in teams via UploadThing
 - **AI Message Rewrite** — Let AI rewrite your message: adjust tone, fix grammar, or improve clarity
 - **AI Thread Summarization** — Summarize long threads to catch up instantly without reading every reply
 - **Email + OAuth Auth** — Sign in with GitHub
@@ -42,8 +42,8 @@
 ### 1. Clone the repository
 
 ```bash
-git clone https://github.com/Ali1raz/team-flow.git
-cd team-flow
+git clone https://github.com/Ali1raz/team-comms.git
+cd team-comms
 ```
 
 ### 2. Install dependencies
@@ -62,7 +62,7 @@ Fill in your `.env`:
 
 ```env
 # Database
-DATABASE_URL="postgresql://user:password@localhost:5432/team-flow?schema=public"
+DATABASE_URL="postgresql://user:password@localhost:5432/team-comms?schema=public"
 
 # Auth
 BETTER_AUTH_SECRET=your_secret_here
@@ -145,7 +145,7 @@ Open [http://localhost:8787](http://localhost:8787) for wrangler dev server
 
 ## AI Features
 
-TeamFlow integrates OpenAI-compatible models via OpenRouter and the Vercel AI SDK:
+TeamComms integrates OpenAI-compatible models via OpenRouter and the Vercel AI SDK:
 
 - **Message Rewrite** — Rewrite message → click AI rewrite → Each rewrite is a streaming API call.
 - **Thread Summarization** — Click "Summarize thread" on any message thread → receive a streamed summary of the conversation.

app/(auth)/login/page.tsx

@@ -1,5 +1,5 @@
 import { LoginForm } from "../_components/login-form";
-import Logo from "@/public/team-flow.png";
+import Logo from "@/public/team-comms.png";
 import Image from "next/image";
 import Link from "next/link";
 import { auth } from "@/lib/auth";
@@ -9,7 +9,7 @@ import { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Login",
-  description: "Login to your TeamFlow account",
+  description: "Login to your TeamComms account",
   robots: { index: false, follow: false },
 };
 
@@ -30,12 +30,12 @@ export default async function LoginPage() {
         >
           <Image
             src={Logo}
-            alt="TeamFlow Logo"
+            alt="TeamComms Logo"
             width={40}
             height={40}
             className="object-cover"
           />
-          <p className="text-primary">TeamFlow</p>
+          <p className="text-primary">TeamComms</p>
         </Link>
         <LoginForm />
       </div>

app/(workspace)/layout.tsx app/(organization)/layout.tsxapp/(workspace)/layout.tsx renamed to app/(organization)/layout.tsx

@@ -19,7 +19,7 @@ import { RealtimeUserSchemaType } from "@/realtime/schema";
 import { usePresence } from "@/hooks/use-presence";
 
 export function MessageList() {
-  const { channelId } = useParams<{ channelId: string }>();
+  const { teamId } = useParams<{ teamId: string }>();
   const [hasInitialScrolled, setHasInitialScrolled] = useState(false);
   const ref = useRef<HTMLDivElement | null>(null);
   const bottomRef = useRef<HTMLDivElement | null>(null);
@@ -29,11 +29,11 @@ export function MessageList() {
 
   const infiniteOptions = orpc.message.list.infiniteOptions({
     input: (pageParams: string | undefined) => ({
-      channelId,
+      teamId,
       cursor: pageParams,
       limit: 30,
     }),
-    queryKey: ["message.list", channelId],
+    queryKey: ["message.list", teamId],
     initialPageParam: undefined,
     getNextPageParam: (lastPage) => lastPage.nextCursor,
     select: (data) => ({
@@ -62,7 +62,7 @@ export function MessageList() {
 
   const {
     data: { user },
-  } = useSuspenseQuery(orpc.workspace.list.queryOptions());
+  } = useSuspenseQuery(orpc.organization.list.queryOptions());
 
   const isNearBottom = (el: HTMLDivElement) =>
     el.scrollHeight - el.scrollTop - el.clientHeight <= 80;
@@ -180,12 +180,15 @@ export function MessageList() {
     }
   };
 
-  const { workspaceId } = useParams<{ workspaceId: string }>();
+  const { organizationId } = useParams<{ organizationId: string }>();
   const currentUser = user
     ? ({ id: user.id } satisfies RealtimeUserSchemaType)
     : null;
 
-  const { onlineusers } = usePresence({ room: workspaceId, user: currentUser });
+  const { onlineusers } = usePresence({
+    room: organizationId,
+    user: currentUser,
+  });
 
   const onlineUserIds = useMemo(
     () => new Set(onlineusers.map((u) => u.id)),
@@ -207,8 +210,8 @@ export function MessageList() {
               No messages
             </EmptyTitle>
             <EmptyDescription className="sm:w-xl w-sm sm:text-lg text-xs">
-              There are no messages in this channel yet. Start the conversation
-              by sending a new message!
+              There are no messages in this team yet. Start the conversation by
+              sending a new message!
             </EmptyDescription>
           </EmptyHeader>
         </Empty>

…workspaceId]/_components/MessageList.tsx …anizationId]/_components/MessageList.tsxapp/(workspace)/workspaces/[workspaceId]/_components/MessageList.tsx renamed to app/(organization)/organizations/[organizationId]/_components/MessageList.tsx app/(workspace)/workspaces/[workspaceId]/_components/MessageList.tsx renamed to app/(organization)/organizations/[organizationId]/_components/MessageList.tsx

@@ -13,7 +13,7 @@ import {
 } from "@/components/ui/dialog";
 import { orpc } from "@/lib/orpc";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useRealtimeChannel } from "@/components/channel-realtime-provider";
+import { useRealtimeTeam } from "@/components/team-realtime-provider";
 import { Loader2 } from "lucide-react";
 import { useParams } from "next/navigation";
 import { toast } from "sonner";
@@ -29,13 +29,13 @@ export function DeleteMessageDialog({
   messageId,
   children,
 }: DeleteMessageDialogProps) {
-  const { channelId } = useParams<{ channelId: string }>();
+  const { teamId } = useParams<{ teamId: string }>();
   const queryClient = useQueryClient();
-  const { send } = useRealtimeChannel();
+  const { send } = useRealtimeTeam();
   const [open, setOpen] = useState(false);
 
   // Must stay in sync with the key used in MessageList and EditMessageForm.
-  const messageListKey = ["message.list", channelId];
+  const messageListKey = ["message.list", teamId];
 
   const deleteMessageMutation = useMutation(
     orpc.message.delete.mutationOptions({

…spaceId]/_components/attachment-chip.tsx …ationId]/_components/attachment-chip.tsxapp/(workspace)/workspaces/[workspaceId]/_components/attachment-chip.tsx renamed to app/(organization)/organizations/[organizationId]/_components/attachment-chip.tsx app/(workspace)/workspaces/[workspaceId]/_components/attachment-chip.tsx renamed to app/(organization)/organizations/[organizationId]/_components/attachment-chip.tsx

@@ -17,7 +17,7 @@ import {
 } from "@tanstack/react-query";
 import { toast } from "sonner";
 import { useParams } from "next/navigation";
-import { useRealtimeChannel } from "@/components/channel-realtime-provider";
+import { useRealtimeTeam } from "@/components/team-realtime-provider";
 
 interface EditMessageFormProps {
   message: messageType;
@@ -37,8 +37,8 @@ export function EditMessageForm({
   onCancel,
   onSave,
 }: EditMessageFormProps) {
-  const { channelId } = useParams<{ channelId: string }>();
-  const { send } = useRealtimeChannel();
+  const { teamId } = useParams<{ teamId: string }>();
+  const { send } = useRealtimeTeam();
 
   const form = useForm<UpdateMessageSchemaType>({
     resolver: zodResolver(updateMessageSchema),
@@ -55,7 +55,7 @@ export function EditMessageForm({
 
   // The raw key that MessageList.tsx registers its infinite query under.
   // Must stay in sync with the `queryKey` option passed to infiniteOptions there.
-  const messageListKey = ["message.list", channelId];
+  const messageListKey = ["message.list", teamId];
 
   const updateMessageMutation = useMutation(
     orpc.message.update.mutationOptions({

…d]/_components/delete-message-dialog.tsx …d]/_components/delete-message-dialog.tsxapp/(workspace)/workspaces/[workspaceId]/_components/delete-message-dialog.tsx renamed to app/(organization)/organizations/[organizationId]/_components/delete-message-dialog.tsx app/(workspace)/workspaces/[workspaceId]/_components/delete-message-dialog.tsx renamed to app/(organization)/organizations/[organizationId]/_components/delete-message-dialog.tsx

@@ -18,67 +18,67 @@ import { useRouter } from "next/navigation";
 import { ReactNode, useState } from "react";
 import { toast } from "sonner";
 
-export function LeaveWorkspaceDialog({
+export function LeaveOrganizationDialog({
   children,
-  workspaceId,
+  organizationId,
 }: {
   children?: ReactNode;
-  workspaceId: string;
+  organizationId: string;
 }) {
   const [open, setOpen] = useState(false);
   const router = useRouter();
 
   const queryClient = useQueryClient();
 
-  const leaveWorkspaceMutation = useMutation(
-    orpc.workspace.leave.mutationOptions({
+  const leaveOrganizationMutation = useMutation(
+    orpc.organization.leave.mutationOptions({
       onSuccess: () => {
         queryClient.invalidateQueries({
-          queryKey: orpc.workspace.list.queryKey(),
+          queryKey: orpc.organization.list.queryKey(),
         });
         queryClient.invalidateQueries({
-          queryKey: orpc.workspace.members.list.queryKey(),
+          queryKey: orpc.organization.members.list.queryKey(),
         });
 
-        router.push("/workspaces");
-        toast.success("Workspace left successfully!");
+        router.push("/organizations");
+        toast.success("Organization left successfully!");
         setOpen(false);
       },
       onError: (error) => {
-        toast.error("Failed to leave workspace", {
+        toast.error("Failed to leave organization", {
           description: error.message,
         });
       },
     })
   );
 
   function handleConfirm() {
-    leaveWorkspaceMutation.mutate({ organizationId: workspaceId });
+    leaveOrganizationMutation.mutate({ organizationId: organizationId });
   }
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
         {children ?? (
           <Button variant="destructive" size="sm">
-            Leave Workspace
+            Leave Organization
           </Button>
         )}
       </DialogTrigger>
       <DialogContent className="sm:max-w-sm">
         <DialogHeader>
           <DialogTitle>Delete Message</DialogTitle>
           <DialogDescription>
-            Are you sure you want to leave this workspace? This action cannot be
-            undone.
+            Are you sure you want to leave this organization? This action cannot
+            be undone.
           </DialogDescription>
         </DialogHeader>
 
         <DialogFooter className="gap-2">
           <DialogClose asChild>
             <Button
               variant="outline"
-              disabled={leaveWorkspaceMutation.isPending}
+              disabled={leaveOrganizationMutation.isPending}
             >
               Cancel
             </Button>
@@ -88,15 +88,15 @@ export function LeaveWorkspaceDialog({
           <Button
             variant="destructive"
             onClick={handleConfirm}
-            disabled={leaveWorkspaceMutation.isPending}
+            disabled={leaveOrganizationMutation.isPending}
           >
-            {leaveWorkspaceMutation.isPending ? (
+            {leaveOrganizationMutation.isPending ? (
               <>
                 <Loader2 className="size-4 animate-spin" />
                 Please wait...
               </>
             ) : (
-              "Leave Workspace"
+              "Leave Organization"
             )}
           </Button>
         </DialogFooter>