organify-ui 0.3.7 → 0.3.8

package/dist/index.js

@@ -1,10 +1,10 @@
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-SAYB3NN2.js';
 export { NotificationBell, NotificationItem, NotificationList, OrganifyNotifications, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceAvatarStack, PresenceIndicator, useNotifications, usePresence } from './chunk-SAYB3NN2.js';
 export { createAiClient, useAiChat, useAiCommand, useAiSuggest, useAiUsage } from './chunk-NV4RWAQ2.js';
-export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
 export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Separator, ResponsiveDialog, Label, Input, Textarea, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-F7LW2OMM.js';
-export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, 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-F7LW2OMM.js';
+export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Separator, ResponsiveDialog, Label, Input, Textarea, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-HFX2XZKZ.js';
+export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, 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-HFX2XZKZ.js';
 import { cn, Avatar, AvatarImage, AvatarFallback, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Skeleton, useOrganify, useOrganifyGql, ScrollArea, useOrganifyUser, useOrganifyApi, Badge, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject } from './chunk-VHQZS77G.js';
 export { Avatar, AvatarFallback, AvatarImage, Badge, OrganifyContext, OrganifyProvider, ScrollArea, ScrollBar, Skeleton, SkeletonCard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, badgeVariants, cn, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace } from './chunk-VHQZS77G.js';
 import { OrgDiamond, OrgPlus, OrgComment, OrgEdit, OrgTrash, OrgCheckCircle, OrgAttachment, OrgCalendar, OrgMail, OrgBoard, OrgSprint, OrgRocket, OrgWarning, OrgFlag, OrgShield, OrgZap, OrgStar } from './chunk-MZKEDV5W.js';
@@ -4159,17 +4159,12 @@ function SheetContent({
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
-        style: {
-          background: "var(--org-bg-elevated, #110E22)",
-          color: "var(--org-text, #F0ECF9)",
-          borderColor: "var(--org-glass-border, rgba(167,139,250,0.15))"
-        },
         className: cn(
-          "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-xl transition ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l-2 sm:max-w-sm",
-          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r-2 sm:max-w-sm",
-          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b-2",
-          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t-2",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-2xl dark:shadow-[0_0_40px_rgba(124,58,237,0.15)] transition ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=closed]:duration-300 data-[state=open]:duration-500 !bg-white dark:!bg-[#0D0A1A] !text-gray-900 dark:!text-gray-100 border-gray-200 dark:!border-gray-800",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
           className
         ),
         ...props,
@@ -5154,6 +5149,7 @@ function getInitials4(name) {
 function AssigneePicker({
   selectedAssignees,
   availableUsers,
+  availableGroups = [],
   onToggle,
   trigger,
   disabled = false,
@@ -5166,12 +5162,51 @@ function AssigneePicker({
   const filteredUsers = availableUsers.filter(
     (user) => user.name.toLowerCase().includes(search.toLowerCase()) || user.email?.toLowerCase().includes(search.toLowerCase())
   );
+  const filteredGroups = availableGroups.filter(
+    (group) => group.name.toLowerCase().includes(search.toLowerCase())
+  );
+  const renderItem = (item) => {
+    const isSelected = selectedIds.has(item.id);
+    const isDisabled = !isSelected && !canAddMore;
+    const isGroup = item.type === "GROUP";
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => !isDisabled && onToggle(item),
+        disabled: isDisabled,
+        className: cn(
+          "w-full flex items-center gap-3 px-2 py-2 rounded text-left",
+          "hover:bg-theme-subtle transition-colors",
+          isSelected && "bg-primary/10",
+          isDisabled && "opacity-50 cursor-not-allowed"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(Avatar, { shape: isGroup ? "square" : "circle", size: "sm", className: "w-7 h-7 shrink-0", children: [
+            item.avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: item.avatarUrl, alt: item.name }),
+            /* @__PURE__ */ jsx(AvatarFallback, { className: cn(
+              "text-[10px]",
+              isGroup ? "bg-amber-500/20 text-amber-400" : "bg-primary/20 text-primary-light"
+            ), children: getInitials4(item.name) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-theme font-medium truncate", children: item.name }),
+              isGroup && /* @__PURE__ */ jsx("span", { className: "text-[10px] px-1.5 py-0.5 rounded bg-amber-500/10 text-amber-400 border border-amber-500/20 uppercase font-bold", children: "Group" })
+            ] }),
+            item.email && /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted truncate", children: item.email })
+          ] }),
+          isSelected && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-primary-light shrink-0" })
+        ]
+      },
+      item.id
+    );
+  };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, disabled, children: trigger ?? /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "sm", className: "h-7 px-2 text-xs", children: [
       /* @__PURE__ */ jsx(Plus, { className: "w-3 h-3 mr-1" }),
       "Adicionar"
     ] }) }),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-64 p-0", align: "start", children: [
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-64 p-0 shadow-glass-xl border-theme-subtle bg-theme-surface/90 backdrop-blur-md", align: "start", children: [
       /* @__PURE__ */ jsx("div", { className: "p-2 border-b border-theme-subtle", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-theme-muted" }),
         /* @__PURE__ */ jsx(
@@ -5179,41 +5214,23 @@ function AssigneePicker({
           {
             value: search,
             onChange: (e) => setSearch(e.target.value),
-            placeholder: "Buscar usu\xE1rio...",
-            className: "h-8 pl-8 text-sm",
+            placeholder: "Buscar...",
+            className: "h-8 pl-8 text-sm bg-theme-void/50",
             autoFocus: true
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-1", children: filteredUsers.length > 0 ? filteredUsers.map((user) => {
-        const isSelected = selectedIds.has(user.id);
-        const isDisabled = !isSelected && !canAddMore;
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => !isDisabled && onToggle(user),
-            disabled: isDisabled,
-            className: cn(
-              "w-full flex items-center gap-3 px-2 py-2 rounded text-left",
-              "hover:bg-theme-subtle transition-colors",
-              isSelected && "bg-primary/10",
-              isDisabled && "opacity-50 cursor-not-allowed"
-            ),
-            children: [
-              /* @__PURE__ */ jsxs(Avatar, { shape: "circle", size: "sm", className: "w-7 h-7 shrink-0", children: [
-                user.avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: user.avatarUrl, alt: user.name }),
-                /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary/20 text-primary-light text-[10px]", children: getInitials4(user.name) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-theme font-medium truncate", children: user.name }),
-                user.email && /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted truncate", children: user.email })
-              ] }),
-              isSelected && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-primary-light shrink-0" })
-            ]
-          },
-          user.id
-        );
-      }) : /* @__PURE__ */ jsx("p", { className: "px-2 py-6 text-sm text-theme-muted text-center", children: "Nenhum usu\xE1rio encontrado" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "max-h-64 overflow-y-auto p-1 py-2 custom-scrollbar", children: [
+        filteredGroups.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "px-2 pb-1 text-[10px] font-bold text-theme-muted uppercase tracking-wider", children: "Grupos" }),
+          filteredGroups.map(renderItem)
+        ] }),
+        filteredUsers.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+          filteredGroups.length > 0 && /* @__PURE__ */ jsx("p", { className: "px-2 pt-2 pb-1 text-[10px] font-bold text-theme-muted uppercase tracking-wider border-t border-theme-subtle/50 mt-2", children: "Usu\xE1rios" }),
+          filteredUsers.map(renderItem)
+        ] }),
+        filteredUsers.length === 0 && filteredGroups.length === 0 && /* @__PURE__ */ jsx("p", { className: "px-2 py-6 text-sm text-theme-muted text-center", children: "Nenhum resultado encontrado" })
+      ] }),
       maxAssignees && /* @__PURE__ */ jsx("div", { className: "p-2 border-t border-theme-subtle", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-theme-muted text-center", children: [
         selectedAssignees.length,
         "/",
@@ -6805,8 +6822,13 @@ function KanbanBoard({
   className,
   externalDnD = false,
   onTaskUpdate,
+  onToggleLabel,
+  onCreateLabel,
+  availableLabels,
   onAddLabel,
   onRemoveLabel,
+  onToggleAssignee,
+  availableUsers,
   onAddAssignee,
   onRemoveAssignee,
   onAddSubtask,
@@ -7028,8 +7050,13 @@ function KanbanBoard({
         open: sheetOpen,
         onOpenChange: setSheetOpen,
         onUpdate: onTaskUpdate,
+        onToggleLabel,
+        onCreateLabel,
+        availableLabels,
         onAddLabel,
         onRemoveLabel,
+        onToggleAssignee,
+        availableUsers,
         onAddAssignee,
         onRemoveAssignee,
         onAddSubtask,
@@ -7277,6 +7304,456 @@ function PlanBadge({ variant = "badge", ...props }) {
       return /* @__PURE__ */ jsx(PlanBadgeMini, { ...props });
   }
 }
+function BoardsSwitcher({
+  boards,
+  activeBoardId,
+  onBoardChange,
+  onCreateBoard,
+  compact = false,
+  className
+}) {
+  const [isOpen, setIsOpen] = React5.useState(false);
+  const [isCreating, setIsCreating] = React5.useState(false);
+  const [newBoardName, setNewBoardName] = React5.useState("");
+  const dropdownRef = React5.useRef(null);
+  const createInputRef = React5.useRef(null);
+  React5.useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+        setIsCreating(false);
+        setNewBoardName("");
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  React5.useEffect(() => {
+    if (isCreating) createInputRef.current?.focus();
+  }, [isCreating]);
+  const activeBoard = boards.find((b) => b.id === activeBoardId);
+  const handleCreate = () => {
+    const trimmed = newBoardName.trim();
+    if (trimmed) {
+      onCreateBoard?.(trimmed);
+      setNewBoardName("");
+      setIsCreating(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: dropdownRef, className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        className: cn(
+          "flex items-center gap-2 rounded-xl px-3 py-2",
+          "bg-theme-glass backdrop-blur-md border border-theme-subtle",
+          "text-theme hover:bg-theme-highlight",
+          "transition-all duration-[400ms]",
+          compact && "px-2"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "w-3 h-3 rounded shrink-0",
+              style: { backgroundColor: activeBoard?.color || "#7C3AED" }
+            }
+          ),
+          !compact && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate max-w-[140px] sm:max-w-[200px]", children: activeBoard?.name || "Selecionar board" }),
+            /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", className: cn("transition-transform shrink-0", isOpen && "rotate-180"), children: /* @__PURE__ */ jsx("path", { d: "M2.5 3.75L5 6.25L7.5 3.75", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }) })
+          ] })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx("div", { className: cn(
+      "absolute top-full left-0 mt-1 z-50 min-w-[240px]",
+      "bg-elevated/95 backdrop-blur-xl border border-theme-subtle rounded-xl shadow-2xl",
+      "animate-in fade-in slide-in-from-top-2 duration-200"
+    ), children: /* @__PURE__ */ jsxs("div", { className: "p-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "max-h-[240px] overflow-y-auto scrollbar-none space-y-0.5", children: boards.map((board) => {
+        const isActive = board.id === activeBoardId;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => {
+              onBoardChange(board.id);
+              setIsOpen(false);
+            },
+            className: cn(
+              "w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs",
+              "transition-colors",
+              isActive ? "bg-primary/10 text-primary-light" : "text-theme hover:bg-theme-highlight"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "w-2.5 h-2.5 rounded shrink-0",
+                  style: { backgroundColor: board.color || "#7C3AED" }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 text-left truncate", children: board.name }),
+              board.visibility === "private" && /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", className: "text-theme-muted shrink-0", children: [
+                /* @__PURE__ */ jsx("rect", { x: "3", y: "7", width: "10", height: "7", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" }),
+                /* @__PURE__ */ jsx("path", { d: "M5 7V5a3 3 0 016 0v2", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
+              ] }),
+              board.isDefault && /* @__PURE__ */ jsx(Badge, { className: "text-[9px] px-1.5 py-0 h-4 bg-primary/10 text-primary-light border-primary/20", children: "Padr\xE3o" }),
+              board.taskCount != null && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-theme-muted", children: board.taskCount })
+            ]
+          },
+          board.id
+        );
+      }) }),
+      onCreateBoard && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "h-px bg-theme-subtle my-1" }),
+        isCreating ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: createInputRef,
+            value: newBoardName,
+            onChange: (e) => setNewBoardName(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") handleCreate();
+              if (e.key === "Escape") {
+                setIsCreating(false);
+                setNewBoardName("");
+              }
+            },
+            placeholder: "Nome do board...",
+            className: "w-full text-xs text-theme bg-transparent outline-none placeholder:text-theme-muted"
+          }
+        ) }) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setIsCreating(true),
+            className: "w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs text-theme-muted hover:text-theme hover:bg-theme-highlight transition-colors",
+            children: [
+              /* @__PURE__ */ jsx(OrgPlus, { className: "w-3 h-3" }),
+              "Criar board"
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+BoardsSwitcher.displayName = "BoardsSwitcher";
+var statusConfig2 = {
+  ACTIVE: { label: "Ativa", className: "bg-emerald-500/15 text-emerald-400 border-emerald-500/30" },
+  PLANNED: { label: "Planeada", className: "bg-blue-500/15 text-blue-400 border-blue-500/30" },
+  COMPLETED: { label: "Conclu\xEDda", className: "bg-theme-highlight text-theme-muted border-theme-subtle" }
+};
+function SprintFilter({
+  sprints,
+  activeSprint,
+  selectedSprintId,
+  onSprintChange,
+  className
+}) {
+  const [isOpen, setIsOpen] = React5.useState(false);
+  const dropdownRef = React5.useRef(null);
+  React5.useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const selectedSprint = selectedSprintId ? sprints.find((s) => s.id === selectedSprintId) : null;
+  const displayLabel = selectedSprint ? selectedSprint.name : selectedSprintId === null ? "Todas as tarefas" : activeSprint?.name ?? "Todas as tarefas";
+  const sortedSprints = React5.useMemo(() => {
+    const order = { ACTIVE: 0, PLANNED: 1, COMPLETED: 2 };
+    return [...sprints].sort((a, b) => (order[a.status] ?? 9) - (order[b.status] ?? 9));
+  }, [sprints]);
+  return /* @__PURE__ */ jsxs("div", { ref: dropdownRef, className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => setIsOpen(!isOpen),
+        className: cn(
+          "h-8 gap-2 text-xs font-medium px-3",
+          "bg-theme-glass border border-theme-subtle",
+          "text-theme hover:bg-theme-highlight"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M3 8h10M5 4h6M7 12h2", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }),
+          /* @__PURE__ */ jsx("span", { className: "truncate max-w-[120px] sm:max-w-[200px]", children: displayLabel }),
+          /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", className: cn("transition-transform", isOpen && "rotate-180"), children: /* @__PURE__ */ jsx("path", { d: "M2.5 3.75L5 6.25L7.5 3.75", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }) })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx("div", { className: cn(
+      "absolute top-full left-0 mt-1 z-50 min-w-[220px]",
+      "bg-elevated/95 backdrop-blur-xl border border-theme-subtle rounded-xl shadow-2xl",
+      "animate-in fade-in slide-in-from-top-2 duration-200"
+    ), children: /* @__PURE__ */ jsxs("div", { className: "p-1.5 max-h-[280px] overflow-y-auto scrollbar-none", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            onSprintChange(null);
+            setIsOpen(false);
+          },
+          className: cn(
+            "w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs",
+            "transition-colors",
+            selectedSprintId === null ? "bg-primary/10 text-primary-light" : "text-theme-muted hover:bg-theme-highlight hover:text-theme"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "w-2 h-2 rounded-full bg-theme-muted shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: "Todas as tarefas" })
+          ]
+        }
+      ),
+      sortedSprints.length > 0 && /* @__PURE__ */ jsx("div", { className: "h-px bg-theme-subtle my-1" }),
+      sortedSprints.map((sprint) => {
+        const config = statusConfig2[sprint.status];
+        const isSelected = selectedSprintId === sprint.id;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => {
+              onSprintChange(sprint.id);
+              setIsOpen(false);
+            },
+            className: cn(
+              "w-full flex items-center gap-2 px-3 py-2 rounded-lg text-xs",
+              "transition-colors",
+              isSelected ? "bg-primary/10 text-primary-light" : "text-theme hover:bg-theme-highlight"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn("w-2 h-2 rounded-full shrink-0", {
+                    "bg-emerald-400": sprint.status === "ACTIVE",
+                    "bg-blue-400": sprint.status === "PLANNED",
+                    "bg-theme-muted": sprint.status === "COMPLETED"
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 text-left truncate", children: sprint.name }),
+              /* @__PURE__ */ jsx(Badge, { className: cn("text-[9px] px-1.5 py-0 h-4 border", config.className), children: config.label }),
+              sprint.taskCount != null && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-theme-muted", children: sprint.taskCount })
+            ]
+          },
+          sprint.id
+        );
+      }),
+      sortedSprints.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-xs text-theme-muted", children: "Nenhuma sprint criada" })
+    ] }) })
+  ] });
+}
+SprintFilter.displayName = "SprintFilter";
+var actionConfig = {
+  TASK_CREATED: { icon: "\uFF0B", color: "text-emerald-400", label: "criou tarefa" },
+  TASK_MOVED: { icon: "\u2192", color: "text-blue-400", label: "moveu tarefa" },
+  TASK_UPDATED: { icon: "\u270E", color: "text-amber-400", label: "atualizou tarefa" },
+  TASK_DELETED: { icon: "\u2715", color: "text-rose-400", label: "eliminou tarefa" },
+  TASK_COMPLETED: { icon: "\u2713", color: "text-emerald-400", label: "concluiu tarefa" },
+  TASK_ASSIGNED: { icon: "\u{1F464}", color: "text-blue-400", label: "atribuiu tarefa" },
+  COMMENT_ADDED: { icon: "\u{1F4AC}", color: "text-primary-light", label: "comentou" },
+  SPRINT_STARTED: { icon: "\u{1F3C3}", color: "text-emerald-400", label: "iniciou sprint" },
+  SPRINT_COMPLETED: { icon: "\u{1F3C1}", color: "text-theme-muted", label: "concluiu sprint" },
+  BOARD_CREATED: { icon: "\u{1F4CB}", color: "text-primary-light", label: "criou board" },
+  COLUMN_CREATED: { icon: "\u2590", color: "text-blue-400", label: "criou coluna" },
+  MEMBER_ADDED: { icon: "\u2795", color: "text-emerald-400", label: "adicionou membro" },
+  MEMBER_REMOVED: { icon: "\u2796", color: "text-rose-400", label: "removeu membro" },
+  LABEL_ADDED: { icon: "\u{1F3F7}", color: "text-amber-400", label: "etiquetou" },
+  ATTACHMENT_ADDED: { icon: "\u{1F4CE}", color: "text-blue-400", label: "anexou ficheiro" },
+  PRIORITY_CHANGED: { icon: "\u26A1", color: "text-amber-400", label: "alterou prioridade" },
+  DUE_DATE_SET: { icon: "\u{1F4C5}", color: "text-blue-400", label: "definiu prazo" },
+  REPORT_GENERATED: { icon: "\u{1F4CA}", color: "text-primary-light", label: "gerou relat\xF3rio" }
+};
+var FILTER_GROUPS = [
+  { label: "Tarefas", actions: ["TASK_CREATED", "TASK_MOVED", "TASK_UPDATED", "TASK_DELETED", "TASK_COMPLETED", "TASK_ASSIGNED"] },
+  { label: "Sprints", actions: ["SPRINT_STARTED", "SPRINT_COMPLETED"] },
+  { label: "Board", actions: ["BOARD_CREATED", "COLUMN_CREATED"] },
+  { label: "Equipa", actions: ["MEMBER_ADDED", "MEMBER_REMOVED", "COMMENT_ADDED"] },
+  { label: "Outros", actions: ["LABEL_ADDED", "ATTACHMENT_ADDED", "PRIORITY_CHANGED", "DUE_DATE_SET", "REPORT_GENERATED"] }
+];
+function timeAgo(timestamp) {
+  const now = Date.now();
+  const then = new Date(timestamp).getTime();
+  const diff = now - then;
+  const minutes = Math.floor(diff / 6e4);
+  if (minutes < 1) return "agora";
+  if (minutes < 60) return `${minutes}m`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d`;
+  return new Date(timestamp).toLocaleDateString("pt-BR", { day: "2-digit", month: "short" });
+}
+function groupByDate(activities) {
+  const groups = /* @__PURE__ */ new Map();
+  const today = (/* @__PURE__ */ new Date()).toDateString();
+  const yesterday = new Date(Date.now() - 864e5).toDateString();
+  for (const activity of activities) {
+    const date = new Date(activity.timestamp).toDateString();
+    let label;
+    if (date === today) label = "Hoje";
+    else if (date === yesterday) label = "Ontem";
+    else label = new Date(activity.timestamp).toLocaleDateString("pt-BR", { weekday: "long", day: "numeric", month: "long" });
+    if (!groups.has(label)) groups.set(label, []);
+    groups.get(label).push(activity);
+  }
+  return groups;
+}
+function ActivityTrail({
+  activities,
+  loading,
+  hasMore,
+  onLoadMore,
+  filterActions,
+  onFilterChange,
+  maxHeight = "600px",
+  className,
+  compact = false
+}) {
+  const [showFilters, setShowFilters] = React5.useState(false);
+  const filteredActivities = filterActions && filterActions.length > 0 ? activities.filter((a) => filterActions.includes(a.action)) : activities;
+  const grouped = groupByDate(filteredActivities);
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-theme-subtle", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-theme flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "1.2" }),
+          /* @__PURE__ */ jsx("path", { d: "M8 4.5V8L10.5 10", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
+        ] }),
+        "Registo de atividades",
+        filteredActivities.length > 0 && /* @__PURE__ */ jsx(Badge, { className: "text-[10px] bg-theme-highlight text-theme-muted border-theme-subtle", children: filteredActivities.length })
+      ] }),
+      onFilterChange && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setShowFilters(!showFilters),
+          className: cn(
+            "p-1.5 rounded-lg transition-colors text-theme-muted hover:text-theme hover:bg-theme-highlight",
+            showFilters && "bg-primary/10 text-primary-light"
+          ),
+          children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 4h12M4 8h8M6 12h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
+        }
+      )
+    ] }),
+    showFilters && onFilterChange && /* @__PURE__ */ jsx("div", { className: "px-4 py-2 border-b border-theme-subtle flex flex-wrap gap-1.5 animate-in slide-in-from-top-2 duration-200", children: FILTER_GROUPS.map((group) => {
+      const isActive = filterActions && group.actions.some((a) => filterActions.includes(a));
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => {
+            if (isActive) {
+              onFilterChange((filterActions || []).filter((a) => !group.actions.includes(a)));
+            } else {
+              onFilterChange([...filterActions || [], ...group.actions]);
+            }
+          },
+          className: cn(
+            "px-2 py-1 rounded-lg text-[10px] font-medium border transition-colors",
+            isActive ? "bg-primary/10 text-primary-light border-primary/20" : "bg-theme-subtle text-theme-muted border-theme-subtle hover:text-theme"
+          ),
+          children: group.label
+        },
+        group.label
+      );
+    }) }),
+    /* @__PURE__ */ jsx(ScrollArea, { style: { maxHeight }, className: "[&_[data-radix-scroll-area-viewport]]:scrollbar-none", children: /* @__PURE__ */ jsxs("div", { className: "px-4 py-2", children: [
+      Array.from(grouped.entries()).map(([dateLabel, entries]) => /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 py-1.5 bg-void/80 backdrop-blur-sm", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-theme-muted", children: dateLabel }) }),
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute left-3 top-0 bottom-0 w-px bg-theme-subtle" }),
+          entries.map((activity, i) => {
+            const config = actionConfig[activity.action] || actionConfig.TASK_UPDATED;
+            return /* @__PURE__ */ jsxs("div", { className: "relative flex gap-3 py-2 group", children: [
+              /* @__PURE__ */ jsx("div", { className: cn(
+                "relative z-10 w-6 h-6 rounded-full flex items-center justify-center shrink-0",
+                "bg-void border border-theme-subtle text-[10px]",
+                "group-hover:border-primary-light/30 transition-colors"
+              ), children: /* @__PURE__ */ jsx("span", { className: config.color, children: config.icon }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+                  !compact && /* @__PURE__ */ jsx(
+                    UserAvatar,
+                    {
+                      name: activity.actor.name,
+                      src: activity.actor.avatarUrl,
+                      size: "sm",
+                      className: "h-5 w-5 shrink-0 mt-0.5"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ jsxs("p", { className: "text-xs text-theme", children: [
+                      /* @__PURE__ */ jsx("span", { className: "font-medium", children: activity.actor.name }),
+                      " ",
+                      /* @__PURE__ */ jsx("span", { className: "text-theme-muted", children: config.label }),
+                      activity.target && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        " ",
+                        /* @__PURE__ */ jsx("span", { className: "font-medium text-primary-light truncate", children: activity.target.name })
+                      ] })
+                    ] }),
+                    !compact && activity.description && activity.description !== config.label && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-theme-muted mt-0.5 line-clamp-2", children: activity.description })
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-theme-muted whitespace-nowrap shrink-0", children: timeAgo(activity.timestamp) })
+                ] }),
+                activity.hash && !compact && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsxs("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", className: "text-theme-muted", children: [
+                    /* @__PURE__ */ jsx("path", { d: "M4 8h8M8 4v8", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round" }),
+                    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "1" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-[9px] font-mono text-theme-muted opacity-50 truncate max-w-[120px]", children: [
+                    activity.hash.slice(0, 16),
+                    "\u2026"
+                  ] })
+                ] })
+              ] })
+            ] }, activity.id);
+          })
+        ] })
+      ] }, dateLabel)),
+      filteredActivities.length === 0 && !loading && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
+        /* @__PURE__ */ jsxs("svg", { width: "40", height: "40", viewBox: "0 0 48 48", fill: "none", className: "text-theme-muted mb-3 opacity-40", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "18", stroke: "currentColor", strokeWidth: "1.5" }),
+          /* @__PURE__ */ jsx("path", { d: "M24 14v10l7 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-theme-muted", children: "Sem atividades registadas" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted mt-1", children: "As atividades aparecer\xE3o aqui" })
+      ] }),
+      loading && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "w-6 h-6 rounded-full" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3/4" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-1/2" })
+        ] })
+      ] }, i)) }),
+      hasMore && !loading && /* @__PURE__ */ jsx("div", { className: "flex justify-center py-3", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onLoadMore,
+          className: "text-xs text-primary-light hover:text-primary transition-colors",
+          children: "Carregar mais atividades"
+        }
+      ) })
+    ] }) })
+  ] });
+}
+ActivityTrail.displayName = "ActivityTrail";
+function ActivityTrailSkeleton({ className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-4 p-4", className), children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3 animate-pulse", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "w-6 h-6 rounded-full shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-4/5" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-2/3" })
+    ] }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-8 shrink-0" })
+  ] }, i)) });
+}
+ActivityTrailSkeleton.displayName = "ActivityTrailSkeleton";
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -8661,6 +9138,6 @@ function InviteMemberDialog({
   );
 }
 
-export { BoardSkeleton, 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, SprintSkeleton, StatusPill, StepCircle, StepConnector, Stepper, Switch, TaskCard, TaskCardSkeleton, TaskDetailDialog, TaskDetailPanel, TaskDetailSheet, TaskListSkeleton, Toast, ToastProgress, Toaster, Toggle, UserAvatar, WorkspaceSwitcher, emptyMediaVariants, geometricIconVariants, glassPanelVariants, metricCardVariants, priorityConfig, statusPillVariants, useCurrentUser, useMediaQuery };
+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, metricCardVariants, priorityConfig, statusPillVariants, useCurrentUser, useMediaQuery };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map