organify-ui 0.3.37 → 0.3.39

package/dist/index.js

@@ -3,17 +3,17 @@ export { NotificationBell, NotificationItem, NotificationList, OrganifyNotificat
 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, UserAvatar, ResponsiveDialog, Separator, Label, Input, Textarea, Button, UserDisplayName, Tabs, TabsList, TabsTrigger, TabsContent, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-V3UZIPZA.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, UserAvatar, ResponsiveDialog, Separator, Label, Input, Textarea, Button, UserDisplayName, Tabs, TabsList, TabsTrigger, TabsContent, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogFooter, DialogClose } from './chunk-V3UZIPZA.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, UserAvatar, UserDisplayName, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, invalidateUserCache, orgLoaderVariants, resolveUser, seedUserCache, typingIndicator, useAiInline, useChat, useResolvedUser } from './chunk-V3UZIPZA.js';
 import { cn, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Skeleton, useOrganify, useOrganifyGql, Avatar, AvatarFallback, useOrganifyUser, useOrganifyApi, Badge, ScrollArea, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, AvatarImage } from './chunk-UUBQQVDM.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-UUBQQVDM.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, OrgTrash as OrgDelete, 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';
-import * as React5 from 'react';
+import * as React11 from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import { X, XIcon, GripVertical, Check, ChevronRight, Circle, Search, MoreHorizontal, AlertCircle, AlertTriangle, CheckCircle2, Info, Sparkles, Plus, Zap, Trash2, Calendar } from 'lucide-react';
+import { X, XIcon, GripVertical, Settings2, Check, ChevronRight, Circle, Search, MoreHorizontal, AlertCircle, AlertTriangle, CheckCircle2, Info, Sparkles, Plus, Zap, Trash2, Calendar, Link2, Ban, ArrowRight } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { createPortal } from 'react-dom';
@@ -27,8 +27,8 @@ export { toast } from 'sonner';
 import { useQueryClient, useQuery } from '@tanstack/react-query';
 export { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
-var Toggle = React5.forwardRef(({ className, label, description, ...props }, ref) => {
-  const id = React5.useId();
+var Toggle = React11.forwardRef(({ className, label, description, ...props }, ref) => {
+  const id = React11.useId();
   if (label) {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -70,7 +70,7 @@ var Toggle = React5.forwardRef(({ className, label, description, ...props }, ref
   );
 });
 Toggle.displayName = "Toggle";
-var Progress = React5.forwardRef(({ className, value, showLabel, label, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+var Progress = React11.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 }),
     showLabel && /* @__PURE__ */ jsxs("span", { className: "font-mono text-lg text-primary-light", children: [
@@ -248,8 +248,8 @@ function EmptyState({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React5.useState(false);
-  React5.useEffect(() => {
+  const [matches, setMatches] = React11.useState(false);
+  React11.useEffect(() => {
     const mql = window.matchMedia(query);
     setMatches(mql.matches);
     const handler = (e) => setMatches(e.matches);
@@ -674,7 +674,7 @@ function DockSidebar({
   ...props
 }) {
   const handleToggle = () => onExpandedChange?.(!expanded);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (!mobileOpen) return;
     const onKey = (e) => {
       if (e.key === "Escape") onMobileClose?.();
@@ -682,7 +682,7 @@ function DockSidebar({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [mobileOpen, onMobileClose]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (!mobileOpen) return;
     document.body.style.overflow = "hidden";
     return () => {
@@ -924,8 +924,8 @@ var DELETE_WORKSPACE_MUTATION = `
   }
 `;
 function useMediaQuery2(query) {
-  const [matches, setMatches] = React5.useState(false);
-  React5.useEffect(() => {
+  const [matches, setMatches] = React11.useState(false);
+  React11.useEffect(() => {
     const mql = window.matchMedia(query);
     setMatches(mql.matches);
     const handler = (e) => setMatches(e.matches);
@@ -945,13 +945,13 @@ function WorkspaceSwitcher({ compact = false, onCreateWorkspace, className }) {
     onWorkspaceChange
   } = useOrganify();
   const gql = useOrganifyGql();
-  const [isOpen, setIsOpen] = React5.useState(false);
-  const [createDialogOpen, setCreateDialogOpen] = React5.useState(false);
-  const [editingWorkspace, setEditingWorkspace] = React5.useState(null);
-  const [deletingWorkspace, setDeletingWorkspace] = React5.useState(null);
-  const dropdownRef = React5.useRef(null);
+  const [isOpen, setIsOpen] = React11.useState(false);
+  const [createDialogOpen, setCreateDialogOpen] = React11.useState(false);
+  const [editingWorkspace, setEditingWorkspace] = React11.useState(null);
+  const [deletingWorkspace, setDeletingWorkspace] = React11.useState(null);
+  const dropdownRef = React11.useRef(null);
   const isMobile = useMediaQuery2("(max-width: 767px)");
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (isMobile) return;
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -961,7 +961,7 @@ function WorkspaceSwitcher({ compact = false, onCreateWorkspace, className }) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isMobile]);
-  const handleCreateWorkspace = React5.useCallback(
+  const handleCreateWorkspace = React11.useCallback(
     async (data) => {
       const optimisticId = `temp-${Date.now()}`;
       const optimisticSlug = data.name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
@@ -1001,7 +1001,7 @@ function WorkspaceSwitcher({ compact = false, onCreateWorkspace, className }) {
     },
     [workspaces, gql, onWorkspacesChange, onWorkspaceChange, onCreateWorkspace]
   );
-  const handleUpdateWorkspace = React5.useCallback(
+  const handleUpdateWorkspace = React11.useCallback(
     async (slug, data) => {
       const prevWorkspaces = [...workspaces];
       const prevActive = workspace;
@@ -1036,7 +1036,7 @@ function WorkspaceSwitcher({ compact = false, onCreateWorkspace, className }) {
     },
     [workspaces, workspace, gql, onWorkspacesChange, onWorkspaceChange]
   );
-  const handleDeleteWorkspace = React5.useCallback(
+  const handleDeleteWorkspace = React11.useCallback(
     async (slug) => {
       const prevWorkspaces = [...workspaces];
       const prevActive = workspace;
@@ -1266,7 +1266,7 @@ function SwitcherItem({
   onEdit,
   onDelete
 }) {
-  const [showActions, setShowActions] = React5.useState(false);
+  const [showActions, setShowActions] = React11.useState(false);
   const isOptimistic = ws.id.startsWith("temp-");
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -1340,11 +1340,11 @@ function CreateWorkspaceInlineDialog({
   onOpenChange,
   onSubmit
 }) {
-  const [name, setName] = React5.useState("");
-  const [description, setDescription] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  const [error, setError] = React5.useState("");
-  React5.useEffect(() => {
+  const [name, setName] = React11.useState("");
+  const [description, setDescription] = React11.useState("");
+  const [loading, setLoading] = React11.useState(false);
+  const [error, setError] = React11.useState("");
+  React11.useEffect(() => {
     if (open) {
       setName("");
       setDescription("");
@@ -1417,11 +1417,11 @@ function EditWorkspaceDialog({
   workspace,
   onSubmit
 }) {
-  const [name, setName] = React5.useState("");
-  const [description, setDescription] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  const [error, setError] = React5.useState("");
-  React5.useEffect(() => {
+  const [name, setName] = React11.useState("");
+  const [description, setDescription] = React11.useState("");
+  const [loading, setLoading] = React11.useState(false);
+  const [error, setError] = React11.useState("");
+  React11.useEffect(() => {
     if (open && workspace) {
       setName(workspace.name);
       setDescription(workspace.description ?? "");
@@ -1495,10 +1495,10 @@ function DeleteWorkspaceDialog({
   workspace,
   onConfirm
 }) {
-  const [loading, setLoading] = React5.useState(false);
-  const [error, setError] = React5.useState("");
-  const [confirmText, setConfirmText] = React5.useState("");
-  React5.useEffect(() => {
+  const [loading, setLoading] = React11.useState(false);
+  const [error, setError] = React11.useState("");
+  const [confirmText, setConfirmText] = React11.useState("");
+  React11.useEffect(() => {
     if (open) {
       setError("");
       setConfirmText("");
@@ -4225,9 +4225,9 @@ function CommentItem({
   onDelete,
   onReact
 }) {
-  const [editing, setEditing] = React5.useState(false);
-  const [editContent, setEditContent] = React5.useState(comment.content);
-  const [showReactions, setShowReactions] = React5.useState(false);
+  const [editing, setEditing] = React11.useState(false);
+  const [editContent, setEditContent] = React11.useState(comment.content);
+  const [showReactions, setShowReactions] = React11.useState(false);
   const isAuthor = comment.author.id === currentUser.id;
   const isPending = comment._status === "pending";
   const isError = comment._status === "error";
@@ -4391,9 +4391,9 @@ function CommentInput({
   compact = false,
   alwaysExpanded = true
 }) {
-  const [content, setContent] = React5.useState("");
-  const textareaRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [content, setContent] = React11.useState("");
+  const textareaRef = React11.useRef(null);
+  React11.useEffect(() => {
     if (autoFocus && textareaRef.current) {
       textareaRef.current.focus();
     }
@@ -4513,7 +4513,7 @@ function CommentThread({
     displayName: providerUser?.name ?? "",
     avatarUrl: providerUser?.avatarUrl ?? null
   };
-  const effectiveOnFetch = React5.useCallback(
+  const effectiveOnFetch = React11.useCallback(
     async (_entityType, _entityId) => {
       if (onFetch) return onFetch(_entityType, _entityId);
       const data = await gql(
@@ -4532,7 +4532,7 @@ function CommentThread({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [gql, onFetch]
   );
-  const effectiveOnAdd = React5.useCallback(
+  const effectiveOnAdd = React11.useCallback(
     async (input) => {
       if (onAdd) return onAdd(input);
       const data = await gql(
@@ -4549,7 +4549,7 @@ function CommentThread({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [gql, onAdd, currentUser.id]
   );
-  const effectiveOnEdit = React5.useCallback(
+  const effectiveOnEdit = React11.useCallback(
     async (commentId, content) => {
       if (onEdit) return onEdit(commentId, content);
       const data = await gql(
@@ -4571,7 +4571,7 @@ function CommentThread({
     },
     [gql, onEdit]
   );
-  const effectiveOnDelete = React5.useCallback(
+  const effectiveOnDelete = React11.useCallback(
     async (commentId) => {
       if (onDelete) return onDelete(commentId);
       await gql(
@@ -4582,15 +4582,15 @@ function CommentThread({
     },
     [gql, onDelete]
   );
-  const [comments, setComments] = React5.useState(externalComments || []);
-  const [loading, setLoading] = React5.useState(!externalComments);
-  const [showAll, setShowAll] = React5.useState(false);
-  const [replyingTo, setReplyingTo] = React5.useState(null);
-  const hasFetchedRef = React5.useRef(false);
-  React5.useEffect(() => {
+  const [comments, setComments] = React11.useState(externalComments || []);
+  const [loading, setLoading] = React11.useState(!externalComments);
+  const [showAll, setShowAll] = React11.useState(false);
+  const [replyingTo, setReplyingTo] = React11.useState(null);
+  const hasFetchedRef = React11.useRef(false);
+  React11.useEffect(() => {
     hasFetchedRef.current = false;
   }, [entityId, entityType]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (externalComments) return;
     if (hasFetchedRef.current) return;
     hasFetchedRef.current = true;
@@ -4608,12 +4608,12 @@ function CommentThread({
       cancelled = true;
     };
   }, [entityType, entityId, externalComments, effectiveOnFetch]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (externalComments) {
       setComments(externalComments);
     }
   }, [externalComments]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (externalComments || onFetch) return;
     if (!entityId || entityType !== "task") return;
     const projectsServiceUrl = api?.services?.projects || api?.gatewayUrl;
@@ -4873,7 +4873,7 @@ function CommentThread({
       /* @__PURE__ */ jsx("p", { className: "text-[11px] text-theme-muted mt-0.5", children: "Seja o primeiro a comentar." })
     ] }),
     !loading && visibleComments.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-      visibleComments.map((comment) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
+      visibleComments.map((comment) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
         /* @__PURE__ */ jsx(
           CommentItem,
           {
@@ -4962,11 +4962,11 @@ function LabelPicker({
   trigger,
   disabled = false
 }) {
-  const [open, setOpen] = React5.useState(false);
-  const [search, setSearch] = React5.useState("");
-  const [isCreating, setIsCreating] = React5.useState(false);
-  const [newLabelName, setNewLabelName] = React5.useState("");
-  const [newLabelColor, setNewLabelColor] = React5.useState(presetColors[8]);
+  const [open, setOpen] = React11.useState(false);
+  const [search, setSearch] = React11.useState("");
+  const [isCreating, setIsCreating] = React11.useState(false);
+  const [newLabelName, setNewLabelName] = React11.useState("");
+  const [newLabelColor, setNewLabelColor] = React11.useState(presetColors[8]);
   const selectedIds = new Set(selectedLabels.map((l) => l.id));
   const filteredLabels = availableLabels.filter(
     (label) => label.name.toLowerCase().includes(search.toLowerCase())
@@ -5122,8 +5122,8 @@ function AssigneePicker({
   disabled = false,
   maxAssignees
 }) {
-  const [open, setOpen] = React5.useState(false);
-  const [search, setSearch] = React5.useState("");
+  const [open, setOpen] = React11.useState(false);
+  const [search, setSearch] = React11.useState("");
   const selectedIds = new Set(selectedAssignees.map((a) => a.id));
   const canAddMore = maxAssignees ? selectedAssignees.length < maxAssignees : true;
   const filteredUsers = availableUsers.filter(
@@ -5243,8 +5243,8 @@ var statusColors = {
   DONE: "bg-emerald-500/15 text-emerald-400 border-emerald-500/30"
 };
 function useMediaQuery3(query) {
-  const [matches, setMatches] = React5.useState(false);
-  React5.useEffect(() => {
+  const [matches, setMatches] = React11.useState(false);
+  React11.useEffect(() => {
     const mql = window.matchMedia(query);
     setMatches(mql.matches);
     const handler = (e) => setMatches(e.matches);
@@ -5261,13 +5261,13 @@ function EditableField({
   inputClassName,
   as: Tag = "span"
 }) {
-  const [editing, setEditing] = React5.useState(false);
-  const [localValue, setLocalValue] = React5.useState(value);
-  const inputRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [editing, setEditing] = React11.useState(false);
+  const [localValue, setLocalValue] = React11.useState(value);
+  const inputRef = React11.useRef(null);
+  React11.useEffect(() => {
     setLocalValue(value);
   }, [value]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (editing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -5321,9 +5321,9 @@ function EditableField({
   );
 }
 function EditableDate({ value, onSave, placeholder = "Adicionar data" }) {
-  const [editing, setEditing] = React5.useState(false);
-  const inputRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [editing, setEditing] = React11.useState(false);
+  const inputRef = React11.useRef(null);
+  React11.useEffect(() => {
     if (editing && inputRef.current) {
       inputRef.current.focus();
     }
@@ -5363,13 +5363,13 @@ function EditableDate({ value, onSave, placeholder = "Adicionar data" }) {
   );
 }
 function EditableStoryPoints({ value, onSave }) {
-  const [editing, setEditing] = React5.useState(false);
-  const [localValue, setLocalValue] = React5.useState(value !== void 0 ? String(value) : "");
-  const inputRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [editing, setEditing] = React11.useState(false);
+  const [localValue, setLocalValue] = React11.useState(value !== void 0 ? String(value) : "");
+  const inputRef = React11.useRef(null);
+  React11.useEffect(() => {
     setLocalValue(value !== void 0 ? String(value) : "");
   }, [value]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (editing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -5494,13 +5494,13 @@ function AssigneeItem({ assignee, onRemove, showDelete = true }) {
   ] });
 }
 function SubtaskItem({ subtask, onToggle, onDelete, onUpdate }) {
-  const [editing, setEditing] = React5.useState(false);
-  const [localTitle, setLocalTitle] = React5.useState(subtask.title);
-  const inputRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [editing, setEditing] = React11.useState(false);
+  const [localTitle, setLocalTitle] = React11.useState(subtask.title);
+  const inputRef = React11.useRef(null);
+  React11.useEffect(() => {
     setLocalTitle(subtask.title);
   }, [subtask.title]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (editing && inputRef.current) {
       inputRef.current.focus();
       inputRef.current.select();
@@ -5578,10 +5578,10 @@ function SubtaskItem({ subtask, onToggle, onDelete, onUpdate }) {
   ] });
 }
 function SubtaskAddForm({ onAdd }) {
-  const [adding, setAdding] = React5.useState(false);
-  const [title, setTitle] = React5.useState("");
-  const inputRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [adding, setAdding] = React11.useState(false);
+  const [title, setTitle] = React11.useState("");
+  const inputRef = React11.useRef(null);
+  React11.useEffect(() => {
     if (adding && inputRef.current) {
       inputRef.current.focus();
     }
@@ -5659,6 +5659,177 @@ function SubtaskAddForm({ onAdd }) {
     )
   ] });
 }
+function DependencySection({
+  taskId,
+  dependencies,
+  onAdd,
+  onRemove,
+  availableTasks
+}) {
+  const [adding, setAdding] = React11.useState(false);
+  const [selectedTask, setSelectedTask] = React11.useState("");
+  const [depType, setDepType] = React11.useState("BLOCKS");
+  const [loading, setLoading] = React11.useState(null);
+  const [search, setSearch] = React11.useState("");
+  const blockers = dependencies?.filter((d) => d.type === "BLOCKED_BY") ?? [];
+  const blocking = dependencies?.filter((d) => d.type === "BLOCKS") ?? [];
+  const linkedIds = new Set(dependencies?.map((d) => d.relatedTask.id) ?? []);
+  const filteredTasks = (availableTasks ?? []).filter((t) => t.id !== taskId && !linkedIds.has(t.id)).filter((t) => {
+    if (!search) return true;
+    const q = search.toLowerCase();
+    return t.title.toLowerCase().includes(q) || String(t.number ?? "").includes(q);
+  });
+  const handleAdd = async () => {
+    if (!onAdd || !selectedTask) return;
+    setLoading("add");
+    try {
+      await onAdd(taskId, selectedTask, depType);
+      setSelectedTask("");
+      setSearch("");
+      setAdding(false);
+    } finally {
+      setLoading(null);
+    }
+  };
+  const handleRemove = async (depId) => {
+    if (!onRemove) return;
+    setLoading(depId);
+    try {
+      await onRemove(taskId, depId);
+    } finally {
+      setLoading(null);
+    }
+  };
+  const renderDepItem = (dep) => {
+    const isBlocker = dep.type === "BLOCKED_BY";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center gap-2 p-2 rounded-lg bg-theme-subtle/50 group",
+        children: [
+          /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              className: cn(
+                "text-[10px] shrink-0 rounded-full px-2 py-0.5",
+                isBlocker ? "border border-red-500/30 bg-red-500/10 text-red-600 dark:text-red-400" : "border border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400"
+              ),
+              children: [
+                isBlocker ? /* @__PURE__ */ jsx(Ban, { className: "w-3 h-3 mr-1" }) : /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3 mr-1" }),
+                isBlocker ? "Bloqueado por" : "Bloqueia"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm truncate flex-1 text-theme-primary", children: [
+            dep.relatedTask.number ? `#${dep.relatedTask.number} ` : "",
+            dep.relatedTask.title
+          ] }),
+          dep.relatedTask.status && /* @__PURE__ */ jsx(Badge, { className: "text-[10px] shrink-0 rounded-full px-2 py-0.5 border border-theme-subtle bg-theme-subtle/50 text-theme-muted", children: dep.relatedTask.status }),
+          onRemove && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => handleRemove(dep.id),
+              disabled: loading === dep.id,
+              className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity shrink-0",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "w-3 h-3 text-red-500" })
+            }
+          )
+        ]
+      },
+      dep.id
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("label", { className: "text-xs font-medium text-theme-muted uppercase tracking-wide flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(Link2, { className: "w-3.5 h-3.5" }),
+        "Depend\xEAncias"
+      ] }),
+      onAdd && availableTasks && availableTasks.length > 0 && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setAdding(!adding),
+          className: "h-6 w-6 p-0 text-theme-muted hover:text-theme-primary",
+          children: /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5" })
+        }
+      )
+    ] }),
+    blockers.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: blockers.map(renderDepItem) }),
+    blocking.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: blocking.map(renderDepItem) }),
+    adding && /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-3 rounded-lg border border-theme-subtle bg-theme-subtle/30", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: depType,
+          onValueChange: (v) => setDepType(v),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[140px] text-xs", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "BLOCKS", children: "Bloqueia" }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "BLOCKED_BY", children: "Bloqueado por" })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          placeholder: "Pesquisar task...",
+          className: "h-8 text-xs"
+        }
+      ),
+      filteredTasks.length > 0 ? /* @__PURE__ */ jsx("div", { className: "max-h-[160px] overflow-y-auto space-y-1", children: filteredTasks.slice(0, 20).map((t) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSelectedTask(t.id),
+          className: cn(
+            "w-full text-left p-2 rounded text-xs transition-colors",
+            selectedTask === t.id ? "bg-indigo-500/10 text-indigo-600 dark:text-indigo-400 ring-1 ring-indigo-500/30" : "hover:bg-theme-subtle text-theme-secondary"
+          ),
+          children: [
+            t.number ? `#${t.number} ` : "",
+            t.title
+          ]
+        },
+        t.id
+      )) }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted italic py-2", children: "Nenhuma task dispon\xEDvel" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            onClick: handleAdd,
+            disabled: !selectedTask || loading === "add",
+            className: "h-7 text-xs",
+            children: loading === "add" ? "A adicionar..." : "Adicionar"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => {
+              setAdding(false);
+              setSelectedTask("");
+              setSearch("");
+            },
+            className: "h-7 text-xs",
+            children: "Cancelar"
+          }
+        )
+      ] })
+    ] }),
+    !dependencies?.length && !adding && /* @__PURE__ */ jsx("p", { className: "text-sm text-theme-muted italic", children: "Sem depend\xEAncias" })
+  ] });
+}
 function SubtaskSection({
   taskId,
   subtasks,
@@ -5669,7 +5840,7 @@ function SubtaskSection({
   onDelete,
   onUpdate
 }) {
-  const [loading, setLoading] = React5.useState(null);
+  const [loading, setLoading] = React11.useState(null);
   const handleAdd = async (title) => {
     if (onAdd) {
       setLoading("add");
@@ -5762,6 +5933,9 @@ function TaskDetailContent({
   onDeleteSubtask,
   onUpdateSubtask,
   onDeleteTask,
+  onAddDependency,
+  onRemoveDependency,
+  availableTasks,
   comments,
   currentUser,
   statuses,
@@ -5978,6 +6152,17 @@ function TaskDetailContent({
       }
     ),
     /* @__PURE__ */ jsx(Separator, { className: "bg-theme-subtle" }),
+    /* @__PURE__ */ jsx(
+      DependencySection,
+      {
+        taskId: task.id,
+        dependencies: task.dependencies,
+        onAdd: onAddDependency,
+        onRemove: onRemoveDependency,
+        availableTasks
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator, { className: "bg-theme-subtle" }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-theme-muted uppercase tracking-wide", children: "Coment\xE1rios" }),
       /* @__PURE__ */ jsx(
@@ -6054,6 +6239,9 @@ function TaskDetailSheet({
   onDeleteSubtask,
   onUpdateSubtask,
   onDeleteTask,
+  onAddDependency,
+  onRemoveDependency,
+  availableTasks,
   comments,
   currentUser,
   loading = false,
@@ -6082,6 +6270,9 @@ function TaskDetailSheet({
       onDeleteSubtask,
       onUpdateSubtask,
       onDeleteTask,
+      onAddDependency,
+      onRemoveDependency,
+      availableTasks,
       comments,
       currentUser,
       statuses: availableStatuses,
@@ -6213,7 +6404,7 @@ function TaskCard({
   className,
   ...props
 }) {
-  const [sheetOpen, setSheetOpen] = React5.useState(false);
+  const [sheetOpen, setSheetOpen] = React11.useState(false);
   if (!task) {
     return /* @__PURE__ */ jsx(TaskCardSkeleton, { compact, className });
   }
@@ -6653,6 +6844,224 @@ function TaskDetailDialog({
   );
 }
 TaskDetailDialog.displayName = "TaskDetailDialog";
+var COLUMN_STATUS_OPTIONS = [
+  { value: "TODO", label: "A Fazer", description: "Tarefas por iniciar", color: "#94a3b8" },
+  { value: "IN_PROGRESS", label: "Em Progresso", description: "Trabalho ativo", color: "#3b82f6" },
+  { value: "UNDER_REVIEW", label: "Em Revis\xE3o", description: "Aguardando revis\xE3o", color: "#a855f7" },
+  { value: "TESTING", label: "Testes", description: "Em fase de testes", color: "#f59e0b" },
+  { value: "BLOCKED", label: "Bloqueado", description: "Impedido de avan\xE7ar", color: "#ef4444" },
+  { value: "WAITING_FOR_CLIENT", label: "Aguardando Cliente", description: "\xC0 espera de resposta do cliente", color: "#f97316" },
+  { value: "DONE", label: "Conclu\xEDdo", description: "Trabalho finalizado", color: "#10b981" }
+];
+var COLUMN_COLORS = [
+  null,
+  // no color
+  "#ef4444",
+  // red
+  "#f97316",
+  // orange
+  "#f59e0b",
+  // amber
+  "#84cc16",
+  // lime
+  "#10b981",
+  // emerald
+  "#06b6d4",
+  // cyan
+  "#3b82f6",
+  // blue
+  "#8b5cf6",
+  // violet
+  "#d946ef",
+  // fuchsia
+  "#ec4899",
+  // pink
+  "#94a3b8"
+  // slate
+];
+function EditColumnDialog({
+  column,
+  open,
+  onOpenChange,
+  onSave,
+  onDelete
+}) {
+  const [name, setName] = React11.useState("");
+  const [status, setStatus] = React11.useState("TODO");
+  const [color, setColor] = React11.useState(null);
+  const [wipLimit, setWipLimit] = React11.useState("");
+  const [saving, setSaving] = React11.useState(false);
+  const [confirmDelete, setConfirmDelete] = React11.useState(false);
+  React11.useEffect(() => {
+    if (open && column) {
+      setName(column.name);
+      setStatus(column.status);
+      setColor(column.color ?? null);
+      setWipLimit(column.wipLimit != null ? String(column.wipLimit) : "");
+      setConfirmDelete(false);
+    }
+  }, [open, column]);
+  const handleSave = async () => {
+    if (!column || !name.trim()) return;
+    setSaving(true);
+    try {
+      const data = {};
+      if (name.trim() !== column.name) data.name = name.trim();
+      if (status !== column.status) data.status = status;
+      if (color !== (column.color ?? null)) data.color = color ?? void 0;
+      const wip = wipLimit.trim() ? parseInt(wipLimit, 10) : void 0;
+      if (wip !== column.wipLimit) data.wipLimit = wip;
+      if (Object.keys(data).length > 0) {
+        await onSave(column.id, data);
+      }
+      onOpenChange(false);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleDelete = async () => {
+    if (!column || !onDelete) return;
+    setSaving(true);
+    try {
+      await onDelete(column.id);
+      onOpenChange(false);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const statusOption = COLUMN_STATUS_OPTIONS.find((o) => o.value === status);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[440px] bg-elevated border-theme-subtle text-theme", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-theme", children: "Editar Coluna" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-5 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "col-name", className: "text-xs font-medium text-theme-muted uppercase tracking-wide", children: "Nome da Coluna" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "col-name",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "Ex: Em Progresso",
+            className: "bg-void border-theme-subtle text-theme",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") handleSave();
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium text-theme-muted uppercase tracking-wide", children: "Tipo de Coluna (Estado)" }),
+        /* @__PURE__ */ jsxs(Select, { value: status, onValueChange: (v) => setStatus(v), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "bg-void border-theme-subtle text-theme", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { className: "bg-elevated border-theme-subtle", children: COLUMN_STATUS_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "w-2.5 h-2.5 rounded-full shrink-0",
+                style: { backgroundColor: opt.color }
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-theme", children: opt.label }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-theme-muted ml-2", children: opt.description })
+            ] })
+          ] }) }, opt.value)) })
+        ] }),
+        statusOption && /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-theme-muted leading-snug", children: [
+          "Tarefas nesta coluna ser\xE3o tratadas como ",
+          /* @__PURE__ */ jsx("strong", { className: "text-theme", children: statusOption.label }),
+          ". Ao mover uma tarefa para c\xE1, o estado ser\xE1 atualizado automaticamente."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium text-theme-muted uppercase tracking-wide", children: "Cor do Indicador" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: COLUMN_COLORS.map((c, i) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setColor(c),
+            className: cn(
+              "w-7 h-7 rounded-lg border-2 transition-all flex items-center justify-center",
+              color === c ? "border-primary scale-110 shadow-lg shadow-primary/20" : "border-theme-subtle hover:border-theme hover:scale-105",
+              !c && "bg-void"
+            ),
+            style: c ? { backgroundColor: c } : void 0,
+            children: !c && color === null && /* @__PURE__ */ jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "text-theme-muted", children: /* @__PURE__ */ jsx("path", { d: "M1 1l8 8M9 1l-8 8" }) })
+          },
+          i
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "col-wip", className: "text-xs font-medium text-theme-muted uppercase tracking-wide", children: "Limite WIP (Work in Progress)" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "col-wip",
+            type: "number",
+            min: 0,
+            value: wipLimit,
+            onChange: (e) => setWipLimit(e.target.value),
+            placeholder: "Sem limite",
+            className: "bg-void border-theme-subtle text-theme w-32"
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] text-theme-muted", children: "Destaca a coluna quando h\xE1 mais tarefas que o limite definido." })
+      ] }),
+      onDelete && /* @__PURE__ */ jsx("div", { className: "pt-3 border-t border-theme-subtle", children: !confirmDelete ? /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setConfirmDelete(true),
+          className: "text-red-400 hover:text-red-300 hover:bg-red-500/10",
+          children: [
+            /* @__PURE__ */ jsx(OrgTrash, { className: "w-3.5 h-3.5 mr-2" }),
+            "Eliminar coluna"
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-red-400", children: "Tem certeza? As tarefas nesta coluna ser\xE3o movidas para o backlog." }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "destructive",
+              size: "sm",
+              onClick: handleDelete,
+              disabled: saving,
+              className: "text-xs",
+              children: saving ? "A eliminar\u2026" : "Sim, eliminar"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setConfirmDelete(false),
+              className: "text-xs",
+              children: "Cancelar"
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "text-theme-muted", children: "Cancelar" }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "default",
+          size: "sm",
+          onClick: handleSave,
+          disabled: saving || !name.trim(),
+          children: saving ? "A guardar\u2026" : "Guardar"
+        }
+      )
+    ] })
+  ] }) });
+}
+EditColumnDialog.displayName = "EditColumnDialog";
 var priorityColors2 = {
   LOW: "bg-slate-500/15 text-slate-400 border-slate-500/30",
   MEDIUM: "bg-blue-500/15 text-blue-400 border-blue-500/30",
@@ -6701,8 +7110,8 @@ function TaskCard2({
   onDragEnd,
   onTouchDragStart
 }) {
-  const touchTimerRef = React5.useRef(null);
-  const hasMoved = React5.useRef(false);
+  const touchTimerRef = React11.useRef(null);
+  const hasMoved = React11.useRef(false);
   const handleTouchStart = (e) => {
     hasMoved.current = false;
     touchTimerRef.current = setTimeout(() => {
@@ -6810,6 +7219,8 @@ function Column({
   onTaskClick,
   onAddTask,
   onRenameColumn,
+  onEditColumn,
+  onDeleteColumn,
   externalDnD,
   draggedTask,
   onDragStart,
@@ -6819,16 +7230,24 @@ function Column({
   isDropTarget,
   onTouchDragStart
 }) {
-  const [isRenaming, setIsRenaming] = React5.useState(false);
-  const [renameValue, setRenameValue] = React5.useState(column.title);
-  const renameInputRef = React5.useRef(null);
-  const [isAddingTask, setIsAddingTask] = React5.useState(false);
-  const [newTaskTitle, setNewTaskTitle] = React5.useState("");
-  const taskInputRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [isRenaming, setIsRenaming] = React11.useState(false);
+  const [renameValue, setRenameValue] = React11.useState(column.title);
+  const renameInputRef = React11.useRef(null);
+  const [isAddingTask, setIsAddingTask] = React11.useState(false);
+  const [newTaskTitle, setNewTaskTitle] = React11.useState("");
+  const taskInputRef = React11.useRef(null);
+  const [editDialogOpen, setEditDialogOpen] = React11.useState(false);
+  const columnEditData = React11.useMemo(() => ({
+    id: column.id,
+    name: column.title,
+    status: column.status ?? "TODO",
+    color: column.color,
+    wipLimit: column.wipLimit
+  }), [column.id, column.title, column.status, column.color, column.wipLimit]);
+  React11.useEffect(() => {
     if (isRenaming) renameInputRef.current?.focus();
   }, [isRenaming]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (isAddingTask) taskInputRef.current?.focus();
   }, [isAddingTask]);
   const handleRenameSubmit = () => {
@@ -6879,7 +7298,7 @@ function Column({
         isDropTarget && "border-primary-light/50 bg-primary/5"
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-3 border-b border-theme-subtle", children: [
+        /* @__PURE__ */ jsxs("div", { className: "group/col-header flex items-center gap-2 px-3 py-3 border-b border-theme-subtle", children: [
           column.color && /* @__PURE__ */ jsx(
             "div",
             {
@@ -6911,23 +7330,34 @@ function Column({
               children: column.title
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 shrink-0", children: /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              variant: column.wipLimit && column.tasks.length > column.wipLimit ? "error" : "default",
-              className: cn(
-                "text-xs",
-                column.wipLimit && column.tasks.length > column.wipLimit ? "bg-red-500/20 text-red-400 border-red-500/40 animate-pulse" : "bg-theme-highlight text-theme-muted border-theme-subtle"
-              ),
-              children: [
-                column.tasks.length,
-                column.wipLimit != null && /* @__PURE__ */ jsxs("span", { className: "text-theme-muted", children: [
-                  "/",
-                  column.wipLimit
-                ] })
-              ]
-            }
-          ) })
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+            onEditColumn && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setEditDialogOpen(true),
+                className: "p-1 rounded-md text-theme-muted opacity-0 group-hover/col-header:opacity-100 hover:text-theme hover:bg-theme-highlight transition-all",
+                title: "Editar coluna",
+                children: /* @__PURE__ */ jsx(Settings2, { className: "w-3.5 h-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Badge,
+              {
+                variant: column.wipLimit && column.tasks.length > column.wipLimit ? "error" : "default",
+                className: cn(
+                  "text-xs",
+                  column.wipLimit && column.tasks.length > column.wipLimit ? "bg-red-500/20 text-red-400 border-red-500/40 animate-pulse" : "bg-theme-highlight text-theme-muted border-theme-subtle"
+                ),
+                children: [
+                  column.tasks.length,
+                  column.wipLimit != null && /* @__PURE__ */ jsxs("span", { className: "text-theme-muted", children: [
+                    "/",
+                    column.wipLimit
+                  ] })
+                ]
+              }
+            )
+          ] })
         ] }),
         column.wipLimit != null && column.tasks.length > column.wipLimit && /* @__PURE__ */ jsxs("div", { className: "px-3 py-1.5 bg-red-500/10 border-b border-red-500/20 text-[10px] font-medium text-red-400 text-center", children: [
           "\u26A0 WIP limit exceeded (",
@@ -7009,7 +7439,17 @@ function Column({
               "Adicionar tarefa"
             ]
           }
-        ) })
+        ) }),
+        onEditColumn && /* @__PURE__ */ jsx(
+          EditColumnDialog,
+          {
+            column: columnEditData,
+            open: editDialogOpen,
+            onOpenChange: setEditDialogOpen,
+            onSave: onEditColumn,
+            onDelete: onDeleteColumn
+          }
+        )
       ]
     }
   );
@@ -7022,6 +7462,8 @@ function KanbanBoard({
   onAddTask,
   onAddColumn,
   onRenameColumn,
+  onEditColumn,
+  onDeleteColumn,
   className,
   externalDnD = false,
   onTaskUpdate,
@@ -7043,13 +7485,13 @@ function KanbanBoard({
   onUpdateSubtask,
   onTaskClick
 }) {
-  const [draggedTask, setDraggedTask] = React5.useState(null);
-  const [dropTargetColumnId, setDropTargetColumnId] = React5.useState(null);
-  const [touchDraggedTask, setTouchDraggedTask] = React5.useState(null);
-  const handleTouchDragStart = React5.useCallback((task, fromColumnId) => {
+  const [draggedTask, setDraggedTask] = React11.useState(null);
+  const [dropTargetColumnId, setDropTargetColumnId] = React11.useState(null);
+  const [touchDraggedTask, setTouchDraggedTask] = React11.useState(null);
+  const handleTouchDragStart = React11.useCallback((task, fromColumnId) => {
     setTouchDraggedTask({ task, fromColumnId });
   }, []);
-  const handleTouchDrop = React5.useCallback((toColumnId) => {
+  const handleTouchDrop = React11.useCallback((toColumnId) => {
     if (!touchDraggedTask) return;
     const { task, fromColumnId } = touchDraggedTask;
     if (fromColumnId !== toColumnId) {
@@ -7065,15 +7507,15 @@ function KanbanBoard({
     }
     setTouchDraggedTask(null);
   }, [touchDraggedTask, columns, onTaskMove, onColumnChange]);
-  const cancelTouchDrag = React5.useCallback(() => setTouchDraggedTask(null), []);
+  const cancelTouchDrag = React11.useCallback(() => setTouchDraggedTask(null), []);
   const isTouchDragging = touchDraggedTask !== null;
   const effectiveDraggedTask = draggedTask || touchDraggedTask;
-  const [sheetOpen, setSheetOpen] = React5.useState(false);
-  const [selectedTask, setSelectedTask] = React5.useState(null);
-  const [isAddingColumn, setIsAddingColumn] = React5.useState(false);
-  const [newColumnTitle, setNewColumnTitle] = React5.useState("");
-  const addColumnInputRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [sheetOpen, setSheetOpen] = React11.useState(false);
+  const [selectedTask, setSelectedTask] = React11.useState(null);
+  const [isAddingColumn, setIsAddingColumn] = React11.useState(false);
+  const [newColumnTitle, setNewColumnTitle] = React11.useState("");
+  const addColumnInputRef = React11.useRef(null);
+  React11.useEffect(() => {
     if (isAddingColumn) addColumnInputRef.current?.focus();
   }, [isAddingColumn]);
   const handleAddColumnSubmit = () => {
@@ -7152,6 +7594,8 @@ function KanbanBoard({
               onTaskClick: handleTaskClick,
               onAddTask,
               onRenameColumn,
+              onEditColumn,
+              onDeleteColumn,
               externalDnD,
               draggedTask: effectiveDraggedTask,
               onDragStart: handleDragStart,
@@ -7445,7 +7889,7 @@ function PlanBadgeFull({
                   config.bgColor,
                   config.borderColor
                 ),
-                children: /* @__PURE__ */ jsx("span", { className: config.color, children: React5.cloneElement(config.icon, {
+                children: /* @__PURE__ */ jsx("span", { className: config.color, children: React11.cloneElement(config.icon, {
                   className: "w-5 h-5"
                 }) })
               }
@@ -7521,14 +7965,14 @@ function BoardsSwitcher({
   compact = false,
   className
 }) {
-  const [isOpen, setIsOpen] = React5.useState(false);
-  const [isCreating, setIsCreating] = React5.useState(false);
-  const [newBoardName, setNewBoardName] = React5.useState("");
-  const [menuPos, setMenuPos] = React5.useState(null);
-  const triggerRef = React5.useRef(null);
-  const dropdownRef = React5.useRef(null);
-  const createInputRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [isOpen, setIsOpen] = React11.useState(false);
+  const [isCreating, setIsCreating] = React11.useState(false);
+  const [newBoardName, setNewBoardName] = React11.useState("");
+  const [menuPos, setMenuPos] = React11.useState(null);
+  const triggerRef = React11.useRef(null);
+  const dropdownRef = React11.useRef(null);
+  const createInputRef = React11.useRef(null);
+  React11.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(event) {
       if (!triggerRef.current?.contains(event.target) && !dropdownRef.current?.contains(event.target)) {
@@ -7540,7 +7984,7 @@ function BoardsSwitcher({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (!isOpen) return;
     const close = () => setIsOpen(false);
     window.addEventListener("scroll", close, true);
@@ -7550,7 +7994,7 @@ function BoardsSwitcher({
       window.removeEventListener("resize", close);
     };
   }, [isOpen]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (isCreating) createInputRef.current?.focus();
   }, [isCreating]);
   const handleToggle = () => {
@@ -7691,11 +8135,11 @@ function SprintFilter({
   compact = false,
   className
 }) {
-  const [isOpen, setIsOpen] = React5.useState(false);
-  const [menuPos, setMenuPos] = React5.useState(null);
-  const triggerRef = React5.useRef(null);
-  const dropdownRef = React5.useRef(null);
-  React5.useEffect(() => {
+  const [isOpen, setIsOpen] = React11.useState(false);
+  const [menuPos, setMenuPos] = React11.useState(null);
+  const triggerRef = React11.useRef(null);
+  const dropdownRef = React11.useRef(null);
+  React11.useEffect(() => {
     if (!isOpen) return;
     function handleClickOutside(event) {
       if (!triggerRef.current?.contains(event.target) && !dropdownRef.current?.contains(event.target)) {
@@ -7705,7 +8149,7 @@ function SprintFilter({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (!isOpen) return;
     const close = () => setIsOpen(false);
     window.addEventListener("scroll", close, true);
@@ -7724,7 +8168,7 @@ function SprintFilter({
   };
   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 sortedSprints = React11.useMemo(() => {
     const order = { ACTIVE: 0, PLANNED: 1, COMPLETED: 2 };
     return [...sprints].sort((a, b) => (order[a.status] ?? 9) - (order[b.status] ?? 9));
   }, [sprints]);
@@ -7887,7 +8331,7 @@ function ActivityTrail({
   className,
   compact = false
 }) {
-  const [showFilters, setShowFilters] = React5.useState(false);
+  const [showFilters, setShowFilters] = React11.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: [
@@ -8257,7 +8701,7 @@ function Checkbox({
     }
   );
 }
-var Switch = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Switch = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitive.Root,
   {
     className: cn(
@@ -8675,11 +9119,11 @@ function CreateProjectDialog({
   const gql = useOrganifyGql();
   const { workspace } = useOrganifyWorkspace();
   const { navigate } = useOrganifyNavigation();
-  const [name, setName] = React5.useState("");
-  const [type, setType] = React5.useState("KANBAN");
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  React5.useEffect(() => {
+  const [name, setName] = React11.useState("");
+  const [type, setType] = React11.useState("KANBAN");
+  const [error, setError] = React11.useState("");
+  const [loading, setLoading] = React11.useState(false);
+  React11.useEffect(() => {
     if (open) {
       setName("");
       setType("KANBAN");
@@ -8798,10 +9242,10 @@ function CreateWorkspaceDialog({
   const gql = useOrganifyGql();
   const { navigate } = useOrganifyNavigation();
   const { workspaces, onWorkspacesChange, onWorkspaceChange } = useOrganify();
-  const [name, setName] = React5.useState("");
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  React5.useEffect(() => {
+  const [name, setName] = React11.useState("");
+  const [error, setError] = React11.useState("");
+  const [loading, setLoading] = React11.useState(false);
+  React11.useEffect(() => {
     if (open) {
       setName("");
       setError("");
@@ -8914,13 +9358,13 @@ function CreateSprintDialog({
   const gql = useOrganifyGql();
   const { project } = useOrganifyProject();
   const effectiveProjectId = propProjectId ?? project?.id;
-  const [name, setName] = React5.useState("");
-  const [goal, setGoal] = React5.useState("");
-  const [startDate, setStartDate] = React5.useState("");
-  const [endDate, setEndDate] = React5.useState("");
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  React5.useEffect(() => {
+  const [name, setName] = React11.useState("");
+  const [goal, setGoal] = React11.useState("");
+  const [startDate, setStartDate] = React11.useState("");
+  const [endDate, setEndDate] = React11.useState("");
+  const [error, setError] = React11.useState("");
+  const [loading, setLoading] = React11.useState(false);
+  React11.useEffect(() => {
     if (open) {
       setName("");
       setGoal("");
@@ -9061,12 +9505,12 @@ function CreateEpicDialog({
   const gql = useOrganifyGql();
   const { project } = useOrganifyProject();
   const effectiveProjectId = propProjectId ?? project?.id;
-  const [name, setName] = React5.useState("");
-  const [description, setDescription] = React5.useState("");
-  const [color, setColor] = React5.useState(EPIC_COLORS[0]);
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  React5.useEffect(() => {
+  const [name, setName] = React11.useState("");
+  const [description, setDescription] = React11.useState("");
+  const [color, setColor] = React11.useState(EPIC_COLORS[0]);
+  const [error, setError] = React11.useState("");
+  const [loading, setLoading] = React11.useState(false);
+  React11.useEffect(() => {
     if (open) {
       setName("");
       setDescription("");
@@ -9202,11 +9646,11 @@ function CreateTaskDialog({
   const gql = useOrganifyGql();
   const projectCtx = useOrganifyProject();
   const projectId = projectIdProp ?? projectCtx?.project?.id;
-  const [title, setTitle] = React5.useState("");
-  const [priority, setPriority] = React5.useState("NONE");
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  React5.useEffect(() => {
+  const [title, setTitle] = React11.useState("");
+  const [priority, setPriority] = React11.useState("NONE");
+  const [error, setError] = React11.useState("");
+  const [loading, setLoading] = React11.useState(false);
+  React11.useEffect(() => {
     if (open) {
       setTitle("");
       setPriority("NONE");
@@ -9334,14 +9778,14 @@ function InviteMemberDialog({
   const gql = useOrganifyGql();
   const { workspace } = useOrganifyWorkspace();
   const effectiveSlug = propWorkspaceSlug ?? workspace?.slug;
-  const [email, setEmail] = React5.useState("");
-  const [role, setRole] = React5.useState("MEMBER");
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  const [sentInvites, setSentInvites] = React5.useState([]);
-  const [loadingInvites, setLoadingInvites] = React5.useState(false);
-  const [activeTab, setActiveTab] = React5.useState(defaultView);
-  const loadInvites = React5.useCallback(async () => {
+  const [email, setEmail] = React11.useState("");
+  const [role, setRole] = React11.useState("MEMBER");
+  const [error, setError] = React11.useState("");
+  const [loading, setLoading] = React11.useState(false);
+  const [sentInvites, setSentInvites] = React11.useState([]);
+  const [loadingInvites, setLoadingInvites] = React11.useState(false);
+  const [activeTab, setActiveTab] = React11.useState(defaultView);
+  const loadInvites = React11.useCallback(async () => {
     if (!open || !effectiveSlug) return;
     setLoadingInvites(true);
     try {
@@ -9357,7 +9801,7 @@ function InviteMemberDialog({
       setLoadingInvites(false);
     }
   }, [open, effectiveSlug, gql]);
-  React5.useEffect(() => {
+  React11.useEffect(() => {
     if (open) {
       setEmail("");
       setRole("MEMBER");