handoff and collab modes support per task for @user @bucket and #note

src/components/TaskCard.tsx

@@ -1,5 +1,5 @@
 import { type Component, createMemo, For, Show } from "solid-js";
-import { type Task, calculateUrgencyFromDate, setActiveTaskId, store, copyTask, updateTask, currentTaskContext, now, getFavoriteTag, isCurrentUserContextTag, dismissTaskUpdateIndicator, isTaskUpdatedByAnotherUser, collapseTaskUntilUpdated, expandCollapsedTask, isTaskCollapsedUntilUpdated, isTaskCollaborativelyShared } from "@/store";
+import { type Task, calculateUrgencyFromDate, setActiveTaskId, store, copyTask, updateTask, currentTaskContext, now, getFavoriteTag, dismissTaskUpdateIndicator, isTaskUpdatedByAnotherUser, collapseTaskUntilUpdated, expandCollapsedTask, isTaskCollapsedUntilUpdated, isTaskCollaborativelyShared, getVisibleTaskTags } from "@/store";
 import { cn } from "@/lib/utils";
 import { Clock, ArrowUpCircle, Copy, Users2, Star, ChevronRight } from "lucide-solid";
 import { Badge } from "@/components/ui/badge";
@@ -8,7 +8,6 @@ import { getThemeAdjustedColor } from "@/lib/colors";
 import { Select, SelectContent, SelectItem, SelectTrigger } from "@/components/ui/select";
 import { getStatusOptionsForTask } from "@/lib/constants";
 import { getRecurrenceProgress } from "@/lib/recurrence";
-import { buildShareTag } from "@/lib/tags";
 import { StatusCircle } from "./StatusCircle";
 
 export const TaskCard: Component<{ task: Task, isShaking?: boolean }> = (props) => {
@@ -28,18 +27,8 @@ export const TaskCard: Component<{ task: Task, isShaking?: boolean }> = (props)
         return date.toLocaleDateString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
     };
 
-    // Filter out bucket tags if we are currently INSIDE that bucket view
     const visibleTags = createMemo(() => {
-        const tags = props.task.tags || [];
-        const ctx = currentTaskContext();
-
-        if (typeof ctx === 'object' && 'bucketId' in ctx) {
-            const bucketContext = store.contexts.find(context => context.id === ctx.bucketId);
-            const bucketTagName = buildShareTag(bucketContext?.displayName || ctx.name).toLowerCase();
-            return tags.filter(t => t.toLowerCase() !== bucketTagName && !t.endsWith("_favorite__") && !isCurrentUserContextTag(t));
-        }
-
-        return tags.filter(t => !t.endsWith("_favorite__") && !isCurrentUserContextTag(t));
+        return getVisibleTaskTags(props.task, currentTaskContext());
     });
 
     const isDueWithin12Hours = createMemo(() => {
@@ -187,13 +176,13 @@ export const TaskCard: Component<{ task: Task, isShaking?: boolean }> = (props)
                         <span class="text-[0.625rem] font-medium">P{props.task.priority}</span>
                     </div>
 
-                    {/* Shared Indicator - driven by @tag share contexts */}
+                    {/* Shared Indicator - driven by task context tags */}
                     {(() => {
                         if (props.task.shareRefs.length === 0) return null;
 
                         const tooltip = props.task.shareRefs.length === 1
-                            ? 'Shared via 1 @context'
-                            : `Shared via ${props.task.shareRefs.length} @contexts`;
+                            ? 'Shared via 1 context'
+                            : `Shared via ${props.task.shareRefs.length} contexts`;
 
                         return (
                             <div class="flex items-center gap-1 shrink-0" title={tooltip}>