fix(comment): align mention audience with entity visibility

apps/web/src/components/comments/CommentInput.tsx

@@ -1,12 +1,13 @@
 "use client";
 
+import type { CommentEntityType } from "@capakraken/shared";
 import { createPortal } from "react-dom";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { trpc } from "~/lib/trpc/client.js";
 import { useAnchoredOverlay } from "~/hooks/useAnchoredOverlay.js";
 
 interface CommentInputProps {
-  entityType: "estimate";
+  entityType: CommentEntityType;
   entityId: string;
   parentId?: string;
   onSubmit: (body: string) => void;
@@ -23,8 +24,8 @@ interface MentionCandidate {
 }
 
 export function CommentInput({
-  entityType: _entityType,
-  entityId: _entityId,
+  entityType,
+  entityId,
   parentId: _parentId,
   onSubmit,
   onCancel,
@@ -38,25 +39,17 @@ export function CommentInput({
   const [cursorPosition, setCursorPosition] = useState(0);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
 
-  // Fetch users for mention autocomplete (only when needed)
-  const usersQuery = trpc.user.listAssignable.useQuery(undefined, {
+  const usersQuery = trpc.comment.listMentionCandidates.useQuery({
+    entityType,
+    entityId,
+    ...(mentionQuery && mentionQuery.length > 0 ? { query: mentionQuery } : {}),
+  }, {
     enabled: mentionQuery !== null,
     staleTime: 60_000,
   });
 
-  const users = usersQuery.data ?? [];
-
-  // Filter users based on mention query
   const filteredUsers: MentionCandidate[] =
-    mentionQuery !== null
-      ? users.filter((u) => {
-          const q = mentionQuery.toLowerCase();
-          return (
-            (u.name?.toLowerCase().includes(q) ?? false) ||
-            u.email.toLowerCase().includes(q)
-          );
-        }).slice(0, 8)
-      : [];
+    mentionQuery !== null ? (usersQuery.data ?? []).slice(0, 8) : [];
   const mentionOpen = mentionQuery !== null && filteredUsers.length > 0;
   const { panelRef, position } = useAnchoredOverlay<HTMLTextAreaElement>({
     open: mentionOpen,