@devalok/shilp-sutra-karm 0.12.0 → 0.13.0

package/dist/_chunks/kanban-board.js

@@ -1,22 +1,22 @@
 "use client";
 import { jsx as e, jsxs as a, Fragment as se } from "react/jsx-runtime";
-import * as j from "react";
-import { useMemo as ne, useState as A, useEffect as oe, useCallback as E, useContext as Ye, createContext as qe, useRef as ae } from "react";
-import { createPortal as Xe } from "react-dom";
-import { u as Ce, C as Ne, c as Ie, a as Je, S as De, v as Ze, b as et, d as he, D as tt, e as st, h as nt, f as at, s as rt, K as it, T as ot, P as lt } from "./vendor.js";
-import { cn as I } from "@devalok/shilp-sutra/ui/lib/utils";
+import * as Q from "react";
+import { useMemo as ne, useState as O, useEffect as oe, useCallback as B, useContext as qe, createContext as Xe, useRef as ae } from "react";
+import { createPortal as Je } from "react-dom";
+import { u as Ne, C as Ie, c as De, a as Ze, S as Te, v as et, b as tt, d as he, D as st, e as nt, h as at, f as rt, s as it, K as ot, T as lt, P as ct } from "./vendor.js";
+import { cn as N } from "@devalok/shilp-sutra/ui/lib/utils";
 import { Input as re } from "@devalok/shilp-sutra/ui/input";
-import { Button as O } from "@devalok/shilp-sutra/ui/button";
-import { Badge as ct } from "@devalok/shilp-sutra/ui/badge";
-import { DropdownMenu as z, DropdownMenuTrigger as V, DropdownMenuContent as F, DropdownMenuLabel as Q, DropdownMenuSeparator as G, DropdownMenuCheckboxItem as ge, DropdownMenuRadioGroup as dt, DropdownMenuRadioItem as mt, DropdownMenuItem as $ } from "@devalok/shilp-sutra/ui/dropdown-menu";
-import { SegmentedControl as ut } from "@devalok/shilp-sutra/ui/segmented-control";
-import { IconX as ie, IconSearch as ht, IconFilter as gt, IconUser as q, IconLayoutGrid as ft, IconLayoutList as pt, IconArrowRight as fe, IconAlertTriangle as le, IconEye as X, IconTrash as pe, IconPlus as xe, IconDots as xt, IconPencil as yt, IconGauge as vt, IconEyeOff as Te, IconCalendar as ye, IconCheck as wt, IconArrowUp as Re, IconArrowDown as Se, IconGripVertical as bt, IconSubtask as kt, IconLock as Ct, IconTag as Nt } from "@tabler/icons-react";
-import { AvatarGroup as It } from "@devalok/shilp-sutra/composed/avatar-group";
-import { u as Ae } from "./use-composed-ref.js";
-import { Checkbox as Me } from "@devalok/shilp-sutra/ui";
-import { Avatar as Dt, AvatarImage as Tt, AvatarFallback as Rt } from "@devalok/shilp-sutra/ui/avatar";
-import { ContextMenu as St, ContextMenuTrigger as At, ContextMenuContent as Mt, ContextMenuSub as Z, ContextMenuSubTrigger as ee, ContextMenuSubContent as te, ContextMenuItem as H, ContextMenuSeparator as Lt } from "@devalok/shilp-sutra/ui/context-menu";
-const Et = 320, ve = [
+import { Button as $ } from "@devalok/shilp-sutra/ui/button";
+import { Badge as dt } from "@devalok/shilp-sutra/ui/badge";
+import { DropdownMenu as V, DropdownMenuTrigger as U, DropdownMenuContent as G, DropdownMenuLabel as Y, DropdownMenuSeparator as H, DropdownMenuCheckboxItem as ge, DropdownMenuRadioGroup as ut, DropdownMenuRadioItem as mt, DropdownMenuItem as F } from "@devalok/shilp-sutra/ui/dropdown-menu";
+import { SegmentedControl as ht } from "@devalok/shilp-sutra/ui/segmented-control";
+import { IconX as ie, IconSearch as gt, IconFilter as ft, IconUser as q, IconLayoutGrid as pt, IconLayoutList as xt, IconArrowRight as pe, IconAlertTriangle as le, IconEye as X, IconTrash as xe, IconPlus as ye, IconDots as yt, IconPencil as vt, IconGauge as wt, IconEyeOff as Re, IconCalendar as ve, IconCheck as bt, IconArrowUp as Se, IconArrowDown as Ae, IconGripVertical as kt, IconSubtask as Ct, IconLock as Nt, IconTag as It } from "@tabler/icons-react";
+import { AvatarGroup as Dt } from "@devalok/shilp-sutra/composed/avatar-group";
+import { u as Me } from "./use-composed-ref.js";
+import { Checkbox as Le } from "@devalok/shilp-sutra/ui";
+import { Avatar as Tt, AvatarImage as Rt, AvatarFallback as St } from "@devalok/shilp-sutra/ui/avatar";
+import { ContextMenu as At, ContextMenuTrigger as Mt, ContextMenuContent as Lt, ContextMenuSub as Z, ContextMenuSubTrigger as ee, ContextMenuSubContent as te, ContextMenuItem as j, ContextMenuSeparator as Et } from "@devalok/shilp-sutra/ui/context-menu";
+const Ot = 320, we = [
   "bg-category-cyan",
   "bg-category-amber",
   "bg-category-teal",
@@ -25,7 +25,7 @@ const Et = 320, ve = [
   "bg-category-emerald",
   "bg-category-slate",
   "bg-accent"
-], fs = {
+], ps = {
   LOW: "IconArrowDown",
   MEDIUM: "IconArrowRight",
   HIGH: "IconArrowUp",
@@ -35,14 +35,14 @@ const Et = 320, ve = [
   MEDIUM: "text-warning",
   HIGH: "text-error",
   URGENT: "text-error"
-}, we = {
+}, be = {
   search: "",
   assignees: [],
   priorities: [],
   labels: [],
   dueDateRange: null
 };
-function Ot(s, t) {
+function Bt(s, t) {
   if (t.search) {
     const n = t.search.toLowerCase();
     if (!s.title.toLowerCase().includes(n) && !s.taskId.toLowerCase().includes(n))
@@ -80,19 +80,19 @@ function Ot(s, t) {
   }
   return !0;
 }
-function Bt(s, t) {
+function Wt(s, t) {
   return ne(() => t.search !== "" || t.priorities.length > 0 || t.assignees.length > 0 || t.labels.length > 0 || t.dueDateRange != null && t.dueDateRange !== "none" ? s.map((r) => ({
     ...r,
-    tasks: r.tasks.filter((o) => Ot(o, t))
+    tasks: r.tasks.filter((o) => Bt(o, t))
   })) : s, [s, t]);
 }
-const Le = qe(null);
-function U() {
-  const s = Ye(Le);
+const Ee = Xe(null);
+function K() {
+  const s = qe(Ee);
   if (!s) throw new Error("useBoardContext must be used within <BoardProvider>");
   return s;
 }
-const L = () => {
+const P = () => {
 };
 function Pt({
   initialData: s,
@@ -100,94 +100,94 @@ function Pt({
   children: n,
   ...r
 }) {
-  const [o, h] = A(s.columns);
+  const [o, h] = O(s.columns);
   oe(() => {
     h(s.columns);
   }, [s]);
-  const [b, v] = A("default"), [d, c] = A(we), x = E((B) => {
-    c((_) => ({ ..._, ...B }));
-  }, []), T = E(() => c(we), []), y = ne(
+  const [b, v] = O("default"), [d, l] = O(be), x = B((T) => {
+    l((R) => ({ ...R, ...T }));
+  }, []), D = B(() => l(be), []), g = ne(
     () => d.search !== "" || d.priorities.length > 0 || d.assignees.length > 0 || d.labels.length > 0 || d.dueDateRange != null && d.dueDateRange !== "none",
     [d]
-  ), g = Bt(o, d), [S, u] = A(/* @__PURE__ */ new Set()), k = E((B) => {
-    u((_) => {
-      const P = new Set(_);
-      return P.has(B) ? P.delete(B) : P.add(B), P;
+  ), f = Wt(o, d), [A, c] = O(/* @__PURE__ */ new Set()), k = B((T) => {
+    c((R) => {
+      const C = new Set(R);
+      return C.has(T) ? C.delete(T) : C.add(T), C;
     });
-  }, []), l = E(
-    (B, _) => {
-      const P = g.flatMap((W) => W.tasks), Y = P.findIndex((W) => W.id === B), K = P.findIndex((W) => W.id === _);
-      if (Y === -1 || K === -1) return;
-      const [J, me] = Y < K ? [Y, K] : [K, Y], ue = P.slice(J, me + 1).map((W) => W.id);
-      u((W) => {
-        const w = new Set(W);
-        return ue.forEach((je) => w.add(je)), w;
+  }, []), u = B(
+    (T, R) => {
+      const C = f.flatMap((_) => _.tasks), W = C.findIndex((_) => _.id === T), z = C.findIndex((_) => _.id === R);
+      if (W === -1 || z === -1) return;
+      const [J, ue] = W < z ? [W, z] : [z, W], me = C.slice(J, ue + 1).map((_) => _.id);
+      c((_) => {
+        const w = new Set(_);
+        return me.forEach((Ye) => w.add(Ye)), w;
       });
     },
-    [g]
-  ), p = E(() => {
-    const B = g.flatMap((_) => _.tasks.map((P) => P.id));
-    u(new Set(B));
-  }, [g]), m = E(() => u(/* @__PURE__ */ new Set()), []), [C, i] = A(null), [f, D] = A(!1), [M, N] = A(null), R = ne(
+    [f]
+  ), I = B(() => {
+    const T = f.flatMap((R) => R.tasks.map((C) => C.id));
+    c(new Set(T));
+  }, [f]), m = B(() => c(/* @__PURE__ */ new Set()), []), [y, i] = O(null), [p, S] = O(!1), [M, L] = O(null), E = ne(
     () => ({
-      columns: g,
+      columns: f,
       rawColumns: o,
       viewMode: b,
       setViewMode: v,
       filters: d,
       setFilters: x,
-      clearFilters: T,
-      hasActiveFilters: y,
-      selectedTaskIds: S,
+      clearFilters: D,
+      hasActiveFilters: g,
+      selectedTaskIds: A,
       toggleTaskSelection: k,
-      selectRange: l,
-      selectAll: p,
+      selectRange: u,
+      selectAll: I,
       clearSelection: m,
-      focusedTaskId: C,
+      focusedTaskId: y,
       setFocusedTaskId: i,
       currentUserId: t,
-      highlightMyTasks: f,
-      setHighlightMyTasks: D,
+      highlightMyTasks: p,
+      setHighlightMyTasks: S,
       activeTask: M,
-      setActiveTask: N,
-      onTaskMove: r.onTaskMove ?? L,
-      onTaskAdd: r.onTaskAdd ?? L,
-      onBulkAction: r.onBulkAction ?? L,
-      onColumnReorder: r.onColumnReorder ?? L,
-      onColumnRename: r.onColumnRename ?? L,
-      onColumnDelete: r.onColumnDelete ?? L,
-      onColumnToggleVisibility: r.onColumnToggleVisibility ?? L,
-      onColumnWipLimitChange: r.onColumnWipLimitChange ?? L,
-      onClickTask: r.onClickTask ?? L,
-      onAddColumn: r.onAddColumn ?? L,
-      onQuickPriorityChange: r.onQuickPriorityChange ?? L,
-      onQuickAssign: r.onQuickAssign ?? L,
-      onQuickDueDateChange: r.onQuickDueDateChange ?? L,
-      onQuickLabelAdd: r.onQuickLabelAdd ?? L,
-      onQuickVisibilityChange: r.onQuickVisibilityChange ?? L,
-      onQuickDelete: r.onQuickDelete ?? L
+      setActiveTask: L,
+      onTaskMove: r.onTaskMove ?? P,
+      onTaskAdd: r.onTaskAdd ?? P,
+      onBulkAction: r.onBulkAction ?? P,
+      onColumnReorder: r.onColumnReorder ?? P,
+      onColumnRename: r.onColumnRename ?? P,
+      onColumnDelete: r.onColumnDelete ?? P,
+      onColumnToggleVisibility: r.onColumnToggleVisibility ?? P,
+      onColumnWipLimitChange: r.onColumnWipLimitChange ?? P,
+      onClickTask: r.onClickTask ?? P,
+      onAddColumn: r.onAddColumn ?? P,
+      onQuickPriorityChange: r.onQuickPriorityChange ?? P,
+      onQuickAssign: r.onQuickAssign ?? P,
+      onQuickDueDateChange: r.onQuickDueDateChange ?? P,
+      onQuickLabelAdd: r.onQuickLabelAdd ?? P,
+      onQuickVisibilityChange: r.onQuickVisibilityChange ?? P,
+      onQuickDelete: r.onQuickDelete ?? P
     }),
     [
-      g,
+      f,
       o,
       b,
       d,
       x,
-      T,
-      y,
-      S,
+      D,
+      g,
+      A,
       k,
-      l,
-      p,
+      u,
+      I,
       m,
-      C,
+      y,
       t,
-      f,
+      p,
       M,
       r
     ]
   );
-  return /* @__PURE__ */ e(Le.Provider, { value: R, children: n });
+  return /* @__PURE__ */ e(Ee.Provider, { value: E, children: n });
 }
 function de(s) {
   const t = /* @__PURE__ */ new Set(), n = [];
@@ -199,19 +199,19 @@ function de(s) {
     }
   return n;
 }
-function Ee(s) {
+function Oe(s) {
   const t = /* @__PURE__ */ new Set();
   for (const n of s)
     for (const r of n.tasks)
       for (const o of r.labels) t.add(o);
   return Array.from(t).sort();
 }
-const Wt = ["LOW", "MEDIUM", "HIGH", "URGENT"], be = [
+const $t = ["LOW", "MEDIUM", "HIGH", "URGENT"], ke = [
   { value: "overdue", label: "Overdue" },
   { value: "today", label: "Today" },
   { value: "this-week", label: "This week" }
 ];
-function Oe() {
+function Be() {
   const {
     rawColumns: s,
     filters: t,
@@ -222,11 +222,11 @@ function Oe() {
     setViewMode: b,
     highlightMyTasks: v,
     setHighlightMyTasks: d
-  } = U(), [c, x] = A(t.search), T = ae(null), y = E(
+  } = K(), [l, x] = O(t.search), D = ae(null), g = B(
     (i) => {
-      const f = i.target.value;
-      x(f), T.current && clearTimeout(T.current), T.current = setTimeout(() => {
-        n({ search: f });
+      const p = i.target.value;
+      x(p), D.current && clearTimeout(D.current), D.current = setTimeout(() => {
+        n({ search: p });
       }, 200);
     },
     [n]
@@ -234,52 +234,52 @@ function Oe() {
   oe(() => {
     x(t.search);
   }, [t.search]);
-  const g = de(s), S = Ee(s), u = (i) => {
-    const f = t.priorities;
+  const f = de(s), A = Oe(s), c = (i) => {
+    const p = t.priorities;
     n({
-      priorities: f.includes(i) ? f.filter((D) => D !== i) : [...f, i]
+      priorities: p.includes(i) ? p.filter((S) => S !== i) : [...p, i]
     });
   }, k = (i) => {
-    const f = t.assignees;
+    const p = t.assignees;
     n({
-      assignees: f.includes(i) ? f.filter((D) => D !== i) : [...f, i]
+      assignees: p.includes(i) ? p.filter((S) => S !== i) : [...p, i]
     });
-  }, l = (i) => {
-    const f = t.labels;
+  }, u = (i) => {
+    const p = t.labels;
     n({
-      labels: f.includes(i) ? f.filter((D) => D !== i) : [...f, i]
+      labels: p.includes(i) ? p.filter((S) => S !== i) : [...p, i]
     });
-  }, p = (i) => {
+  }, I = (i) => {
     n({
       dueDateRange: i === t.dueDateRange ? null : i
     });
   }, m = [
-    { id: "default", text: "Board", icon: ft },
-    { id: "compact", text: "Compact", icon: pt }
-  ], C = [];
+    { id: "default", text: "Board", icon: pt },
+    { id: "compact", text: "Compact", icon: xt }
+  ], y = [];
   for (const i of t.priorities)
-    C.push({
+    y.push({
       key: `priority-${i}`,
       label: i.charAt(0) + i.slice(1).toLowerCase(),
-      onRemove: () => u(i)
+      onRemove: () => c(i)
     });
   for (const i of t.assignees) {
-    const f = g.find((D) => D.id === i);
-    C.push({
+    const p = f.find((S) => S.id === i);
+    y.push({
       key: `assignee-${i}`,
-      label: (f == null ? void 0 : f.name) ?? i,
+      label: (p == null ? void 0 : p.name) ?? i,
       onRemove: () => k(i)
     });
   }
   for (const i of t.labels)
-    C.push({
+    y.push({
       key: `label-${i}`,
       label: i,
-      onRemove: () => l(i)
+      onRemove: () => u(i)
     });
   if (t.dueDateRange && t.dueDateRange !== "none") {
-    const i = be.find((f) => f.value === t.dueDateRange);
-    C.push({
+    const i = ke.find((p) => p.value === t.dueDateRange);
+    y.push({
       key: "due-date",
       label: (i == null ? void 0 : i.label) ?? t.dueDateRange,
       onRemove: () => n({ dueDateRange: null })
@@ -290,13 +290,13 @@ function Oe() {
       /* @__PURE__ */ e("div", { className: "relative flex-1 max-w-xs", children: /* @__PURE__ */ e(
         re,
         {
-          value: c,
-          onChange: y,
+          value: l,
+          onChange: g,
           placeholder: "Search tasks...",
           "aria-label": "Search tasks",
           size: "sm",
-          startIcon: /* @__PURE__ */ e(ht, { className: "h-ico-sm w-ico-sm" }),
-          endIcon: c ? /* @__PURE__ */ e(
+          startIcon: /* @__PURE__ */ e(gt, { className: "h-ico-sm w-ico-sm" }),
+          endIcon: l ? /* @__PURE__ */ e(
             "button",
             {
               onClick: () => {
@@ -310,18 +310,18 @@ function Oe() {
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-01", children: [
-        /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(
-            O,
+        /* @__PURE__ */ a(V, { children: [
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ a(
+            $,
             {
               variant: "ghost",
               size: "sm",
-              className: I(
+              className: N(
                 t.priorities.length > 0 && "text-interactive"
               ),
               title: "Filter by priority",
               children: [
-                /* @__PURE__ */ e(gt, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+                /* @__PURE__ */ e(ft, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
                 "Priority",
                 t.priorities.length > 0 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs", children: [
                   "(",
@@ -331,27 +331,27 @@ function Oe() {
               ]
             }
           ) }),
-          /* @__PURE__ */ a(F, { align: "start", className: "w-44", children: [
-            /* @__PURE__ */ e(Q, { children: "Priority" }),
-            /* @__PURE__ */ e(G, {}),
-            Wt.map((i) => /* @__PURE__ */ e(
+          /* @__PURE__ */ a(G, { align: "start", className: "w-44", children: [
+            /* @__PURE__ */ e(Y, { children: "Priority" }),
+            /* @__PURE__ */ e(H, {}),
+            $t.map((i) => /* @__PURE__ */ e(
               ge,
               {
                 checked: t.priorities.includes(i),
-                onCheckedChange: () => u(i),
+                onCheckedChange: () => c(i),
                 children: i.charAt(0) + i.slice(1).toLowerCase()
               },
               i
             ))
           ] })
         ] }),
-        g.length > 0 && /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(
-            O,
+        f.length > 0 && /* @__PURE__ */ a(V, { children: [
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ a(
+            $,
             {
               variant: "ghost",
               size: "sm",
-              className: I(
+              className: N(
                 t.assignees.length > 0 && "text-interactive"
               ),
               title: "Filter by assignee",
@@ -366,10 +366,10 @@ function Oe() {
               ]
             }
           ) }),
-          /* @__PURE__ */ a(F, { align: "start", className: "w-48 max-h-56 overflow-y-auto", children: [
-            /* @__PURE__ */ e(Q, { children: "Assignee" }),
-            /* @__PURE__ */ e(G, {}),
-            g.map((i) => /* @__PURE__ */ e(
+          /* @__PURE__ */ a(G, { align: "start", className: "w-48 max-h-56 overflow-y-auto", children: [
+            /* @__PURE__ */ e(Y, { children: "Assignee" }),
+            /* @__PURE__ */ e(H, {}),
+            f.map((i) => /* @__PURE__ */ e(
               ge,
               {
                 checked: t.assignees.includes(i.id),
@@ -380,13 +380,13 @@ function Oe() {
             ))
           ] })
         ] }),
-        S.length > 0 && /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(
-            O,
+        A.length > 0 && /* @__PURE__ */ a(V, { children: [
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ a(
+            $,
             {
               variant: "ghost",
               size: "sm",
-              className: I(
+              className: N(
                 t.labels.length > 0 && "text-interactive"
               ),
               title: "Filter by label",
@@ -400,42 +400,42 @@ function Oe() {
               ]
             }
           ) }),
-          /* @__PURE__ */ a(F, { align: "start", className: "w-44 max-h-56 overflow-y-auto", children: [
-            /* @__PURE__ */ e(Q, { children: "Label" }),
-            /* @__PURE__ */ e(G, {}),
-            S.map((i) => /* @__PURE__ */ e(
+          /* @__PURE__ */ a(G, { align: "start", className: "w-44 max-h-56 overflow-y-auto", children: [
+            /* @__PURE__ */ e(Y, { children: "Label" }),
+            /* @__PURE__ */ e(H, {}),
+            A.map((i) => /* @__PURE__ */ e(
               ge,
               {
                 checked: t.labels.includes(i),
-                onCheckedChange: () => l(i),
+                onCheckedChange: () => u(i),
                 children: i
               },
               i
             ))
           ] })
         ] }),
-        /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
-            O,
+        /* @__PURE__ */ a(V, { children: [
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(
+            $,
             {
               variant: "ghost",
               size: "sm",
-              className: I(
+              className: N(
                 t.dueDateRange && t.dueDateRange !== "none" && "text-interactive"
               ),
               title: "Filter by due date",
               children: "Due date"
             }
           ) }),
-          /* @__PURE__ */ a(F, { align: "start", className: "w-40", children: [
-            /* @__PURE__ */ e(Q, { children: "Due date" }),
-            /* @__PURE__ */ e(G, {}),
+          /* @__PURE__ */ a(G, { align: "start", className: "w-40", children: [
+            /* @__PURE__ */ e(Y, { children: "Due date" }),
+            /* @__PURE__ */ e(H, {}),
             /* @__PURE__ */ e(
-              dt,
+              ut,
               {
                 value: t.dueDateRange ?? "",
-                onValueChange: p,
-                children: be.map((i) => /* @__PURE__ */ e(mt, { value: i.value, children: i.label }, i.value))
+                onValueChange: I,
+                children: ke.map((i) => /* @__PURE__ */ e(mt, { value: i.value, children: i.label }, i.value))
               }
             )
           ] })
@@ -443,7 +443,7 @@ function Oe() {
       ] }),
       /* @__PURE__ */ e("div", { className: "flex-1" }),
       /* @__PURE__ */ e(
-        O,
+        $,
         {
           variant: v ? "outline" : "ghost",
           size: "sm",
@@ -451,12 +451,12 @@ function Oe() {
           title: "Highlight my tasks",
           "aria-label": "Highlight my tasks",
           "aria-pressed": v,
-          className: I(v && "text-interactive"),
+          className: N(v && "text-interactive"),
           children: /* @__PURE__ */ e(q, { className: "h-ico-sm w-ico-sm" })
         }
       ),
       /* @__PURE__ */ e(
-        ut,
+        ht,
         {
           size: "sm",
           variant: "tonal",
@@ -466,14 +466,14 @@ function Oe() {
         }
       )
     ] }),
-    C.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02 flex-wrap", children: [
-      C.map((i, f) => /* @__PURE__ */ e(
+    y.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02 flex-wrap", children: [
+      y.map((i, p) => /* @__PURE__ */ e(
         "div",
         {
           className: "animate-scale-in delay-stagger",
-          style: { "--stagger-index": f },
+          style: { "--stagger-index": p },
           children: /* @__PURE__ */ e(
-            ct,
+            dt,
             {
               variant: "subtle",
               size: "sm",
@@ -496,22 +496,22 @@ function Oe() {
     ] })
   ] });
 }
-Oe.displayName = "BoardToolbar";
-const $t = ["LOW", "MEDIUM", "HIGH", "URGENT"];
-function Be() {
+Be.displayName = "BoardToolbar";
+const _t = ["LOW", "MEDIUM", "HIGH", "URGENT"];
+function We() {
   const {
     rawColumns: s,
     columns: t,
     selectedTaskIds: n,
     clearSelection: r,
     onBulkAction: o
-  } = U(), h = n.size, b = Array.from(n), v = de(s), d = (c, x) => {
-    o({ type: c, taskIds: b, value: x }), r();
+  } = K(), h = n.size, b = Array.from(n), v = de(s), d = (l, x) => {
+    o({ type: l, taskIds: b, value: x }), r();
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      className: I(
+      className: N(
         "grid transition-[grid-template-rows,opacity] duration-moderate-02 ease-expressive-entrance",
         h > 0 ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
       ),
@@ -523,7 +523,7 @@ function Be() {
             " selected"
           ] }),
           /* @__PURE__ */ e(
-            O,
+            $,
             {
               variant: "ghost",
               size: "icon-md",
@@ -536,74 +536,74 @@ function Be() {
           )
         ] }),
         /* @__PURE__ */ e("div", { className: "h-4 w-px bg-border-subtle" }),
-        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 0 }, children: /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(O, { variant: "ghost", size: "sm", title: "Move to column", tabIndex: h > 0 ? 0 : -1, children: [
-            /* @__PURE__ */ e(fe, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 0 }, children: /* @__PURE__ */ a(V, { children: [
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ a($, { variant: "ghost", size: "sm", title: "Move to column", tabIndex: h > 0 ? 0 : -1, children: [
+            /* @__PURE__ */ e(pe, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
             "Move"
           ] }) }),
-          /* @__PURE__ */ a(F, { align: "start", className: "w-44", children: [
-            /* @__PURE__ */ e(Q, { children: "Move to" }),
-            /* @__PURE__ */ e(G, {}),
-            t.map((c) => /* @__PURE__ */ e(
-              $,
+          /* @__PURE__ */ a(G, { align: "start", className: "w-44", children: [
+            /* @__PURE__ */ e(Y, { children: "Move to" }),
+            /* @__PURE__ */ e(H, {}),
+            t.map((l) => /* @__PURE__ */ e(
+              F,
               {
-                onClick: () => d("move", c.id),
-                children: c.name
+                onClick: () => d("move", l.id),
+                children: l.name
               },
-              c.id
+              l.id
             ))
           ] })
         ] }) }),
-        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 1 }, children: /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(O, { variant: "ghost", size: "sm", title: "Set priority", tabIndex: h > 0 ? 0 : -1, children: [
+        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 1 }, children: /* @__PURE__ */ a(V, { children: [
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ a($, { variant: "ghost", size: "sm", title: "Set priority", tabIndex: h > 0 ? 0 : -1, children: [
             /* @__PURE__ */ e(le, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
             "Priority"
           ] }) }),
-          /* @__PURE__ */ a(F, { align: "start", className: "w-40", children: [
-            /* @__PURE__ */ e(Q, { children: "Set priority" }),
-            /* @__PURE__ */ e(G, {}),
-            $t.map((c) => /* @__PURE__ */ e(
-              $,
+          /* @__PURE__ */ a(G, { align: "start", className: "w-40", children: [
+            /* @__PURE__ */ e(Y, { children: "Set priority" }),
+            /* @__PURE__ */ e(H, {}),
+            _t.map((l) => /* @__PURE__ */ e(
+              F,
               {
-                onClick: () => d("priority", c),
-                className: ce[c],
-                children: c.charAt(0) + c.slice(1).toLowerCase()
+                onClick: () => d("priority", l),
+                className: ce[l],
+                children: l.charAt(0) + l.slice(1).toLowerCase()
               },
-              c
+              l
             ))
           ] })
         ] }) }),
-        v.length > 0 && /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 2 }, children: /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(O, { variant: "ghost", size: "sm", title: "Assign", tabIndex: h > 0 ? 0 : -1, children: [
+        v.length > 0 && /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 2 }, children: /* @__PURE__ */ a(V, { children: [
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ a($, { variant: "ghost", size: "sm", title: "Assign", tabIndex: h > 0 ? 0 : -1, children: [
             /* @__PURE__ */ e(q, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
             "Assign"
           ] }) }),
-          /* @__PURE__ */ a(F, { align: "start", className: "w-44 max-h-48 overflow-y-auto", children: [
-            /* @__PURE__ */ e(Q, { children: "Assign to" }),
-            /* @__PURE__ */ e(G, {}),
-            v.map((c) => /* @__PURE__ */ e(
-              $,
+          /* @__PURE__ */ a(G, { align: "start", className: "w-44 max-h-48 overflow-y-auto", children: [
+            /* @__PURE__ */ e(Y, { children: "Assign to" }),
+            /* @__PURE__ */ e(H, {}),
+            v.map((l) => /* @__PURE__ */ e(
+              F,
               {
-                onClick: () => d("assign", c.id),
-                children: c.name
+                onClick: () => d("assign", l.id),
+                children: l.name
               },
-              c.id
+              l.id
             ))
           ] })
         ] }) }),
-        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 3 }, children: /* @__PURE__ */ a(z, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(O, { variant: "ghost", size: "sm", title: "Set visibility", tabIndex: h > 0 ? 0 : -1, children: [
+        /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 3 }, children: /* @__PURE__ */ a(V, { children: [
+          /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ a($, { variant: "ghost", size: "sm", title: "Set visibility", tabIndex: h > 0 ? 0 : -1, children: [
             /* @__PURE__ */ e(X, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
             "Visibility"
           ] }) }),
-          /* @__PURE__ */ a(F, { align: "start", className: "w-40", children: [
-            /* @__PURE__ */ e($, { onClick: () => d("visibility", "INTERNAL"), children: "Internal only" }),
-            /* @__PURE__ */ e($, { onClick: () => d("visibility", "EVERYONE"), children: "Visible to all" })
+          /* @__PURE__ */ a(G, { align: "start", className: "w-40", children: [
+            /* @__PURE__ */ e(F, { onClick: () => d("visibility", "INTERNAL"), children: "Internal only" }),
+            /* @__PURE__ */ e(F, { onClick: () => d("visibility", "EVERYONE"), children: "Visible to all" })
           ] })
         ] }) }),
         /* @__PURE__ */ e("div", { className: "flex-1" }),
         /* @__PURE__ */ e("div", { className: "animate-fade-in delay-stagger", style: { "--stagger-index": 4 }, children: /* @__PURE__ */ a(
-          O,
+          $,
           {
             variant: "ghost",
             size: "sm",
@@ -612,7 +612,7 @@ function Be() {
             title: "Delete selected tasks",
             tabIndex: h > 0 ? 0 : -1,
             children: [
-              /* @__PURE__ */ e(pe, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+              /* @__PURE__ */ e(xe, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
               "Delete"
             ]
           }
@@ -621,8 +621,8 @@ function Be() {
     }
   );
 }
-Be.displayName = "BulkActionBar";
-function _t(s) {
+We.displayName = "BulkActionBar";
+function zt(s) {
   const t = /* @__PURE__ */ new Set(), n = [];
   for (const r of s.tasks) {
     r.owner && !t.has(r.owner.id) && (t.add(r.owner.id), n.push(r.owner));
@@ -631,14 +631,14 @@ function _t(s) {
   }
   return n;
 }
-function zt({ columnId: s, currentLimit: t, onClose: n }) {
-  const { onColumnWipLimitChange: r } = U(), [o, h] = A(t != null ? String(t) : ""), b = E(() => {
+function Ft({ columnId: s, currentLimit: t, onClose: n }) {
+  const { onColumnWipLimitChange: r } = K(), [o, h] = O(t != null ? String(t) : ""), b = B(() => {
     const d = o.trim();
     if (d === "")
       r(s, null);
     else {
-      const c = parseInt(d, 10);
-      !isNaN(c) && c > 0 && r(s, c);
+      const l = parseInt(d, 10);
+      !isNaN(l) && l > 0 && r(s, l);
     }
     n();
   }, [o, s, r, n]);
@@ -665,33 +665,33 @@ function zt({ columnId: s, currentLimit: t, onClose: n }) {
   );
 }
 function Pe({ column: s, index: t }) {
-  var W;
+  var _;
   const {
     rawColumns: n,
     onColumnRename: r,
     onColumnDelete: o,
     onColumnToggleVisibility: h,
     onTaskAdd: b
-  } = U(), [v, d] = A(!1), [c, x] = A(s.name), [T, y] = A(!1), [g, S] = A(!1), [u, k] = A(""), [l, p] = A(null), [m, C] = A(""), i = ae(null), f = de(n), D = ve[t % ve.length], M = s.tasks.length, N = s.wipLimit ?? null, R = N != null && M > N, B = _t(s), _ = () => {
+  } = K(), [v, d] = O(!1), [l, x] = O(s.name), [D, g] = O(!1), [f, A] = O(!1), [c, k] = O(""), [u, I] = O(null), [m, y] = O(""), i = ae(null), p = de(n), S = we[t % we.length], M = s.tasks.length, L = s.wipLimit ?? null, E = L != null && M > L, T = zt(s), R = () => {
     x(s.name), d(!0);
-  }, P = () => {
-    const w = c.trim();
+  }, C = () => {
+    const w = l.trim();
     w && w !== s.name && r(s.id, w), d(!1);
-  }, Y = (w) => {
-    w.key === "Enter" && P(), w.key === "Escape" && (x(s.name), d(!1));
-  }, K = () => {
-    k(""), p(null), C(""), S(!1);
+  }, W = (w) => {
+    w.key === "Enter" && C(), w.key === "Escape" && (x(s.name), d(!1));
+  }, z = () => {
+    k(""), I(null), y(""), A(!1);
   }, J = () => {
-    const w = u.trim();
+    const w = c.trim();
     w && (b(s.id, {
       title: w,
-      ownerId: l,
+      ownerId: u,
       dueDate: m || null
-    }), K());
-  }, me = (w) => {
-    w.key === "Enter" && J(), w.key === "Escape" && K();
-  }, ue = () => {
-    g ? K() : (S(!0), setTimeout(() => {
+    }), z());
+  }, ue = (w) => {
+    w.key === "Enter" && J(), w.key === "Escape" && z();
+  }, me = () => {
+    f ? z() : (A(!0), setTimeout(() => {
       var w;
       return (w = i.current) == null ? void 0 : w.focus();
     }, 50));
@@ -701,7 +701,7 @@ function Pe({ column: s, index: t }) {
       /* @__PURE__ */ e(
         "span",
         {
-          className: I("h-2.5 w-2.5 flex-shrink-0 rounded-full", D),
+          className: N("h-2.5 w-2.5 flex-shrink-0 rounded-full", S),
           "aria-hidden": "true",
           title: s.name
         }
@@ -711,10 +711,10 @@ function Pe({ column: s, index: t }) {
         /* @__PURE__ */ e(
           re,
           {
-            value: c,
+            value: l,
             onChange: (w) => x(w.target.value),
-            onBlur: P,
-            onKeyDown: Y,
+            onBlur: C,
+            onKeyDown: W,
             "aria-label": "Column name",
             size: "sm",
             className: "h-ds-xs flex-1 text-ds-sm font-semibold",
@@ -725,9 +725,9 @@ function Pe({ column: s, index: t }) {
         "h3",
         {
           className: "flex-1 truncate text-ds-sm font-semibold text-text-primary",
-          onDoubleClick: _,
+          onDoubleClick: R,
           title: s.name,
-          "aria-label": N != null ? `${s.name}, ${M} of ${N} tasks${R ? ", WIP limit exceeded" : ""}` : `${s.name}, ${M} tasks`,
+          "aria-label": L != null ? `${s.name}, ${M} of ${L} tasks${E ? ", WIP limit exceeded" : ""}` : `${s.name}, ${M} tasks`,
           children: [
             s.name,
             /* @__PURE__ */ a("span", { className: "ml-ds-02 text-ds-xs font-normal text-text-tertiary", children: [
@@ -738,73 +738,73 @@ function Pe({ column: s, index: t }) {
           ]
         }
       ),
-      T ? /* @__PURE__ */ e(
-        zt,
+      D ? /* @__PURE__ */ e(
+        Ft,
         {
           columnId: s.id,
-          currentLimit: N,
-          onClose: () => y(!1)
+          currentLimit: L,
+          onClose: () => g(!1)
         }
-      ) : N != null ? /* @__PURE__ */ a(
+      ) : L != null ? /* @__PURE__ */ a(
         "span",
         {
-          className: I(
+          className: N(
             "flex-shrink-0 text-ds-xs tabular-nums",
-            R ? "font-semibold text-error" : "text-text-tertiary"
+            E ? "font-semibold text-error" : "text-text-tertiary"
           ),
-          "aria-label": `WIP limit: ${N}${R ? ", exceeded" : ""}`,
+          "aria-label": `WIP limit: ${L}${E ? ", exceeded" : ""}`,
           children: [
             "/ ",
-            N
+            L
           ]
         }
       ) : null,
       /* @__PURE__ */ e(
-        O,
+        $,
         {
           variant: "ghost",
           size: "icon-md",
-          className: I(
+          className: N(
             "h-ds-xs w-ds-xs flex-shrink-0 opacity-0 transition-opacity",
             "group-hover/header:opacity-100 focus:opacity-100",
             "hover:bg-interactive-subtle hover:text-interactive"
           ),
           "aria-label": "Add task",
           title: "Add task",
-          onClick: ue,
-          children: /* @__PURE__ */ e(xe, { className: "h-ico-sm w-ico-sm" })
+          onClick: me,
+          children: /* @__PURE__ */ e(ye, { className: "h-ico-sm w-ico-sm" })
         }
       ),
-      /* @__PURE__ */ a(z, { children: [
-        /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
-          O,
+      /* @__PURE__ */ a(V, { children: [
+        /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(
+          $,
           {
             variant: "ghost",
             size: "icon-md",
-            className: I(
+            className: N(
               "h-ds-xs w-ds-xs flex-shrink-0 opacity-0 transition-opacity",
               "group-hover/header:opacity-100 focus:opacity-100"
             ),
             "aria-label": "Column options",
             title: "Column options",
-            children: /* @__PURE__ */ e(xt, { className: "h-ico-sm w-ico-sm" })
+            children: /* @__PURE__ */ e(yt, { className: "h-ico-sm w-ico-sm" })
           }
         ) }),
-        /* @__PURE__ */ a(F, { align: "end", className: "w-48", children: [
-          /* @__PURE__ */ a($, { onClick: _, children: [
-            /* @__PURE__ */ e(yt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+        /* @__PURE__ */ a(G, { align: "end", className: "w-48", children: [
+          /* @__PURE__ */ a(F, { onClick: R, children: [
+            /* @__PURE__ */ e(vt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
             "Rename"
           ] }),
-          /* @__PURE__ */ a($, { onClick: () => y(!0), children: [
-            /* @__PURE__ */ e(vt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+          /* @__PURE__ */ a(F, { onClick: () => g(!0), children: [
+            /* @__PURE__ */ e(wt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
             "Set WIP Limit"
           ] }),
           /* @__PURE__ */ e(
-            $,
+            F,
             {
               onClick: () => h(s.id, !(s.isClientVisible ?? !1)),
               children: s.isClientVisible ? /* @__PURE__ */ a(se, { children: [
-                /* @__PURE__ */ e(Te, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e(Re, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
                 "Hide from client"
               ] }) : /* @__PURE__ */ a(se, { children: [
                 /* @__PURE__ */ e(X, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
@@ -812,14 +812,14 @@ function Pe({ column: s, index: t }) {
               ] })
             }
           ),
-          /* @__PURE__ */ e(G, {}),
+          /* @__PURE__ */ e(H, {}),
           /* @__PURE__ */ a(
-            $,
+            F,
             {
               className: "text-error focus:text-error",
               onClick: () => o(s.id),
               children: [
-                /* @__PURE__ */ e(pe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e(xe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
                 "Delete column"
               ]
             }
@@ -827,10 +827,10 @@ function Pe({ column: s, index: t }) {
         ] })
       ] })
     ] }),
-    B.length > 0 && /* @__PURE__ */ e("div", { className: "px-ds-04 pb-ds-02", children: /* @__PURE__ */ e(
-      It,
+    T.length > 0 && /* @__PURE__ */ e("div", { className: "px-ds-04 pb-ds-02", children: /* @__PURE__ */ e(
+      Dt,
       {
-        users: B,
+        users: T,
         max: 3,
         size: "sm",
         showTooltip: !0
@@ -839,54 +839,54 @@ function Pe({ column: s, index: t }) {
     /* @__PURE__ */ e(
       "div",
       {
-        className: I(
+        className: N(
           "grid transition-[grid-template-rows,opacity] duration-moderate-02 ease-expressive-entrance",
-          g ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+          f ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
         ),
         children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ a("div", { className: "px-ds-04 pb-ds-03 flex flex-col gap-ds-02", children: [
           /* @__PURE__ */ e(
             re,
             {
               ref: i,
-              value: u,
+              value: c,
               onChange: (w) => k(w.target.value),
-              onKeyDown: me,
+              onKeyDown: ue,
               placeholder: "Task title...",
               "aria-label": "New task title",
               size: "sm",
-              tabIndex: g ? 0 : -1,
-              autoFocus: g
+              tabIndex: f ? 0 : -1,
+              autoFocus: f
             }
           ),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-01", children: [
-            /* @__PURE__ */ a(z, { children: [
-              /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ a(V, { children: [
+              /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(
                 "button",
                 {
-                  className: I(
+                  className: N(
                     "flex items-center justify-center h-6 w-6 rounded-ds-md transition-colors",
-                    l ? "text-interactive bg-interactive-subtle" : "text-text-tertiary hover:text-text-primary hover:bg-layer-active"
+                    u ? "text-interactive bg-interactive-subtle" : "text-text-tertiary hover:text-text-primary hover:bg-layer-active"
                   ),
-                  title: l ? `Lead: ${(W = f.find((w) => w.id === l)) == null ? void 0 : W.name}` : "Assign task lead",
+                  title: u ? `Lead: ${(_ = p.find((w) => w.id === u)) == null ? void 0 : _.name}` : "Assign task lead",
                   "aria-label": "Assign task lead",
-                  tabIndex: g ? 0 : -1,
+                  tabIndex: f ? 0 : -1,
                   children: /* @__PURE__ */ e(q, { className: "h-3.5 w-3.5" })
                 }
               ) }),
-              /* @__PURE__ */ a(F, { align: "start", className: "w-44 max-h-48 overflow-y-auto", children: [
-                f.length === 0 && /* @__PURE__ */ e("div", { className: "px-ds-03 py-ds-02 text-ds-xs text-text-tertiary", children: "No members found" }),
-                l && /* @__PURE__ */ a(se, { children: [
-                  /* @__PURE__ */ a($, { onClick: () => p(null), children: [
+              /* @__PURE__ */ a(G, { align: "start", className: "w-44 max-h-48 overflow-y-auto", children: [
+                p.length === 0 && /* @__PURE__ */ e("div", { className: "px-ds-03 py-ds-02 text-ds-xs text-text-tertiary", children: "No members found" }),
+                u && /* @__PURE__ */ a(se, { children: [
+                  /* @__PURE__ */ a(F, { onClick: () => I(null), children: [
                     /* @__PURE__ */ e(ie, { className: "mr-ds-02 h-3 w-3 text-text-tertiary" }),
                     "Clear lead"
                   ] }),
-                  /* @__PURE__ */ e(G, {})
+                  /* @__PURE__ */ e(H, {})
                 ] }),
-                f.map((w) => /* @__PURE__ */ e(
-                  $,
+                p.map((w) => /* @__PURE__ */ e(
+                  F,
                   {
-                    onClick: () => p(w.id),
-                    className: I(l === w.id && "bg-interactive-subtle"),
+                    onClick: () => I(w.id),
+                    className: N(u === w.id && "bg-interactive-subtle"),
                     children: w.name
                   },
                   w.id
@@ -896,23 +896,23 @@ function Pe({ column: s, index: t }) {
             /* @__PURE__ */ a(
               "label",
               {
-                className: I(
+                className: N(
                   "relative flex items-center justify-center h-6 w-6 rounded-ds-md cursor-pointer transition-colors",
                   m ? "text-interactive bg-interactive-subtle" : "text-text-tertiary hover:text-text-primary hover:bg-layer-active"
                 ),
                 title: m ? `Due: ${m}` : "Set due date",
                 "aria-label": "Set due date",
                 children: [
-                  /* @__PURE__ */ e(ye, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ e(ve, { className: "h-3.5 w-3.5" }),
                   /* @__PURE__ */ e(
                     "input",
                     {
                       type: "date",
                       value: m,
-                      onChange: (w) => C(w.target.value),
+                      onChange: (w) => y(w.target.value),
                       className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full",
                       "aria-label": "Due date",
-                      tabIndex: g ? 0 : -1
+                      tabIndex: f ? 0 : -1
                     }
                   )
                 ]
@@ -923,25 +923,25 @@ function Pe({ column: s, index: t }) {
               "button",
               {
                 onClick: J,
-                disabled: !u.trim(),
-                className: I(
+                disabled: !c.trim(),
+                className: N(
                   "flex items-center justify-center h-6 w-6 rounded-ds-md transition-colors",
-                  u.trim() ? "text-success hover:bg-success-surface" : "text-text-quaternary cursor-not-allowed"
+                  c.trim() ? "text-success hover:bg-success-surface" : "text-text-quaternary cursor-not-allowed"
                 ),
                 title: "Confirm add task",
                 "aria-label": "Confirm add task",
-                tabIndex: g ? 0 : -1,
-                children: /* @__PURE__ */ e(wt, { className: "h-3.5 w-3.5" })
+                tabIndex: f ? 0 : -1,
+                children: /* @__PURE__ */ e(bt, { className: "h-3.5 w-3.5" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: K,
+                onClick: z,
                 className: "flex items-center justify-center h-6 w-6 rounded-ds-md text-text-tertiary hover:text-text-primary hover:bg-layer-active transition-colors",
                 title: "Cancel",
                 "aria-label": "Cancel adding task",
-                tabIndex: g ? 0 : -1,
+                tabIndex: f ? 0 : -1,
                 children: /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" })
               }
             )
@@ -972,7 +972,7 @@ function Vt() {
     }
   );
 }
-function Ft() {
+function Ut() {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -991,7 +991,7 @@ function Ft() {
     }
   );
 }
-function Ut() {
+function Gt() {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -1053,18 +1053,18 @@ function Kt() {
     }
   );
 }
-const ke = [
+const Ce = [
   Vt,
-  Ft,
   Ut,
+  Gt,
   Kt
 ];
-function We({ index: s, onAddTask: t, isDropTarget: n = !1, className: r }) {
-  const o = ke[s % ke.length];
+function $e({ index: s, onAddTask: t, isDropTarget: n = !1, className: r }) {
+  const o = Ce[s % Ce.length];
   return /* @__PURE__ */ a(
     "div",
     {
-      className: I(
+      className: N(
         "flex flex-col items-center justify-center gap-ds-03 py-ds-07 text-center",
         r
       ),
@@ -1073,13 +1073,13 @@ function We({ index: s, onAddTask: t, isDropTarget: n = !1, className: r }) {
         n ? /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-tertiary", children: "Drop tasks here" }) : /* @__PURE__ */ a(se, { children: [
           /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-tertiary", children: "No tasks yet" }),
           /* @__PURE__ */ a(
-            O,
+            $,
             {
               variant: "ghost",
               size: "sm",
               onClick: t,
               children: [
-                /* @__PURE__ */ e(xe, { className: "h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e(ye, { className: "h-ico-sm w-ico-sm" }),
                 "Add a task"
               ]
             }
@@ -1089,20 +1089,20 @@ function We({ index: s, onAddTask: t, isDropTarget: n = !1, className: r }) {
     }
   );
 }
-We.displayName = "ColumnEmpty";
-function Gt(s) {
+$e.displayName = "ColumnEmpty";
+function Ht(s) {
   const t = new Date(s), n = /* @__PURE__ */ new Date(), r = t.getTime() - n.getTime(), o = Math.ceil(r / (1e3 * 60 * 60 * 24));
   return o < 0 ? { label: "Overdue", className: "text-error" } : o === 0 ? { label: "Today", className: "text-warning" } : o === 1 ? { label: "Tomorrow", className: "text-warning" } : {
     label: t.toLocaleDateString("en-IN", { month: "short", day: "numeric" }),
     className: "text-text-tertiary"
   };
 }
-const $e = {
-  LOW: Se,
-  MEDIUM: fe,
-  HIGH: Re,
+const _e = {
+  LOW: Ae,
+  MEDIUM: pe,
+  HIGH: Se,
   URGENT: le
-}, Ht = Ie(
+}, Qt = De(
   "group/card relative rounded-ds-lg border border-transparent bg-layer-01 pl-3 pr-ds-03 py-ds-03 transition-all duration-fast-02 ease-productive-standard cursor-pointer",
   {
     variants: {
@@ -1132,30 +1132,30 @@ const $e = {
     }
   }
 );
-function _e(s) {
+function ze(s) {
   const t = s.trim();
   if (!t) return "";
   const n = t.split(/\s+/);
   return n.length >= 2 ? (n[0][0] + n[1][0]).toUpperCase() : t.slice(0, 2).toUpperCase();
 }
-function ze({
+function Fe({
   task: s,
   isDragging: t,
   isDragOverlay: n,
   dragHandleProps: r
 }) {
-  var p;
+  var I;
   const {
     selectedTaskIds: o,
     toggleTaskSelection: h,
     focusedTaskId: b,
     currentUserId: v,
     highlightMyTasks: d,
-    onClickTask: c
-  } = U(), x = o.has(s.id), T = o.size > 0, y = b === s.id, g = s.dueDate ? Gt(s.dueDate) : null, S = $e[s.priority], u = ce[s.priority], k = d && v != null && ((p = s.owner) == null ? void 0 : p.id) !== v && !s.assignees.some((m) => m.id === v), l = [];
-  s.owner && l.push({ name: s.owner.name, image: s.owner.image, isOwner: !0 });
+    onClickTask: l
+  } = K(), x = o.has(s.id), D = o.size > 0, g = b === s.id, f = s.dueDate ? Ht(s.dueDate) : null, A = _e[s.priority], c = ce[s.priority], k = d && v != null && ((I = s.owner) == null ? void 0 : I.id) !== v && !s.assignees.some((m) => m.id === v), u = [];
+  s.owner && u.push({ name: s.owner.name, image: s.owner.image, isOwner: !0 });
   for (const m of s.assignees)
-    s.owner && m.id === s.owner.id || l.push({ name: m.name, image: m.image, isOwner: !1 });
+    s.owner && m.id === s.owner.id || u.push({ name: m.name, image: m.image, isOwner: !1 });
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1163,8 +1163,8 @@ function ze({
       tabIndex: 0,
       "data-task-id": s.id,
       "aria-label": `Task ${s.taskId}: ${s.title}`,
-      className: I(
-        Ht({
+      className: N(
+        Qt({
           state: n ? "overlay" : t ? "dragging" : "default",
           blocked: s.isBlocked,
           selected: x,
@@ -1172,22 +1172,22 @@ function ze({
         }),
         n && "scale-[1.03] rotate-[1.5deg] shadow-03",
         t && "opacity-40",
-        y && "ring-1 ring-focus"
+        g && "ring-1 ring-focus"
       ),
-      onClick: () => c(s.id),
+      onClick: () => l(s.id),
       onKeyDown: (m) => {
-        (m.key === "Enter" || m.key === " ") && (m.preventDefault(), c(s.id));
+        (m.key === "Enter" || m.key === " ") && (m.preventDefault(), l(s.id));
       },
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: I(
+            className: N(
               "absolute -top-2 -left-2 z-10 transition-opacity",
-              T || x ? "opacity-100 animate-scale-bounce" : "opacity-0 group-hover/card:opacity-100"
+              D || x ? "opacity-100 animate-scale-bounce" : "opacity-0 group-hover/card:opacity-100"
             ),
             children: /* @__PURE__ */ e(
-              Me,
+              Le,
               {
                 checked: x,
                 onCheckedChange: () => h(s.id),
@@ -1200,12 +1200,12 @@ function ze({
         ),
         /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02", children: [
           /* @__PURE__ */ e("span", { className: "text-ds-xs font-mono leading-none text-text-tertiary", children: s.taskId }),
-          /* @__PURE__ */ e(S, { className: I("h-3 w-3 flex-shrink-0", u), title: `Priority: ${s.priority}` }),
+          /* @__PURE__ */ e(A, { className: N("h-3 w-3 flex-shrink-0", c), title: `Priority: ${s.priority}` }),
           /* @__PURE__ */ e("div", { className: "flex-1" }),
           /* @__PURE__ */ e(
             "button",
             {
-              className: I(
+              className: N(
                 "flex-shrink-0 cursor-grab rounded p-ds-01 opacity-0 transition-opacity",
                 "group-hover/card:opacity-[0.38] hover:!opacity-100",
                 "active:cursor-grabbing",
@@ -1216,23 +1216,23 @@ function ze({
               "aria-label": `Drag handle for task: ${s.title}`,
               "aria-roledescription": "sortable",
               onClick: (m) => m.stopPropagation(),
-              children: /* @__PURE__ */ e(bt, { className: "h-ico-sm w-ico-sm text-icon-secondary" })
+              children: /* @__PURE__ */ e(kt, { className: "h-ico-sm w-ico-sm text-icon-secondary" })
             }
           )
         ] }),
         /* @__PURE__ */ e("p", { className: "mt-ds-02 text-ds-sm font-medium text-text-primary line-clamp-2", children: s.title }),
         /* @__PURE__ */ a("div", { className: "mt-ds-03 flex items-center gap-ds-02", children: [
-          g && /* @__PURE__ */ a(
+          f && /* @__PURE__ */ a(
             "div",
             {
-              className: I(
+              className: N(
                 "flex items-center gap-ds-01 text-ds-xs leading-tight",
-                g.className
+                f.className
               ),
-              title: `Due: ${g.label}`,
+              title: `Due: ${f.label}`,
               children: [
-                /* @__PURE__ */ e(ye, { className: "h-3 w-3" }),
-                /* @__PURE__ */ e("span", { children: g.label })
+                /* @__PURE__ */ e(ve, { className: "h-3 w-3" }),
+                /* @__PURE__ */ e("span", { children: f.label })
               ]
             }
           ),
@@ -1242,7 +1242,7 @@ function ze({
               className: "flex items-center gap-ds-01 text-ds-xs text-text-tertiary",
               title: `Subtasks: ${s.subtasksDone} of ${s.subtaskCount} done`,
               children: [
-                /* @__PURE__ */ e(kt, { className: "h-3 w-3" }),
+                /* @__PURE__ */ e(Ct, { className: "h-3 w-3" }),
                 /* @__PURE__ */ a("span", { children: [
                   s.subtasksDone,
                   "/",
@@ -1252,30 +1252,30 @@ function ze({
             }
           ),
           s.visibility === "EVERYONE" && /* @__PURE__ */ e("span", { className: "flex items-center text-text-tertiary", "aria-label": "Client visible", title: "Visible to client", children: /* @__PURE__ */ e(X, { className: "h-3 w-3" }) }),
-          s.isBlocked && /* @__PURE__ */ e("span", { className: "flex items-center text-error", "aria-label": "Blocked", title: "Blocked", children: /* @__PURE__ */ e(Ct, { className: "h-3 w-3" }) }),
+          s.isBlocked && /* @__PURE__ */ e("span", { className: "flex items-center text-error", "aria-label": "Blocked", title: "Blocked", children: /* @__PURE__ */ e(Nt, { className: "h-3 w-3" }) }),
           /* @__PURE__ */ e("div", { className: "flex-1" }),
-          l.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center flex-shrink-0", children: [
-            l.slice(0, 3).map((m, C) => /* @__PURE__ */ a(
-              Dt,
+          u.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center flex-shrink-0", children: [
+            u.slice(0, 3).map((m, y) => /* @__PURE__ */ a(
+              Tt,
               {
                 size: "xs",
-                className: I(
+                className: N(
                   "text-ds-xs border-2 border-layer-01",
-                  C > 0 && "-ml-ds-02b",
+                  y > 0 && "-ml-ds-02b",
                   m.isOwner && "shadow-[0_0_0_1.5px_rgba(var(--accent-rgb,99,102,241),0.35),0_0_6px_rgba(var(--accent-rgb,99,102,241),0.2)]"
                 ),
-                style: { zIndex: l.length - C },
+                style: { zIndex: u.length - y },
                 title: m.name,
                 children: [
-                  m.image && /* @__PURE__ */ e(Tt, { src: m.image, alt: m.name }),
-                  /* @__PURE__ */ e(Rt, { className: "font-body font-semibold", children: _e(m.name) })
+                  m.image && /* @__PURE__ */ e(Rt, { src: m.image, alt: m.name }),
+                  /* @__PURE__ */ e(St, { className: "font-body font-semibold", children: ze(m.name) })
                 ]
               },
-              C
+              y
             )),
-            l.length > 3 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs text-text-tertiary", children: [
+            u.length > 3 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs text-text-tertiary", children: [
               "+",
-              l.length - 3
+              u.length - 3
             ] })
           ] })
         ] })
@@ -1283,7 +1283,7 @@ function ze({
     }
   );
 }
-const Ve = j.forwardRef(
+const Ve = Q.forwardRef(
   function({ task: t }, n) {
     const {
       attributes: r,
@@ -1292,18 +1292,18 @@ const Ve = j.forwardRef(
       transform: b,
       transition: v,
       isDragging: d
-    } = Ce({
+    } = Ne({
       id: t.id,
       data: {
         type: "task",
         task: t
       }
-    }), c = Ae(h, n), x = {
-      transform: Ne.Transform.toString(b),
+    }), l = Me(h, n), x = {
+      transform: Ie.Transform.toString(b),
       transition: v
     };
-    return /* @__PURE__ */ e("div", { ref: c, style: x, children: /* @__PURE__ */ e(
-      ze,
+    return /* @__PURE__ */ e("div", { ref: l, style: x, children: /* @__PURE__ */ e(
+      Fe,
       {
         task: t,
         isDragging: d,
@@ -1313,7 +1313,7 @@ const Ve = j.forwardRef(
   }
 );
 Ve.displayName = "TaskCard";
-const Qt = Ie(
+const jt = De(
   "group/card flex items-center gap-ds-02 py-2 pl-3 pr-ds-03 border border-transparent rounded-ds-lg bg-layer-01 transition-all duration-fast-02 ease-productive-standard cursor-pointer hover:bg-layer-active hover:shadow-02 hover:-translate-y-px",
   {
     variants: {
@@ -1332,7 +1332,7 @@ const Qt = Ie(
     }
   }
 );
-function Fe({
+function Ue({
   task: s,
   isDragging: t,
   isDragOverlay: n
@@ -1345,7 +1345,7 @@ function Fe({
     currentUserId: b,
     highlightMyTasks: v,
     onClickTask: d
-  } = U(), c = r.has(s.id), x = r.size > 0, T = h === s.id, y = $e[s.priority], g = ce[s.priority], S = v && b != null && ((k = s.owner) == null ? void 0 : k.id) !== b && !s.assignees.some((l) => l.id === b), u = s.owner ?? s.assignees[0] ?? null;
+  } = K(), l = r.has(s.id), x = r.size > 0, D = h === s.id, g = _e[s.priority], f = ce[s.priority], A = v && b != null && ((k = s.owner) == null ? void 0 : k.id) !== b && !s.assignees.some((u) => u.id === b), c = s.owner ?? s.assignees[0] ?? null;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1353,41 +1353,41 @@ function Fe({
       tabIndex: 0,
       "data-task-id": s.id,
       "aria-label": `Task ${s.taskId}: ${s.title}`,
-      className: I(
+      className: N(
         "relative",
-        Qt({
-          selected: c,
-          dimmed: S
+        jt({
+          selected: l,
+          dimmed: A
         }),
         t && "opacity-40",
         n && "scale-[1.03] rotate-[1.5deg] shadow-03",
-        T && "ring-1 ring-focus"
+        D && "ring-1 ring-focus"
       ),
       onClick: () => d(s.id),
-      onKeyDown: (l) => {
-        (l.key === "Enter" || l.key === " ") && (l.preventDefault(), d(s.id));
+      onKeyDown: (u) => {
+        (u.key === "Enter" || u.key === " ") && (u.preventDefault(), d(s.id));
       },
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: I(
+            className: N(
               "absolute -top-1.5 -left-1.5 z-10 transition-opacity",
-              x || c ? "opacity-100 animate-scale-bounce" : "opacity-0 group-hover/card:opacity-100"
+              x || l ? "opacity-100 animate-scale-bounce" : "opacity-0 group-hover/card:opacity-100"
             ),
             children: /* @__PURE__ */ e(
-              Me,
+              Le,
               {
-                checked: c,
+                checked: l,
                 onCheckedChange: () => o(s.id),
-                onClick: (l) => l.stopPropagation(),
+                onClick: (u) => u.stopPropagation(),
                 "aria-label": `Select task ${s.taskId}`,
                 className: "rounded-full bg-layer-01 shadow-01"
               }
             )
           }
         ),
-        /* @__PURE__ */ e(y, { className: I("h-3.5 w-3.5 flex-shrink-0", g), title: `Priority: ${s.priority}` }),
+        /* @__PURE__ */ e(g, { className: N("h-3.5 w-3.5 flex-shrink-0", f), title: `Priority: ${s.priority}` }),
         /* @__PURE__ */ e("span", { className: "text-ds-xs font-mono text-text-tertiary flex-shrink-0", children: s.taskId }),
         /* @__PURE__ */ e("span", { className: "text-ds-sm text-text-primary line-clamp-1 flex-1 min-w-0", children: s.title }),
         s.subtaskCount > 0 && /* @__PURE__ */ a("span", { className: "text-ds-xs text-text-tertiary flex-shrink-0", children: [
@@ -1395,22 +1395,22 @@ function Fe({
           "/",
           s.subtaskCount
         ] }),
-        u && /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e(
           "div",
           {
-            className: I(
+            className: N(
               "flex h-[14px] w-[14px] shrink-0 items-center justify-center rounded-full border border-layer-01 bg-interactive-subtle text-[6px] font-semibold leading-none text-interactive overflow-hidden",
               s.owner && "shadow-[0_0_0_1px_rgba(var(--accent-rgb,99,102,241),0.35),0_0_4px_rgba(var(--accent-rgb,99,102,241),0.2)]"
             ),
-            title: u.name,
-            children: u.image ? /* @__PURE__ */ e("img", { src: u.image, alt: u.name, className: "h-full w-full object-cover" }) : _e(u.name)
+            title: c.name,
+            children: c.image ? /* @__PURE__ */ e("img", { src: c.image, alt: c.name, className: "h-full w-full object-cover" }) : ze(c.name)
           }
         )
       ]
     }
   );
 }
-const Ue = j.forwardRef(
+const Ge = Q.forwardRef(
   function({ task: t }, n) {
     const {
       attributes: r,
@@ -1419,18 +1419,18 @@ const Ue = j.forwardRef(
       transform: b,
       transition: v,
       isDragging: d
-    } = Ce({
+    } = Ne({
       id: t.id,
       data: {
         type: "task",
         task: t
       }
-    }), c = Ae(h, n), x = {
-      transform: Ne.Transform.toString(b),
+    }), l = Me(h, n), x = {
+      transform: Ie.Transform.toString(b),
       transition: v
     };
-    return /* @__PURE__ */ e("div", { ref: c, style: x, children: /* @__PURE__ */ e(
-      Fe,
+    return /* @__PURE__ */ e("div", { ref: l, style: x, children: /* @__PURE__ */ e(
+      Ue,
       {
         task: t,
         isDragging: d,
@@ -1439,24 +1439,24 @@ const Ue = j.forwardRef(
     ) });
   }
 );
-Ue.displayName = "TaskCardCompact";
-const Ke = j.forwardRef(function({ task: t }, n) {
-  return /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(Fe, { task: t, isDragOverlay: !0 }) });
+Ge.displayName = "TaskCardCompact";
+const Ke = Q.forwardRef(function({ task: t }, n) {
+  return /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(Ue, { task: t, isDragOverlay: !0 }) });
 });
 Ke.displayName = "TaskCardCompactOverlay";
-const Ge = j.forwardRef(
+const He = Q.forwardRef(
   function({ task: t }, n) {
-    return /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(ze, { task: t, isDragOverlay: !0 }) });
+    return /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(Fe, { task: t, isDragOverlay: !0 }) });
   }
 );
-Ge.displayName = "TaskCardOverlay";
-const jt = [
-  { value: "LOW", label: "Low", icon: Se },
-  { value: "MEDIUM", label: "Medium", icon: fe },
-  { value: "HIGH", label: "High", icon: Re },
+He.displayName = "TaskCardOverlay";
+const Yt = [
+  { value: "LOW", label: "Low", icon: Ae },
+  { value: "MEDIUM", label: "Medium", icon: pe },
+  { value: "HIGH", label: "High", icon: Se },
   { value: "URGENT", label: "Urgent", icon: le }
 ];
-function He({ taskId: s, children: t }) {
+function Qe({ taskId: s, children: t }) {
   const {
     rawColumns: n,
     onQuickPriorityChange: r,
@@ -1465,84 +1465,84 @@ function He({ taskId: s, children: t }) {
     onQuickDueDateChange: b,
     onQuickVisibilityChange: v,
     onQuickDelete: d
-  } = U(), c = de(n), x = Ee(n), T = j.useRef(null);
-  return /* @__PURE__ */ a(St, { children: [
-    /* @__PURE__ */ e(At, { children: t }),
-    /* @__PURE__ */ a(Mt, { className: "w-52 animate-scale-in", children: [
+  } = K(), l = de(n), x = Oe(n), D = Q.useRef(null);
+  return /* @__PURE__ */ a(At, { children: [
+    /* @__PURE__ */ e(Mt, { children: t }),
+    /* @__PURE__ */ a(Lt, { className: "w-52 animate-scale-in", children: [
       /* @__PURE__ */ a(Z, { children: [
         /* @__PURE__ */ a(ee, { children: [
           /* @__PURE__ */ e(le, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
           "Set Priority"
         ] }),
-        /* @__PURE__ */ e(te, { className: "w-40", children: jt.map((y) => {
-          const g = y.icon;
+        /* @__PURE__ */ e(te, { className: "w-40", children: Yt.map((g) => {
+          const f = g.icon;
           return /* @__PURE__ */ a(
-            H,
+            j,
             {
-              onSelect: () => r(s, y.value),
+              onSelect: () => r(s, g.value),
               children: [
                 /* @__PURE__ */ e(
-                  g,
+                  f,
                   {
-                    className: I(
+                    className: N(
                       "mr-ds-03 h-ico-sm w-ico-sm",
-                      ce[y.value]
+                      ce[g.value]
                     )
                   }
                 ),
-                y.label
+                g.label
               ]
             },
-            y.value
+            g.value
           );
         }) })
       ] }),
-      c.length > 0 && /* @__PURE__ */ a(Z, { children: [
+      l.length > 0 && /* @__PURE__ */ a(Z, { children: [
         /* @__PURE__ */ a(ee, { children: [
           /* @__PURE__ */ e(q, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
           "Assign"
         ] }),
-        /* @__PURE__ */ e(te, { className: "w-44 max-h-48 overflow-y-auto", children: c.map((y) => /* @__PURE__ */ e(
-          H,
+        /* @__PURE__ */ e(te, { className: "w-44 max-h-48 overflow-y-auto", children: l.map((g) => /* @__PURE__ */ e(
+          j,
           {
-            onSelect: () => o(s, y.id),
-            children: y.name
+            onSelect: () => o(s, g.id),
+            children: g.name
           },
-          y.id
+          g.id
         )) })
       ] }),
       /* @__PURE__ */ a(Z, { children: [
         /* @__PURE__ */ a(ee, { children: [
-          /* @__PURE__ */ e(Nt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+          /* @__PURE__ */ e(It, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
           "Add Label"
         ] }),
-        /* @__PURE__ */ e(te, { className: "w-40 max-h-48 overflow-y-auto", children: x.length > 0 ? x.map((y) => /* @__PURE__ */ e(
-          H,
+        /* @__PURE__ */ e(te, { className: "w-40 max-h-48 overflow-y-auto", children: x.length > 0 ? x.map((g) => /* @__PURE__ */ e(
+          j,
           {
-            onSelect: () => h(s, y),
-            children: y
+            onSelect: () => h(s, g),
+            children: g
           },
-          y
+          g
         )) : /* @__PURE__ */ e("div", { className: "px-ds-03 py-ds-02 text-ds-xs text-text-tertiary", children: "No labels found" }) })
       ] }),
       /* @__PURE__ */ a(
-        H,
+        j,
         {
-          onSelect: (y) => {
-            var g;
-            y.preventDefault(), (g = T.current) == null || g.showPicker();
+          onSelect: (g) => {
+            var f;
+            g.preventDefault(), (f = D.current) == null || f.showPicker();
           },
           children: [
-            /* @__PURE__ */ e(ye, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+            /* @__PURE__ */ e(ve, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
             "Set Due Date",
             /* @__PURE__ */ e(
               "input",
               {
-                ref: T,
+                ref: D,
                 type: "date",
                 className: "absolute opacity-0 pointer-events-none w-0 h-0",
-                onChange: (y) => {
-                  b(s, y.target.value || null);
+                onChange: (g) => {
+                  b(s, g.target.value || null);
                 },
                 tabIndex: -1
               }
@@ -1557,17 +1557,17 @@ function He({ taskId: s, children: t }) {
         ] }),
         /* @__PURE__ */ a(te, { className: "w-44", children: [
           /* @__PURE__ */ a(
-            H,
+            j,
             {
               onSelect: () => v(s, "INTERNAL"),
               children: [
-                /* @__PURE__ */ e(Te, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e(Re, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
                 "Internal only"
               ]
             }
           ),
           /* @__PURE__ */ a(
-            H,
+            j,
             {
               onSelect: () => v(s, "EVERYONE"),
               children: [
@@ -1578,14 +1578,14 @@ function He({ taskId: s, children: t }) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ e(Lt, {}),
+      /* @__PURE__ */ e(Et, {}),
       /* @__PURE__ */ a(
-        H,
+        j,
         {
           className: "text-error focus:text-error",
           onSelect: () => d(s),
           children: [
-            /* @__PURE__ */ e(pe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+            /* @__PURE__ */ e(xe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
             "Delete"
           ]
         }
@@ -1593,53 +1593,72 @@ function He({ taskId: s, children: t }) {
     ] })
   ] });
 }
-He.displayName = "TaskContextMenu";
-const Qe = j.forwardRef(
-  function({ column: t, index: n, isOverlay: r }, o) {
-    const { viewMode: h } = U(), { setNodeRef: b, isOver: v } = Je({
+Qe.displayName = "TaskContextMenu";
+function fe() {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "rounded-ds-lg border-2 border-dashed border-interactive/40 bg-interactive/[0.06] px-ds-04 py-ds-05",
+      "aria-hidden": !0,
+      children: [
+        /* @__PURE__ */ e("div", { className: "h-ds-xs-plus w-3/4 rounded-ds-md bg-interactive/10" }),
+        /* @__PURE__ */ e("div", { className: "mt-ds-02 h-[12px] w-1/2 rounded-ds-md bg-interactive/[0.06]" })
+      ]
+    }
+  );
+}
+const je = Q.forwardRef(
+  function({ column: t, index: n, isOverlay: r, dragPreview: o, draggedTask: h }, b) {
+    const { viewMode: v } = K(), { setNodeRef: d, isOver: l } = Ze({
       id: `column-${t.id}`,
       data: {
         type: "column",
         column: t
       }
-    }), d = t.tasks.map((x) => x.id), c = t.wipLimit != null && t.tasks.length > t.wipLimit;
+    }), x = t.tasks.map((g) => g.id), D = t.wipLimit != null && t.tasks.length > t.wipLimit;
     return /* @__PURE__ */ a(
       "div",
       {
-        ref: o,
-        className: I(
+        ref: b,
+        className: N(
           "flex h-full flex-shrink-0 flex-col rounded-ds-xl bg-layer-01/40 backdrop-blur-[2px] border border-border-subtle/20 hover:border-border-subtle/40 transition-colors p-1",
           r && "shadow-04",
-          c && "bg-error-surface/50"
+          D && "bg-error-surface/50"
         ),
-        style: { width: Et },
+        style: { width: Ot },
         children: [
           /* @__PURE__ */ e(Pe, { column: t, index: n }),
           /* @__PURE__ */ a(
             "div",
             {
-              ref: b,
-              className: I(
+              ref: d,
+              className: N(
                 "no-scrollbar flex flex-1 flex-col gap-ds-02 overflow-y-auto px-ds-03 pt-2.5 pb-ds-03 transition-colors duration-fast-02 ease-productive-standard",
-                v && "bg-interactive-subtle/30"
+                l && "bg-interactive-subtle/30"
               ),
               children: [
-                /* @__PURE__ */ e(De, { items: d, strategy: Ze, children: t.tasks.map((x, T) => /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: "animate-slide-up delay-stagger",
-                    style: { "--stagger-index": T },
-                    children: /* @__PURE__ */ e(He, { taskId: x.id, children: h === "compact" ? /* @__PURE__ */ e(Ue, { task: x }) : /* @__PURE__ */ e(Ve, { task: x }) })
-                  },
-                  x.id
-                )) }),
-                t.tasks.length === 0 && /* @__PURE__ */ e(
-                  We,
+                /* @__PURE__ */ a(Te, { items: x, strategy: et, children: [
+                  t.tasks.map((g, f) => /* @__PURE__ */ a(Q.Fragment, { children: [
+                    o && o.index === f && /* @__PURE__ */ e(fe, {}),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "animate-slide-up delay-stagger",
+                        style: { "--stagger-index": f },
+                        children: /* @__PURE__ */ e(Qe, { taskId: g.id, children: v === "compact" ? /* @__PURE__ */ e(Ge, { task: g }) : /* @__PURE__ */ e(Ve, { task: g }) })
+                      }
+                    )
+                  ] }, g.id)),
+                  o && o.index >= t.tasks.length && /* @__PURE__ */ e(fe, {})
+                ] }),
+                t.tasks.length === 0 && !o && /* @__PURE__ */ e(
+                  $e,
                   {
                     index: n,
-                    isDropTarget: v
+                    isDropTarget: l
                   }
-                )
+                ),
+                t.tasks.length === 0 && o && /* @__PURE__ */ e(fe, {})
               ]
             }
           )
@@ -1648,8 +1667,8 @@ const Qe = j.forwardRef(
     );
   }
 );
-Qe.displayName = "BoardColumn";
-function Yt(s) {
+je.displayName = "BoardColumn";
+function qt(s) {
   const {
     columns: t,
     focusedTaskId: n,
@@ -1659,80 +1678,80 @@ function Yt(s) {
     selectRange: b,
     clearSelection: v,
     clearFilters: d,
-    hasActiveFilters: c,
+    hasActiveFilters: l,
     onClickTask: x
-  } = U(), T = E(
-    (u) => {
+  } = K(), D = B(
+    (c) => {
       for (let k = 0; k < t.length; k++)
-        for (let l = 0; l < t[k].tasks.length; l++)
-          if (t[k].tasks[l].id === u)
-            return { columnIndex: k, taskIndex: l, taskId: u };
+        for (let u = 0; u < t[k].tasks.length; u++)
+          if (t[k].tasks[u].id === c)
+            return { columnIndex: k, taskIndex: u, taskId: c };
       return null;
     },
     [t]
-  ), y = E(
-    (u, k) => {
-      const l = t[u];
-      if (!l) return null;
-      const p = l.tasks[k];
-      return (p == null ? void 0 : p.id) ?? null;
+  ), g = B(
+    (c, k) => {
+      const u = t[c];
+      if (!u) return null;
+      const I = u.tasks[k];
+      return (I == null ? void 0 : I.id) ?? null;
     },
     [t]
-  ), g = E((u) => {
-    const k = document.querySelector(`[data-task-id="${u}"]`);
+  ), f = B((c) => {
+    const k = document.querySelector(`[data-task-id="${c}"]`);
     k && k.scrollIntoView({ block: "nearest", behavior: "smooth" });
-  }, []), S = E(
-    (u) => {
-      const k = u.target;
+  }, []), A = B(
+    (c) => {
+      const k = c.target;
       if (!(k.tagName === "INPUT" || k.tagName === "TEXTAREA" || k.isContentEditable))
-        switch (u.key) {
+        switch (c.key) {
           case "ArrowDown":
           case "ArrowUp": {
-            u.preventDefault();
-            const l = u.key === "ArrowDown" ? 1 : -1;
+            c.preventDefault();
+            const u = c.key === "ArrowDown" ? 1 : -1;
             if (!n) {
               for (const i of t)
                 if (i.tasks.length > 0) {
-                  const f = i.tasks[0].id;
-                  r(f), g(f);
+                  const p = i.tasks[0].id;
+                  r(p), f(p);
                   break;
                 }
               return;
             }
-            const p = T(n);
-            if (!p) return;
-            const m = p.taskIndex + l, C = y(p.columnIndex, m);
-            C && (r(C), g(C), u.shiftKey && n && b(n, C));
+            const I = D(n);
+            if (!I) return;
+            const m = I.taskIndex + u, y = g(I.columnIndex, m);
+            y && (r(y), f(y), c.shiftKey && n && b(n, y));
             return;
           }
           case "ArrowLeft":
           case "ArrowRight": {
-            u.preventDefault();
-            const l = u.key === "ArrowRight" ? 1 : -1;
+            c.preventDefault();
+            const u = c.key === "ArrowRight" ? 1 : -1;
             if (!n) return;
-            const p = T(n);
-            if (!p) return;
-            let m = p.columnIndex + l;
+            const I = D(n);
+            if (!I) return;
+            let m = I.columnIndex + u;
             for (; m >= 0 && m < t.length; ) {
               if (t[m].tasks.length > 0) {
-                const C = Math.min(p.taskIndex, t[m].tasks.length - 1), i = t[m].tasks[C].id;
-                r(i), g(i);
+                const y = Math.min(I.taskIndex, t[m].tasks.length - 1), i = t[m].tasks[y].id;
+                r(i), f(i);
                 return;
               }
-              m += l;
+              m += u;
             }
             return;
           }
           case "Enter": {
-            n && (u.preventDefault(), x(n));
+            n && (c.preventDefault(), x(n));
             return;
           }
           case " ": {
-            n && (u.preventDefault(), h(n));
+            n && (c.preventDefault(), h(n));
             return;
           }
           case "Escape": {
-            u.preventDefault(), o.size > 0 ? v() : c && d();
+            c.preventDefault(), o.size > 0 ? v() : l && d();
             return;
           }
         }
@@ -1741,11 +1760,11 @@ function Yt(s) {
       n,
       t,
       o,
-      c,
-      T,
-      y,
-      r,
+      l,
+      D,
       g,
+      r,
+      f,
       h,
       b,
       v,
@@ -1754,12 +1773,12 @@ function Yt(s) {
     ]
   );
   oe(() => {
-    const u = s.current;
-    if (u)
-      return u.addEventListener("keydown", S), () => u.removeEventListener("keydown", S);
-  }, [s, S]);
+    const c = s.current;
+    if (c)
+      return c.addEventListener("keydown", A), () => c.removeEventListener("keydown", A);
+  }, [s, A]);
 }
-function qt() {
+function Xt() {
   return {
     onDragStart({ active: s }) {
       const t = s.data.current;
@@ -1781,7 +1800,7 @@ function qt() {
     }
   };
 }
-function Xt({ className: s }) {
+function Jt({ className: s }) {
   const {
     columns: t,
     viewMode: n,
@@ -1789,118 +1808,144 @@ function Xt({ className: s }) {
     setActiveTask: o,
     onTaskMove: h,
     onAddColumn: b
-  } = U(), [v, d] = A(!1);
+  } = K(), [v, d] = O(!1), [l, x] = O(null);
   ae(null);
-  const c = ae(null);
-  Yt(c), oe(() => {
+  const D = ae(null);
+  qt(D), oe(() => {
     d(!0);
   }, []);
-  const x = et(
-    he(lt, {
+  const g = tt(
+    he(ct, {
       activationConstraint: { distance: 5 }
     }),
-    he(ot, {
+    he(lt, {
       activationConstraint: { delay: 200, tolerance: 5 }
     }),
-    he(it, {
-      coordinateGetter: rt
+    he(ot, {
+      coordinateGetter: it
     })
-  ), T = ne(() => qt(), []), y = t.map((l) => `column-${l.id}`), g = E(
-    (l) => {
-      for (const p of t)
-        if (p.tasks.some((m) => m.id === l))
-          return p.id;
+  ), f = ne(() => Xt(), []), A = t.map((y) => `column-${y.id}`), c = B(
+    (y) => {
+      for (const i of t)
+        if (i.tasks.some((p) => p.id === y))
+          return i.id;
       return null;
     },
     [t]
-  ), S = E(
-    (l) => {
-      const p = l.active.data.current;
-      (p == null ? void 0 : p.type) === "task" && o(p.task);
+  ), k = B(
+    (y) => {
+      const i = y.active.data.current;
+      (i == null ? void 0 : i.type) === "task" && o(i.task);
     },
     [o]
-  ), u = E(
-    (l) => {
-      const { active: p, over: m } = l;
-      if (!m) return;
-      const C = p.id, i = m.id, f = g(C);
-      if (!f) return;
-      let D = null, M = 0;
-      if (i.startsWith("column-")) {
-        D = i.replace("column-", "");
-        const N = t.find((R) => R.id === D);
-        M = (N == null ? void 0 : N.tasks.length) ?? 0;
-      } else if (D = g(i), D) {
-        const N = t.find((R) => R.id === D);
-        M = (N == null ? void 0 : N.tasks.findIndex((R) => R.id === i)) ?? 0;
+  ), u = B(
+    (y) => {
+      const { active: i, over: p } = y;
+      if (!p) {
+        x(null);
+        return;
+      }
+      const S = i.id, M = p.id, L = c(S);
+      if (!L) return;
+      let E = null, T = 0;
+      if (M.startsWith("column-")) {
+        E = M.replace("column-", "");
+        const R = t.find((C) => C.id === E);
+        T = (R == null ? void 0 : R.tasks.length) ?? 0;
+      } else if (E = c(M), E) {
+        const R = t.find((C) => C.id === E);
+        T = (R == null ? void 0 : R.tasks.findIndex((C) => C.id === M)) ?? 0;
       }
-      !D || f === D || h(C, D, M);
+      if (!E) {
+        x(null);
+        return;
+      }
+      if (L === E) {
+        x(null);
+        return;
+      }
+      x({ taskId: S, columnId: E, index: T });
     },
-    [t, g, h]
-  ), k = E(
-    (l) => {
-      const { active: p, over: m } = l;
-      if (o(null), !m) return;
-      const C = p.id, i = m.id, f = g(C);
-      if (!f) return;
-      let D, M;
-      if (i.startsWith("column-")) {
-        D = i.replace("column-", "");
-        const N = t.find((R) => R.id === D);
-        if (M = (N == null ? void 0 : N.tasks.length) ?? 0, f === D) {
-          const R = N == null ? void 0 : N.tasks.findIndex((B) => B.id === C);
-          R !== void 0 && R >= 0 && (M = R);
+    [t, c]
+  ), I = B(
+    (y) => {
+      const { active: i, over: p } = y, S = l;
+      if (o(null), x(null), !p) return;
+      const M = i.id, L = p.id, E = c(M);
+      if (!E) return;
+      if (S && S.taskId === M) {
+        h(M, S.columnId, S.index);
+        return;
+      }
+      let T, R;
+      if (L.startsWith("column-")) {
+        T = L.replace("column-", "");
+        const C = t.find((W) => W.id === T);
+        if (R = (C == null ? void 0 : C.tasks.length) ?? 0, E === T) {
+          const W = C == null ? void 0 : C.tasks.findIndex((z) => z.id === M);
+          W !== void 0 && W >= 0 && (R = W);
         }
       } else {
-        D = g(i) ?? f;
-        const N = t.find((R) => R.id === D);
-        M = (N == null ? void 0 : N.tasks.findIndex((R) => R.id === i)) ?? 0;
+        T = c(L) ?? E;
+        const C = t.find((W) => W.id === T);
+        R = (C == null ? void 0 : C.tasks.findIndex((W) => W.id === L)) ?? 0;
       }
-      h(C, D, M);
+      h(M, T, R);
     },
-    [t, g, o, h]
-  );
+    [t, l, c, o, h]
+  ), m = B(() => {
+    o(null), x(null);
+  }, [o]);
   return /* @__PURE__ */ a(
-    tt,
+    st,
     {
-      sensors: x,
-      collisionDetection: st,
-      onDragStart: S,
+      sensors: g,
+      collisionDetection: nt,
+      onDragStart: k,
       onDragOver: u,
-      onDragEnd: k,
-      accessibility: { announcements: T },
+      onDragEnd: I,
+      onDragCancel: m,
+      accessibility: { announcements: f },
       children: [
         /* @__PURE__ */ a(
           "div",
           {
-            ref: c,
+            ref: D,
             tabIndex: 0,
             className: "no-scrollbar flex h-full gap-ds-05 overflow-x-auto pb-ds-05 outline-none",
             children: [
               /* @__PURE__ */ e(
-                De,
+                Te,
                 {
-                  items: y,
-                  strategy: nt,
-                  children: t.map((l, p) => /* @__PURE__ */ e(
+                  items: A,
+                  strategy: at,
+                  children: t.map((y, i) => /* @__PURE__ */ e(
                     "div",
                     {
                       className: "flex-shrink-0 animate-slide-right delay-stagger-50",
-                      style: { "--stagger-index": p },
-                      children: /* @__PURE__ */ e(Qe, { column: l, index: p })
+                      style: { "--stagger-index": i },
+                      children: /* @__PURE__ */ e(
+                        je,
+                        {
+                          column: y,
+                          index: i,
+                          dragPreview: (l == null ? void 0 : l.columnId) === y.id ? l : void 0,
+                          draggedTask: r
+                        }
+                      )
                     },
-                    l.id
+                    y.id
                   ))
                 }
               ),
               /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ a(
-                O,
+                $,
                 {
                   variant: "ghost",
                   onClick: b,
                   className: "h-ds-md w-[320px] justify-start gap-ds-03 rounded-ds-xl border border-dashed border-border/60 bg-layer-02 text-text-tertiary hover:border-border-interactive hover:bg-interactive-subtle/50 hover:text-interactive",
                   children: [
-                    /* @__PURE__ */ e(xe, { className: "h-ico-sm w-ico-sm" }),
+                    /* @__PURE__ */ e(ye, { className: "h-ico-sm w-ico-sm" }),
                     "Add column"
                   ]
                 }
@@ -1908,42 +1953,42 @@ function Xt({ className: s }) {
             ]
           }
         ),
-        v && Xe(
-          /* @__PURE__ */ e(at, { dropAnimation: { duration: 240, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" }, children: r ? n === "compact" ? /* @__PURE__ */ e(Ke, { task: r }) : /* @__PURE__ */ e(Ge, { task: r }) : null }),
+        v && Je(
+          /* @__PURE__ */ e(rt, { dropAnimation: { duration: 240, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" }, children: r ? n === "compact" ? /* @__PURE__ */ e(Ke, { task: r }) : /* @__PURE__ */ e(He, { task: r }) : null }),
           document.body
         )
       ]
     }
   );
 }
-const Jt = j.forwardRef(
+const Zt = Q.forwardRef(
   function({ className: t, ...n }, r) {
     return /* @__PURE__ */ e("div", { ref: r, className: t, children: /* @__PURE__ */ e(Pt, { ...n, children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-03", children: [
-      /* @__PURE__ */ e(Oe, {}),
       /* @__PURE__ */ e(Be, {}),
-      /* @__PURE__ */ e(Xt, {})
+      /* @__PURE__ */ e(We, {}),
+      /* @__PURE__ */ e(Jt, {})
     ] }) }) });
   }
 );
-Jt.displayName = "KanbanBoard";
+Zt.displayName = "KanbanBoard";
 export {
-  Qe as B,
-  ve as C,
-  we as D,
-  Jt as K,
+  je as B,
+  we as C,
+  be as D,
+  Zt as K,
   ce as P,
   Ve as T,
   Pt as a,
-  Oe as b,
-  Be as c,
-  Et as d,
-  We as e,
+  Be as b,
+  We as c,
+  Ot as d,
+  $e as e,
   Pe as f,
-  fs as g,
-  Ue as h,
+  ps as g,
+  Ge as h,
   Ke as i,
-  Ge as j,
-  He as k,
-  Yt as l,
-  U as u
+  He as j,
+  Qe as k,
+  qt as l,
+  K as u
 };