organify-ui 0.3.21 → 0.3.23

package/dist/index.d.ts

@@ -189,6 +189,20 @@ declare function seedUserCache(users: ResolvedUser[]): void;
  */
 declare function useResolvedUser(userId: string | number | undefined | null): ResolvedUser | null | undefined;
 
+interface UserDisplayNameProps {
+    /** User ID — used for self-fetch when `name` is not provided. */
+    userId?: string | number;
+    /** Display name override — when present, skips the fetch entirely. */
+    name?: string;
+    /** Fallback text shown while loading. Defaults to '…' */
+    loadingFallback?: string;
+    /** Extra CSS classes applied to the wrapping <span>. */
+    className?: string;
+    /** Inline style overrides. */
+    style?: React.CSSProperties;
+}
+declare function UserDisplayName({ userId, name: nameProp, loadingFallback, className, style, }: UserDisplayNameProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Tooltip — Organic glass tooltip
  *
@@ -716,7 +730,8 @@ interface TaskLabel {
 }
 interface TaskAssignee {
     id: string;
-    name: string;
+    /** Optional — when absent, UserAvatar/UserDisplayName will self-fetch by `id` */
+    name?: string;
     avatarUrl?: string;
 }
 interface TaskSubtask {
@@ -825,13 +840,15 @@ interface TaskCardData {
     /** Single assignee (legacy support) */
     assignee?: {
         id?: string;
-        name: string;
+        /** Optional — when absent, UserAvatar will self-fetch by `id` */
+        name?: string;
         avatarUrl?: string | null;
     } | null;
     /** Multiple assignees - recommended approach */
     assignees?: Array<{
         id: string;
-        name: string;
+        /** Optional — when absent, UserAvatar/UserDisplayName will self-fetch by `id` */
+        name?: string;
         avatarUrl?: string | null;
     }>;
     /** Assign to a group instead of individuals */
@@ -898,11 +915,7 @@ interface TaskCardProps$1 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'on
     }>;
     onAddAssignee?: (taskId: string) => void;
     onRemoveAssignee?: (taskId: string, assigneeId: string) => void;
-    onToggleAssignee?: (taskId: string, assignee: {
-        id: string;
-        name: string;
-        avatarUrl?: string;
-    }) => void;
+    onToggleAssignee?: (taskId: string, assignee: TaskAssignee) => void;
     availableUsers?: Array<{
         id: string;
         name: string;
@@ -956,7 +969,7 @@ interface KanbanTask {
     } | string>;
     assignee?: {
         id?: string;
-        name: string;
+        name?: string;
         avatarUrl?: string;
     };
     assignees?: Array<{
@@ -1590,4 +1603,4 @@ interface InviteMemberDialogProps {
 }
 declare function InviteMemberDialog({ open, onOpenChange, workspaceSlug: propWorkspaceSlug, workspaceId: _deprecated, onInvited, }: InviteMemberDialogProps): react_jsx_runtime.JSX.Element;
 
-export { type ActivityAction, type ActivityEntry, ActivityTrail, type ActivityTrailProps, ActivityTrailSkeleton, Alert, type AlertProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, type BoardItem, BoardSkeleton, BoardsSwitcher, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CURRENT_USER_KEY, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type Comment, type CommentAuthor, CommentItem, type CommentReaction, CommentThread, type CommentThreadProps, CreateEpicDialog, type CreateEpicDialogProps, CreateProjectDialog, type CreateProjectDialogProps, CreateSprintDialog, type CreateSprintDialogProps, CreateTaskDialog, type CreateTaskDialogProps, CreateWorkspaceDialog, type CreateWorkspaceDialogProps, DashboardSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, DockButton, type DockEntry, type DockItem, type DockProps, DockSidebar, type DockSidebarProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, GeometricIcon, type GeometricIconProps, GlassPanel, type GlassPanelProps, type GqlEndpoint, Input, type InputProps, InviteMemberDialog, type InviteMemberDialogProps, KanbanBoard, type KanbanBoardProps, Column as KanbanColumn, type KanbanColumnData, type KanbanTask, TaskCard as KanbanTaskCard, Label, Logo, type LogoProps, MemberListSkeleton, MetricCard, type MetricCardProps, MetricCardSkeleton, OrgLoader, OrgLoaderInline, type OrgLoaderProps, type OrganifyApiConfig, OrganifyContext, type OrganifyContextValue, type OrganifyProject, OrganifyProvider, type OrganifyProviderProps, type OrganifyUser, type OrganifyWorkspace, PlanBadge, type PlanBadgeProps, type PlanLimit, type PlanTier, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, type ProgressProps, ProjectListSkeleton, type ResolvedUser, ResponsiveDialog, type ResponsiveDialogProps, type RestEndpoint, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, type SidebarNavEntry, type SidebarNavItem, Skeleton, SkeletonCard, type SkeletonProps, type Sprint, SprintFilter, SprintSkeleton, StatusPill, type StatusPillProps, StepCircle, StepConnector, type StepStatus, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TaskAssignee, TaskCard$1 as TaskCard, type TaskCardData, type TaskCardProps$1 as TaskCardProps, TaskCardSkeleton, type TaskDetailData, TaskDetailDialog, type TaskDetailDialogProps, TaskDetailPanel, type TaskDetailPanelProps, TaskDetailSheet, type TaskDetailSheetProps, type TaskLabel, TaskListSkeleton, type TaskPriority, type TaskStatus, type TaskSubtask, Textarea, Toast, ToastProgress, type ToastProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseCurrentUserReturn, UserAvatar, type UserAvatarProps, WorkspaceSwitcher, type WorkspaceSwitcherProps, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, emptyMediaVariants, geometricIconVariants, glassPanelVariants, inputVariants, invalidateUserCache, metricCardVariants, orgLoaderVariants, priorityConfig, resolveUser, seedUserCache, statusPillVariants, useCurrentUser, useMediaQuery, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace, useResolvedUser };
+export { type ActivityAction, type ActivityEntry, ActivityTrail, type ActivityTrailProps, ActivityTrailSkeleton, Alert, type AlertProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, type BoardItem, BoardSkeleton, BoardsSwitcher, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CURRENT_USER_KEY, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type Comment, type CommentAuthor, CommentItem, type CommentReaction, CommentThread, type CommentThreadProps, CreateEpicDialog, type CreateEpicDialogProps, CreateProjectDialog, type CreateProjectDialogProps, CreateSprintDialog, type CreateSprintDialogProps, CreateTaskDialog, type CreateTaskDialogProps, CreateWorkspaceDialog, type CreateWorkspaceDialogProps, DashboardSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, DockButton, type DockEntry, type DockItem, type DockProps, DockSidebar, type DockSidebarProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, GeometricIcon, type GeometricIconProps, GlassPanel, type GlassPanelProps, type GqlEndpoint, Input, type InputProps, InviteMemberDialog, type InviteMemberDialogProps, KanbanBoard, type KanbanBoardProps, Column as KanbanColumn, type KanbanColumnData, type KanbanTask, TaskCard as KanbanTaskCard, Label, Logo, type LogoProps, MemberListSkeleton, MetricCard, type MetricCardProps, MetricCardSkeleton, OrgLoader, OrgLoaderInline, type OrgLoaderProps, type OrganifyApiConfig, OrganifyContext, type OrganifyContextValue, type OrganifyProject, OrganifyProvider, type OrganifyProviderProps, type OrganifyUser, type OrganifyWorkspace, PlanBadge, type PlanBadgeProps, type PlanLimit, type PlanTier, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, type ProgressProps, ProjectListSkeleton, type ResolvedUser, ResponsiveDialog, type ResponsiveDialogProps, type RestEndpoint, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, type SidebarNavEntry, type SidebarNavItem, Skeleton, SkeletonCard, type SkeletonProps, type Sprint, SprintFilter, SprintSkeleton, StatusPill, type StatusPillProps, StepCircle, StepConnector, type StepStatus, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TaskAssignee, TaskCard$1 as TaskCard, type TaskCardData, type TaskCardProps$1 as TaskCardProps, TaskCardSkeleton, type TaskDetailData, TaskDetailDialog, type TaskDetailDialogProps, TaskDetailPanel, type TaskDetailPanelProps, TaskDetailSheet, type TaskDetailSheetProps, type TaskLabel, TaskListSkeleton, type TaskPriority, type TaskStatus, type TaskSubtask, Textarea, Toast, ToastProgress, type ToastProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseCurrentUserReturn, UserAvatar, type UserAvatarProps, UserDisplayName, type UserDisplayNameProps, WorkspaceSwitcher, type WorkspaceSwitcherProps, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, emptyMediaVariants, geometricIconVariants, glassPanelVariants, inputVariants, invalidateUserCache, metricCardVariants, orgLoaderVariants, priorityConfig, resolveUser, seedUserCache, statusPillVariants, useCurrentUser, useMediaQuery, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace, useResolvedUser };

package/dist/index.js

@@ -5,7 +5,7 @@ export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
 export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, ResponsiveDialog, Separator, Label, Input, Textarea, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-SNGMKLFD.js';
 export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, InlineAiButton, Input, Label, MOCK_PROJECTS, MOCK_USERS, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, orgLoaderVariants, typingIndicator, useAiInline, useChat } from './chunk-SNGMKLFD.js';
-import { cn, useOrganifyApi, Avatar, AvatarImage, AvatarFallback, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Skeleton, useOrganify, useOrganifyGql, useOrganifyUser, Badge, ScrollArea, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject } from './chunk-276ZWKXB.js';
+import { cn, useOrganifyApi, useOrganify, Avatar, AvatarImage, AvatarFallback, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Skeleton, useOrganifyGql, useOrganifyUser, Badge, ScrollArea, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject } from './chunk-276ZWKXB.js';
 export { Avatar, AvatarFallback, AvatarImage, Badge, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, OrganifyContext, OrganifyProvider, ScrollArea, ScrollBar, Skeleton, SkeletonCard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, badgeVariants, cn, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace } from './chunk-276ZWKXB.js';
 import { OrgDiamond, OrgPlus, OrgComment, OrgEdit, OrgTrash, OrgSprint, OrgCheckCircle, OrgAttachment, OrgCalendar, OrgMail, OrgBoard, OrgRocket, OrgWarning, OrgFlag, OrgShield, OrgZap, OrgStar } from './chunk-MZKEDV5W.js';
 export { OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgCelebrate, OrgChart, OrgChat, OrgCheck, OrgCheckCircle, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgCreditCard, OrgDeveloper, OrgDiamond, OrgDoor, OrgDownload, OrgEdit, OrgError, OrgExecutive, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgInfo, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMail, OrgMention, OrgMenu, OrgMoon, OrgPMO, OrgPause, OrgPlay, OrgPlus, OrgProjectManager, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStakeholder, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgTutorial, OrgUnlock, OrgUpload, OrgUser, OrgWarning, OrgWave, OrgWordmark, OrgWorkflow, OrgWorkspace, OrgZap } from './chunk-MZKEDV5W.js';
@@ -134,7 +134,18 @@ function seedUserCache(users) {
 }
 function useResolvedUser(userId) {
   const api = useOrganifyApi();
+  const { user: currentUser } = useOrganify();
   const key = userId != null ? String(userId) : void 0;
+  if (currentUser?.id != null) {
+    const ck = String(currentUser.id);
+    if (!_cache.has(ck)) {
+      _cache.set(ck, {
+        id: currentUser.id,
+        name: currentUser.name ?? "",
+        avatarUrl: currentUser.avatarUrl ?? void 0
+      });
+    }
+  }
   const [user, setUser] = useState(() => {
     if (!key) return void 0;
     return _cache.has(key) ? _cache.get(key) : void 0;
@@ -153,6 +164,12 @@ function useResolvedUser(userId) {
       cancelled = true;
     };
   }, [key, api.gatewayUrl]);
+  useEffect(() => {
+    if (!key || !currentUser?.id) return;
+    if (String(currentUser.id) === key) {
+      setUser(_cache.get(key) ?? null);
+    }
+  }, [key, currentUser]);
   return user;
 }
 function getInitials(name) {
@@ -263,6 +280,26 @@ function UserAvatar({
   ] }) });
 }
 UserAvatar.displayName = "UserAvatar";
+function UserDisplayName({
+  userId,
+  name: nameProp,
+  loadingFallback = "\u2026",
+  className,
+  style
+}) {
+  const resolved = useResolvedUser(!nameProp && userId != null ? userId : null);
+  const isLoading = !nameProp && userId != null && resolved === void 0;
+  const displayName = nameProp ?? resolved?.name ?? (isLoading ? loadingFallback : "?");
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(isLoading && "animate-pulse opacity-60", className),
+      style,
+      title: displayName,
+      children: displayName
+    }
+  );
+}
 var Progress = React5.forwardRef(({ className, value, showLabel, label, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
   (label || showLabel) && /* @__PURE__ */ jsxs("div", { className: "flex items-end justify-between", children: [
     label && /* @__PURE__ */ jsx("span", { className: "text-label uppercase tracking-widest text-org-text-muted", children: label }),
@@ -5631,8 +5668,25 @@ function LabelItem({ label, onRemove, showDelete = true }) {
 }
 function AssigneeItem({ assignee, onRemove, showDelete = true }) {
   return /* @__PURE__ */ jsxs("div", { className: "group relative inline-flex items-center gap-2 px-3 py-1.5 bg-theme-subtle border border-theme-subtle rounded-full", children: [
-    /* @__PURE__ */ jsx(Avatar, { shape: "circle", size: "sm", className: "w-5 h-5", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary/20 text-primary-light text-[10px] font-semibold", children: assignee.name.charAt(0).toUpperCase() }) }),
-    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-theme", children: assignee.name }),
+    /* @__PURE__ */ jsx(
+      UserAvatar,
+      {
+        userId: assignee.id,
+        name: assignee.name,
+        src: assignee.avatarUrl,
+        size: "sm",
+        showHoverInfo: false,
+        className: "w-5 h-5"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      UserDisplayName,
+      {
+        userId: assignee.id,
+        name: assignee.name,
+        className: "text-xs font-medium text-theme"
+      }
+    ),
     showDelete && onRemove && /* @__PURE__ */ jsx(
       "button",
       {
@@ -6022,8 +6076,8 @@ function TaskDetailContent({
         onToggleAssignee && availableUsers ? /* @__PURE__ */ jsx(
           AssigneePicker,
           {
-            selectedAssignees: task.assignees.map((a) => ({ id: a.id, name: a.name, avatarUrl: a.avatarUrl })),
-            availableUsers: availableUsers.map((a) => ({ id: a.id, name: a.name, avatarUrl: a.avatarUrl })),
+            selectedAssignees: task.assignees.map((a) => ({ id: a.id, name: a.name ?? "", avatarUrl: a.avatarUrl })),
+            availableUsers: availableUsers.map((a) => ({ id: a.id, name: a.name ?? "", avatarUrl: a.avatarUrl })),
             onToggle: (assignee) => onToggleAssignee(task.id, { id: assignee.id, name: assignee.name, avatarUrl: assignee.avatarUrl })
           }
         ) : onAddAssignee ? /* @__PURE__ */ jsxs(
@@ -6055,8 +6109,8 @@ function TaskDetailContent({
         onToggleAssigneeGroup && /* @__PURE__ */ jsx(
           AssigneePicker,
           {
-            selectedAssignees: task.assigneeGroup ? [{ id: task.assigneeGroup.id, name: task.assigneeGroup.name, avatarUrl: task.assigneeGroup.avatarUrl }] : [],
-            availableUsers: availableGroups.map((g) => ({ id: g.id, name: g.name, avatarUrl: g.avatarUrl })),
+            selectedAssignees: task.assigneeGroup ? [{ id: task.assigneeGroup.id, name: task.assigneeGroup.name ?? "", avatarUrl: task.assigneeGroup.avatarUrl }] : [],
+            availableUsers: availableGroups.map((g) => ({ id: g.id, name: g.name ?? "", avatarUrl: g.avatarUrl })),
             onToggle: (group) => {
               const isSame = task.assigneeGroup?.id === group.id;
               onToggleAssigneeGroup(task.id, isSame ? null : { id: group.id, name: group.name, avatarUrl: group.avatarUrl });
@@ -6309,7 +6363,7 @@ function toDetailData(task) {
   const labels = (task.labels || []).map(
     (label, i) => typeof label === "string" ? { id: `label-${i}`, name: label, color: "#6b7280" } : label
   );
-  const assignees = task.assignees ? task.assignees.map((a) => ({ id: a.id, name: a.name, avatarUrl: a.avatarUrl || void 0 })) : task.assignee ? [{ id: task.assignee.id || "legacy", name: task.assignee.name, avatarUrl: task.assignee.avatarUrl || void 0 }] : [];
+  const assignees = task.assignees ? task.assignees.map((a) => ({ id: a.id, name: a.name, avatarUrl: a.avatarUrl || void 0 })) : task.assignee ? [{ id: task.assignee.id || "legacy", name: task.assignee.name ?? void 0, avatarUrl: task.assignee.avatarUrl || void 0 }] : [];
   return {
     id: task.id,
     title: task.title,
@@ -6498,6 +6552,7 @@ function TaskCard({
               task.assignees.slice(0, 2).map((assignee) => /* @__PURE__ */ jsx(
                 UserAvatar,
                 {
+                  userId: assignee.id,
                   name: assignee.name,
                   src: assignee.avatarUrl,
                   size: "sm",
@@ -6510,7 +6565,6 @@ function TaskCard({
                 "div",
                 {
                   className: "w-5 h-5 rounded-full bg-primary/10 flex items-center justify-center text-[10px] font-bold text-primary-light border border-primary/20",
-                  title: task.assignees.slice(2).map((a) => a.name).join(", "),
                   children: [
                     "+",
                     task.assignees.length - 2
@@ -6518,10 +6572,33 @@ function TaskCard({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-theme-muted truncate max-w-24", children: task.assignees[0].name })
+            /* @__PURE__ */ jsx(
+              UserDisplayName,
+              {
+                userId: task.assignees[0].id,
+                name: task.assignees[0].name,
+                className: "text-xs text-theme-muted truncate max-w-24"
+              }
+            )
           ] }) : task.assignee ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center text-[10px] font-semibold text-primary-light", children: task.assignee.name.charAt(0) }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-theme-muted truncate max-w-24", children: task.assignee.name })
+            /* @__PURE__ */ jsx(
+              UserAvatar,
+              {
+                userId: task.assignee.id,
+                name: task.assignee.name,
+                src: task.assignee.avatarUrl,
+                size: "sm",
+                className: "h-5 w-5"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              UserDisplayName,
+              {
+                userId: task.assignee.id,
+                name: task.assignee.name,
+                className: "text-xs text-theme-muted truncate max-w-24"
+              }
+            )
           ] }) : null,
           !compact && task.dueDate && /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(DueDateBadge, { date: task.dueDate }) }),
           /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 h-3 w-3 border-b border-r border-primary/20" })
@@ -6678,8 +6755,25 @@ function TaskDetailDialog({
             {
               className: "flex items-center gap-2 px-3 py-2 bg-muted rounded-full",
               children: [
-                /* @__PURE__ */ jsx("div", { className: "w-6 h-6 rounded-full bg-primary/20 flex items-center justify-center text-xs font-bold", children: assignee.name[0] }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: assignee.name })
+                /* @__PURE__ */ jsx(
+                  UserAvatar,
+                  {
+                    userId: assignee.id,
+                    name: assignee.name,
+                    src: assignee.avatarUrl,
+                    size: "sm",
+                    showHoverInfo: false,
+                    className: "w-6 h-6"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  UserDisplayName,
+                  {
+                    userId: assignee.id,
+                    name: assignee.name,
+                    className: "text-sm font-medium"
+                  }
+                )
               ]
             },
             assignee.id
@@ -6898,8 +6992,8 @@ function TaskCard2({
           ] })
         ] }),
         task.assignee && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
-          /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center text-[10px] font-semibold text-primary-light", children: task.assignee.name.charAt(0) }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-theme-muted", children: task.assignee.name })
+          /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-primary/20 flex items-center justify-center text-[10px] font-semibold text-primary-light", children: task.assignee.name?.charAt(0) ?? "?" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-theme-muted", children: task.assignee.name ?? "" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 h-3 w-3 border-b border-r border-primary/20" })
       ]
@@ -9536,6 +9630,6 @@ function InviteMemberDialog({
   );
 }
 
-export { ActivityTrail, ActivityTrailSkeleton, BoardSkeleton, BoardsSwitcher, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, CURRENT_USER_KEY, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentItem, CommentThread, CreateEpicDialog, CreateProjectDialog, CreateSprintDialog, CreateTaskDialog, CreateWorkspaceDialog, DashboardSkeleton, Dock, DockButton, DockSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, GeometricIcon, GlassPanel, InviteMemberDialog, KanbanBoard, Column as KanbanColumn, TaskCard2 as KanbanTaskCard, Logo, MemberListSkeleton, MetricCard, MetricCardSkeleton, PlanBadge, Progress, ProjectListSkeleton, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, SprintFilter, SprintSkeleton, StatusPill, StepCircle, StepConnector, Stepper, Switch, TaskCard, TaskCardSkeleton, TaskDetailDialog, TaskDetailPanel, TaskDetailSheet, TaskListSkeleton, Toast, ToastProgress, Toaster, Toggle, UserAvatar, WorkspaceSwitcher, emptyMediaVariants, geometricIconVariants, glassPanelVariants, invalidateUserCache, metricCardVariants, priorityConfig, resolveUser, seedUserCache, statusPillVariants, useCurrentUser, useMediaQuery, useResolvedUser };
+export { ActivityTrail, ActivityTrailSkeleton, BoardSkeleton, BoardsSwitcher, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, CURRENT_USER_KEY, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentItem, CommentThread, CreateEpicDialog, CreateProjectDialog, CreateSprintDialog, CreateTaskDialog, CreateWorkspaceDialog, DashboardSkeleton, Dock, DockButton, DockSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, GeometricIcon, GlassPanel, InviteMemberDialog, KanbanBoard, Column as KanbanColumn, TaskCard2 as KanbanTaskCard, Logo, MemberListSkeleton, MetricCard, MetricCardSkeleton, PlanBadge, Progress, ProjectListSkeleton, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, SprintFilter, SprintSkeleton, StatusPill, StepCircle, StepConnector, Stepper, Switch, TaskCard, TaskCardSkeleton, TaskDetailDialog, TaskDetailPanel, TaskDetailSheet, TaskListSkeleton, Toast, ToastProgress, Toaster, Toggle, UserAvatar, UserDisplayName, WorkspaceSwitcher, emptyMediaVariants, geometricIconVariants, glassPanelVariants, invalidateUserCache, metricCardVariants, priorityConfig, resolveUser, seedUserCache, statusPillVariants, useCurrentUser, useMediaQuery, useResolvedUser };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map