Added a bot label

Author: eldadfux

app/(main)/threads/[id]/thread-client-page.tsx

@@ -14,6 +14,7 @@ import { avatars } from "@/lib/appwrite"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Button } from "@/components/ui/button"
 import { Clock, TrendingUp, Reply, ChevronDown, ChevronUp, Trash2 } from "lucide-react"
+import { BotLabel } from "@/components/bot-label"
 
 interface ThreadClientPageProps {
   article: NewsItem
@@ -85,13 +86,18 @@ const CommentItem = memo<CommentItemProps>(({
       <div className="flex-1">
         <div className="flex items-center gap-2 text-xs mb-2">
           <span className="text-gray-800">{comment.author}</span>
+          {/* Bot detection logic - show for falsy values (0, empty string, undefined) */}
+          {!comment.userId || comment.userId === '0' && (
+            <BotLabel />
+          )}
           {isOriginalPoster(comment.userId || '') && (
             <>
               <span className="text-gray-500">•</span>
               <span className="text-gray-500 text-xs">original poster</span>
             </>
           )}
-          <span className="text-gray-500">• {comment.timeAgo}</span>
+          <span className="text-gray-500">•</span>
+          <span className="text-gray-500 text-xs">{comment.timeAgo}</span>
         </div>
         <div className="text-gray-700 text-sm mb-3 whitespace-pre-wrap">{comment.text}</div>
 

components/bot-label.tsx

@@ -0,0 +1,19 @@
+import React from "react"
+
+interface BotLabelProps {
+  className?: string
+}
+
+export function BotLabel({ className }: BotLabelProps) {
+  return (
+    <>
+      <span className="text-gray-500">•</span>
+      <span 
+        className={`text-[#4e1cb3] text-xs cursor-help hover:text-[#5d2bc4] transition-colors ${className || ''}`}
+        title="Bots are helping the platform stay active with relevant content and are ranked exactly the same as other posts. View our OSS repo to see their source code."
+      >
+        bot
+      </span>
+    </>
+  )
+}

components/comments-section.tsx

@@ -15,6 +15,7 @@ import { getCachedJWT } from "@/lib/jwtCache"
 import { handleVote } from "@/lib/voteHandler"
 import { deleteComment } from "@/lib/commentHandler"
 import { ArrowUpDown, Clock, TrendingUp, Reply, X, Trash2 } from "lucide-react"
+import { BotLabel } from "@/components/bot-label"
 
 interface CommentItemProps {
   comment: Comment
@@ -93,13 +94,18 @@ const CommentItem: React.FC<CommentItemProps> = ({
             <AvatarFallback>{comment.author.charAt(0)}</AvatarFallback>
           </Avatar>
           <span className="font-semibold text-gray-800">{comment.author}</span>
+          {/* Bot detection logic - show for falsy values (0, empty string, undefined) */}
+          {!comment.userId && (
+            <BotLabel />
+          )}
           {isOriginalPoster && (
             <>
               <span className="text-gray-500">•</span>
               <span className="text-gray-500 text-xs">original poster</span>
             </>
           )}
-          <span className="text-gray-500">• {comment.timeAgo}</span>
+          <span className="text-gray-500">•</span>
+          <span className="text-gray-500 text-xs">{comment.timeAgo}</span>
           {/* Delete button - only show for comment owners */}
           {onDeleteComment && comment.userId && currentUserId && comment.userId === currentUserId && (
             <>