@devalok/shilp-sutra-karm 0.22.0 → 0.23.0

package/dist/_chunks/kanban-board.js

@@ -1,26 +1,26 @@
 "use client";
-import { jsx as e, jsxs as a, Fragment as ve } from "react/jsx-runtime";
-import * as P from "react";
-import { useMemo as re, useState as E, useEffect as oe, useCallback as O, useContext as bt, createContext as xt, useRef as ye } from "react";
-import { createPortal as wt } from "react-dom";
-import { u as Pe, C as _e, a as vt, S as ze, v as yt, b as kt, c as De, D as Ct, d as Nt, h as It, e as Dt, s as Tt, K as Rt, T as St, P as At } from "./vendor-dnd.js";
+import { jsx as e, jsxs as a, Fragment as me } from "react/jsx-runtime";
+import * as F from "react";
+import { useMemo as he, useState as E, useEffect as ge, useCallback as L, useContext as It, useSyncExternalStore as Dt, createContext as Tt, useRef as Ie } from "react";
+import { createPortal as St } from "react-dom";
+import { u as Ge, C as je, a as Rt, S as Ye, v as Mt, b as At, c as Ae, s as Lt, K as Et, T as Ot, P as Bt, D as Wt, d as $t, h as zt, e as Ft } from "./vendor-dnd.js";
 import { cn as N } from "@devalok/shilp-sutra/ui/lib/utils";
-import { MotionStagger as le, MotionStaggerItem as Q } from "@devalok/shilp-sutra/motion/primitives";
-import { Input as ke } from "@devalok/shilp-sutra/ui/input";
-import { Button as F } from "@devalok/shilp-sutra/ui/button";
-import { Badge as Mt } from "@devalok/shilp-sutra/ui/badge";
-import { DropdownMenu as U, DropdownMenuTrigger as V, DropdownMenuContent as G, DropdownMenuLabel as te, DropdownMenuSeparator as Y, DropdownMenuCheckboxItem as Te, DropdownMenuRadioGroup as Lt, DropdownMenuRadioItem as Et, DropdownMenuItem as _ } from "@devalok/shilp-sutra/ui/dropdown-menu";
-import { SegmentedControl as Ot } from "@devalok/shilp-sutra/ui/segmented-control";
-import { IconX as Ce, IconSearch as Bt, IconFilter as Wt, IconUser as ce, IconLayoutGrid as Ft, IconLayoutList as $t, IconArrowRight as Se, IconAlertTriangle as Ne, IconEye as de, IconTrash as Ae, IconPlus as Me, IconDots as Pt, IconPencil as _t, IconGauge as zt, IconEyeOff as Ue, IconCalendar as Le, IconCheck as Ut, IconArrowUp as Ve, IconArrowDown as Ge, IconGripVertical as Vt, IconSubtask as Gt, IconLock as Kt, IconTag as Ht } from "@tabler/icons-react";
-import { AnimatePresence as ie, motion as se } from "framer-motion";
-import { springs as ae, motionProps as jt } from "@devalok/shilp-sutra/ui/lib/motion";
-import { AvatarGroup as Yt } from "@devalok/shilp-sutra/composed/avatar-group";
-import { u as Ke } from "./use-composed-ref.js";
-import { w as He } from "./vendor-utils.js";
-import { Checkbox as je } from "@devalok/shilp-sutra/ui";
-import { Avatar as Qt, AvatarImage as qt, AvatarFallback as Xt } from "@devalok/shilp-sutra/ui/avatar";
-import { ContextMenu as Jt, ContextMenuTrigger as Zt, ContextMenuContent as es, ContextMenuSub as be, ContextMenuSubTrigger as xe, ContextMenuSubContent as we, ContextMenuItem as ee, ContextMenuSeparator as ts } from "@devalok/shilp-sutra/ui/context-menu";
-const ss = 320, Be = [
+import { MotionStagger as pe, MotionStaggerItem as J } from "@devalok/shilp-sutra/motion/primitives";
+import { Input as De } from "@devalok/shilp-sutra/ui/input";
+import { Button as W } from "@devalok/shilp-sutra/ui/button";
+import { Badge as qe } from "@devalok/shilp-sutra/ui/badge";
+import { DropdownMenu as H, DropdownMenuTrigger as K, DropdownMenuContent as G, DropdownMenuLabel as se, DropdownMenuSeparator as X, DropdownMenuCheckboxItem as Le, DropdownMenuRadioGroup as Pt, DropdownMenuRadioItem as _t, DropdownMenuItem as U } from "@devalok/shilp-sutra/ui/dropdown-menu";
+import { SegmentedControl as Ut } from "@devalok/shilp-sutra/ui/segmented-control";
+import { IconX as Te, IconSearch as Vt, IconFilter as Ht, IconUser as xe, IconLayoutGrid as Kt, IconLayoutList as Gt, IconArrowRight as Be, IconAlertTriangle as Re, IconEye as re, IconTrash as We, IconEyeOff as Oe, IconPlus as $e, IconDots as jt, IconPencil as Yt, IconGauge as qt, IconCalendar as ze, IconCheck as Qt, IconArrowUp as Qe, IconArrowDown as Xe, IconGripVertical as Xt, IconSubtask as Jt, IconLock as Zt, IconTag as es } from "@tabler/icons-react";
+import { AnimatePresence as fe, motion as ie } from "framer-motion";
+import { springs as oe, motionProps as ts } from "@devalok/shilp-sutra/ui/lib/motion";
+import { AvatarGroup as ss } from "@devalok/shilp-sutra/composed/avatar-group";
+import { u as Je } from "./use-composed-ref.js";
+import { w as Ze } from "./vendor-utils.js";
+import { Checkbox as et } from "@devalok/shilp-sutra/ui";
+import { Avatar as as, AvatarImage as ns, AvatarFallback as rs } from "@devalok/shilp-sutra/ui/avatar";
+import { ContextMenu as is, ContextMenuTrigger as os, ContextMenuContent as ls, ContextMenuSub as ye, ContextMenuSubTrigger as Ce, ContextMenuSubContent as Ne, ContextMenuItem as te, ContextMenuSeparator as cs } from "@devalok/shilp-sutra/ui/context-menu";
+const ds = 320, Se = [
   "bg-category-cyan-9",
   "bg-category-amber-9",
   "bg-category-teal-9",
@@ -29,41 +29,41 @@ const ss = 320, Be = [
   "bg-category-emerald-9",
   "bg-category-slate-9",
   "bg-accent-9"
-], Vs = {
+], ta = {
   LOW: "IconArrowDown",
   MEDIUM: "IconArrowRight",
   HIGH: "IconArrowUp",
   URGENT: "IconAlertTriangle"
-}, Ie = {
+}, Me = {
   LOW: "text-surface-fg-subtle",
   MEDIUM: "text-warning-11",
   HIGH: "text-error-11",
   URGENT: "text-error-11"
-}, We = {
+}, Ve = {
   search: "",
   assignees: [],
   priorities: [],
   labels: [],
   dueDateRange: null
 };
-function as(t) {
+function us(t) {
   const s = /* @__PURE__ */ new Set(), n = [];
-  for (const r of t)
-    for (const c of r.tasks) {
+  for (const i of t)
+    for (const c of i.tasks) {
       c.owner && !s.has(c.owner.id) && (s.add(c.owner.id), n.push(c.owner));
-      for (const o of c.assignees)
-        s.has(o.id) || (s.add(o.id), n.push(o));
+      for (const r of c.assignees)
+        s.has(r.id) || (s.add(r.id), n.push(r));
     }
   return n;
 }
-function Ye(t) {
+function tt(t) {
   const s = /* @__PURE__ */ new Set();
   for (const n of t)
-    for (const r of n.tasks)
-      for (const c of r.labels) s.add(c);
+    for (const i of n.tasks)
+      for (const c of i.labels) s.add(c);
   return Array.from(s).sort();
 }
-function ns(t, s) {
+function ms(t, s) {
   if (s.search) {
     const n = s.search.toLowerCase();
     if (!t.title.toLowerCase().includes(n) && !t.taskId.toLowerCase().includes(n))
@@ -74,410 +74,437 @@ function ns(t, s) {
   if (s.assignees.length > 0) {
     const n = [
       ...t.owner ? [t.owner.id] : [],
-      ...t.assignees.map((r) => r.id)
+      ...t.assignees.map((i) => i.id)
     ];
-    if (!s.assignees.some((r) => n.includes(r))) return !1;
+    if (!s.assignees.some((i) => n.includes(i))) return !1;
   }
   if (s.labels.length > 0 && !s.labels.some((n) => t.labels.includes(n)))
     return !1;
   if (s.dueDateRange && s.dueDateRange !== "none") {
     if (!t.dueDate) return !1;
-    const n = new Date(t.dueDate), r = /* @__PURE__ */ new Date();
-    r.setHours(0, 0, 0, 0);
-    const c = new Date(r);
+    const n = new Date(t.dueDate), i = /* @__PURE__ */ new Date();
+    i.setHours(0, 0, 0, 0);
+    const c = new Date(i);
     switch (c.setHours(23, 59, 59, 999), s.dueDateRange) {
       case "overdue":
-        if (n >= r) return !1;
+        if (n >= i) return !1;
         break;
       case "today":
-        if (n < r || n > c) return !1;
+        if (n < i || n > c) return !1;
         break;
       case "this-week": {
-        const o = new Date(r);
-        if (o.setDate(r.getDate() + (7 - r.getDay())), o.setHours(23, 59, 59, 999), n < r || n > o) return !1;
+        const r = new Date(i);
+        if (r.setDate(i.getDate() + (7 - i.getDay())), r.setHours(23, 59, 59, 999), n < i || n > r) return !1;
         break;
       }
     }
   }
   return !0;
 }
-function rs(t, s) {
-  return re(() => s.search !== "" || s.priorities.length > 0 || s.assignees.length > 0 || s.labels.length > 0 || s.dueDateRange != null && s.dueDateRange !== "none" ? t.map((r) => ({
-    ...r,
-    tasks: r.tasks.filter((c) => ns(c, s))
+function hs(t, s) {
+  return he(() => s.search !== "" || s.priorities.length > 0 || s.assignees.length > 0 || s.labels.length > 0 || s.dueDateRange != null && s.dueDateRange !== "none" ? t.map((i) => ({
+    ...i,
+    tasks: i.tasks.filter((c) => ms(c, s))
   })) : t, [t, s]);
 }
-const Qe = xt(null);
-function K() {
-  const t = bt(Qe);
+const st = Tt(null);
+function P() {
+  const t = It(st);
   if (!t) throw new Error("useBoardContext must be used within <BoardProvider>");
   return t;
 }
 const B = () => {
-};
-function is({
+}, fs = { sm: 640, md: 768 };
+function gs(t) {
+  const s = `(max-width: ${fs[t] - 1}px)`, n = L(
+    (r) => {
+      const u = window.matchMedia(s);
+      return u.addEventListener("change", r), () => u.removeEventListener("change", r);
+    },
+    [s]
+  ), i = L(() => window.matchMedia(s).matches, [s]), c = L(() => !1, []);
+  return Dt(n, i, c);
+}
+function ps({
   initialData: t,
   currentUserId: s = null,
   members: n,
-  children: r,
-  onTaskMove: c,
-  onTaskAdd: o,
-  onBulkAction: d,
-  onColumnReorder: I,
-  onColumnRename: w,
-  onColumnDelete: p,
-  onColumnToggleVisibility: x,
-  onColumnWipLimitChange: g,
-  onClickTask: u,
-  onAddColumn: C,
-  onQuickPriorityChange: D,
-  onQuickAssign: l,
-  onQuickDueDateChange: v,
-  onQuickLabelAdd: m,
-  onQuickVisibilityChange: R,
-  onQuickDelete: h
+  children: i,
+  completedColumnId: c,
+  showCompleted: r = !0,
+  onToggleCompleted: u,
+  mobileView: k = "scroll",
+  mobileBreakpoint: b = "md",
+  onTaskMove: g,
+  onTaskAdd: m,
+  onBulkAction: p,
+  onColumnReorder: x,
+  onColumnRename: D,
+  onColumnDelete: M,
+  onColumnToggleVisibility: l,
+  onColumnWipLimitChange: w,
+  onClickTask: h,
+  onAddColumn: S,
+  onQuickPriorityChange: d,
+  onQuickAssign: v,
+  onQuickDueDateChange: I,
+  onQuickLabelAdd: A,
+  onQuickVisibilityChange: $,
+  onQuickDelete: T
 }) {
-  const [f, T] = E(t.columns);
-  oe(() => {
-    T(t.columns);
+  const [o, f] = E(t.columns);
+  ge(() => {
+    f(t.columns);
   }, [t]);
-  const [L, $] = E("default"), [y, i] = E(We), b = O((H) => {
-    i((Z) => ({ ...Z, ...H }));
-  }, []), A = O(() => i(We), []), M = re(
+  const [R, O] = E("default"), [y, z] = E(Ve), j = L((q) => {
+    z((ee) => ({ ...ee, ...q }));
+  }, []), _ = L(() => z(Ve), []), ae = he(
     () => y.search !== "" || y.priorities.length > 0 || y.assignees.length > 0 || y.labels.length > 0 || y.dueDateRange != null && y.dueDateRange !== "none",
     [y]
-  ), S = rs(f, y), W = re(
-    () => n ?? as(f),
-    [n, f]
-  ), [q, X] = E(/* @__PURE__ */ new Set()), ue = O((H) => {
-    X((Z) => {
-      const z = new Set(Z);
-      return z.has(H) ? z.delete(H) : z.add(H), z;
+  ), Y = hs(o, y), le = he(
+    () => n ?? us(o),
+    [n, o]
+  ), [ce, ne] = E(/* @__PURE__ */ new Set()), Z = L((q) => {
+    ne((ee) => {
+      const V = new Set(ee);
+      return V.has(q) ? V.delete(q) : V.add(q), V;
     });
-  }, []), J = O(
-    (H, Z) => {
-      const z = S.flatMap((j) => j.tasks), ge = z.findIndex((j) => j.id === H), pe = z.findIndex((j) => j.id === Z);
-      if (ge === -1 || pe === -1) return;
-      const [ht, ft] = ge < pe ? [ge, pe] : [pe, ge], gt = z.slice(ht, ft + 1).map((j) => j.id);
-      X((j) => {
-        const Oe = new Set(j);
-        return gt.forEach((pt) => Oe.add(pt)), Oe;
+  }, []), de = L(
+    (q, ee) => {
+      const V = Y.flatMap((Q) => Q.tasks), ve = V.findIndex((Q) => Q.id === q), ke = V.findIndex((Q) => Q.id === ee);
+      if (ve === -1 || ke === -1) return;
+      const [kt, yt] = ve < ke ? [ve, ke] : [ke, ve], Ct = V.slice(kt, yt + 1).map((Q) => Q.id);
+      ne((Q) => {
+        const Ue = new Set(Q);
+        return Ct.forEach((Nt) => Ue.add(Nt)), Ue;
       });
     },
-    [S]
-  ), ne = O(() => {
-    const H = S.flatMap((Z) => Z.tasks.map((z) => z.id));
-    X(new Set(H));
-  }, [S]), me = O(() => X(/* @__PURE__ */ new Set()), []), [he, fe] = E(null), [k, dt] = E(!1), [Ee, ut] = E(null), mt = re(
+    [Y]
+  ), be = L(() => {
+    const q = Y.flatMap((ee) => ee.tasks.map((V) => V.id));
+    ne(new Set(q));
+  }, [Y]), we = L(() => ne(/* @__PURE__ */ new Set()), []), [ue, C] = E(null), [Fe, xt] = E(!1), [Pe, bt] = E(null), wt = gs(b), _e = k === "list" && wt, vt = he(
     () => ({
-      columns: S,
-      rawColumns: f,
-      members: W,
-      viewMode: L,
-      setViewMode: $,
+      columns: Y,
+      rawColumns: o,
+      members: le,
+      viewMode: R,
+      setViewMode: O,
       filters: y,
-      setFilters: b,
-      clearFilters: A,
-      hasActiveFilters: M,
-      selectedTaskIds: q,
-      toggleTaskSelection: ue,
-      selectRange: J,
-      selectAll: ne,
-      clearSelection: me,
-      focusedTaskId: he,
-      setFocusedTaskId: fe,
+      setFilters: j,
+      clearFilters: _,
+      hasActiveFilters: ae,
+      selectedTaskIds: ce,
+      toggleTaskSelection: Z,
+      selectRange: de,
+      selectAll: be,
+      clearSelection: we,
+      focusedTaskId: ue,
+      setFocusedTaskId: C,
       currentUserId: s,
-      highlightMyTasks: k,
-      setHighlightMyTasks: dt,
-      activeTask: Ee,
-      setActiveTask: ut,
-      onTaskMove: c ?? B,
-      onTaskAdd: o ?? B,
-      onBulkAction: d ?? B,
-      onColumnReorder: I ?? B,
-      onColumnRename: w ?? B,
-      onColumnDelete: p ?? B,
-      onColumnToggleVisibility: x ?? B,
-      onColumnWipLimitChange: g ?? B,
-      onClickTask: u ?? B,
-      onAddColumn: C ?? B,
-      onQuickPriorityChange: D ?? B,
-      onQuickAssign: l ?? B,
-      onQuickDueDateChange: v ?? B,
-      onQuickLabelAdd: m ?? B,
-      onQuickVisibilityChange: R ?? B,
-      onQuickDelete: h ?? B
+      highlightMyTasks: Fe,
+      setHighlightMyTasks: xt,
+      activeTask: Pe,
+      setActiveTask: bt,
+      completedColumnId: c,
+      showCompleted: r,
+      onToggleCompleted: u ?? B,
+      mobileView: k,
+      mobileBreakpoint: b,
+      isMobileListView: _e,
+      onTaskMove: g ?? B,
+      onTaskAdd: m ?? B,
+      onBulkAction: p ?? B,
+      onColumnReorder: x ?? B,
+      onColumnRename: D ?? B,
+      onColumnDelete: M ?? B,
+      onColumnToggleVisibility: l ?? B,
+      onColumnWipLimitChange: w ?? B,
+      onClickTask: h ?? B,
+      onAddColumn: S ?? B,
+      onQuickPriorityChange: d ?? B,
+      onQuickAssign: v ?? B,
+      onQuickDueDateChange: I ?? B,
+      onQuickLabelAdd: A ?? B,
+      onQuickVisibilityChange: $ ?? B,
+      onQuickDelete: T ?? B
     }),
     [
-      S,
-      f,
-      W,
-      L,
+      Y,
+      o,
+      le,
+      R,
       y,
-      b,
-      A,
-      M,
-      q,
+      j,
+      _,
+      ae,
+      ce,
+      Z,
+      de,
+      be,
+      we,
       ue,
-      J,
-      ne,
-      me,
-      he,
       s,
-      k,
-      Ee,
+      Fe,
+      Pe,
       c,
-      o,
-      d,
-      I,
-      w,
+      r,
+      u,
+      k,
+      b,
+      _e,
+      g,
+      m,
       p,
       x,
-      g,
-      u,
-      C,
       D,
+      M,
       l,
+      w,
+      h,
+      S,
+      d,
       v,
-      m,
-      R,
-      h
+      I,
+      A,
+      $,
+      T
     ]
   );
-  return /* @__PURE__ */ e(Qe.Provider, { value: mt, children: r });
+  return /* @__PURE__ */ e(st.Provider, { value: vt, children: i });
 }
-const os = ["LOW", "MEDIUM", "HIGH", "URGENT"], Fe = [
+const xs = ["LOW", "MEDIUM", "HIGH", "URGENT"], He = [
   { value: "overdue", label: "Overdue" },
   { value: "today", label: "Today" },
   { value: "this-week", label: "This week" }
-], qe = P.forwardRef(({ className: t, ...s }, n) => {
+], at = F.forwardRef(({ className: t, ...s }, n) => {
   const {
-    rawColumns: r,
+    rawColumns: i,
     members: c,
-    filters: o,
-    setFilters: d,
-    clearFilters: I,
-    hasActiveFilters: w,
-    viewMode: p,
-    setViewMode: x,
-    highlightMyTasks: g,
-    setHighlightMyTasks: u
-  } = K(), [C, D] = E(o.search), l = ye(null), v = O(
-    (i) => {
-      const b = i.target.value;
-      D(b), l.current && clearTimeout(l.current), l.current = setTimeout(() => {
-        d({ search: b });
+    filters: r,
+    setFilters: u,
+    clearFilters: k,
+    hasActiveFilters: b,
+    viewMode: g,
+    setViewMode: m,
+    highlightMyTasks: p,
+    setHighlightMyTasks: x
+  } = P(), [D, M] = E(r.search), l = Ie(null), w = L(
+    (o) => {
+      const f = o.target.value;
+      M(f), l.current && clearTimeout(l.current), l.current = setTimeout(() => {
+        u({ search: f });
       }, 200);
     },
-    [d]
+    [u]
   );
-  oe(() => () => {
+  ge(() => () => {
     l.current && clearTimeout(l.current);
-  }, []), oe(() => {
-    D(o.search);
-  }, [o.search]);
-  const m = c, R = Ye(r), h = (i) => {
-    const b = o.priorities;
-    d({
-      priorities: b.includes(i) ? b.filter((A) => A !== i) : [...b, i]
+  }, []), ge(() => {
+    M(r.search);
+  }, [r.search]);
+  const h = c, S = tt(i), d = (o) => {
+    const f = r.priorities;
+    u({
+      priorities: f.includes(o) ? f.filter((R) => R !== o) : [...f, o]
     });
-  }, f = (i) => {
-    const b = o.assignees;
-    d({
-      assignees: b.includes(i) ? b.filter((A) => A !== i) : [...b, i]
+  }, v = (o) => {
+    const f = r.assignees;
+    u({
+      assignees: f.includes(o) ? f.filter((R) => R !== o) : [...f, o]
     });
-  }, T = (i) => {
-    const b = o.labels;
-    d({
-      labels: b.includes(i) ? b.filter((A) => A !== i) : [...b, i]
+  }, I = (o) => {
+    const f = r.labels;
+    u({
+      labels: f.includes(o) ? f.filter((R) => R !== o) : [...f, o]
     });
-  }, L = (i) => {
-    d({
-      dueDateRange: i === o.dueDateRange ? null : i
+  }, A = (o) => {
+    u({
+      dueDateRange: o === r.dueDateRange ? null : o
     });
   }, $ = [
-    { id: "default", text: "Board", icon: Ft },
-    { id: "compact", text: "Compact", icon: $t }
-  ], y = [];
-  for (const i of o.priorities)
-    y.push({
-      key: `priority-${i}`,
-      label: i.charAt(0) + i.slice(1).toLowerCase(),
-      onRemove: () => h(i)
+    { id: "default", text: "Board", icon: Kt },
+    { id: "compact", text: "Compact", icon: Gt }
+  ], T = [];
+  for (const o of r.priorities)
+    T.push({
+      key: `priority-${o}`,
+      label: o.charAt(0) + o.slice(1).toLowerCase(),
+      onRemove: () => d(o)
     });
-  for (const i of o.assignees) {
-    const b = m.find((A) => A.id === i);
-    y.push({
-      key: `assignee-${i}`,
-      label: (b == null ? void 0 : b.name) ?? i,
-      onRemove: () => f(i)
+  for (const o of r.assignees) {
+    const f = h.find((R) => R.id === o);
+    T.push({
+      key: `assignee-${o}`,
+      label: (f == null ? void 0 : f.name) ?? o,
+      onRemove: () => v(o)
     });
   }
-  for (const i of o.labels)
-    y.push({
-      key: `label-${i}`,
-      label: i,
-      onRemove: () => T(i)
+  for (const o of r.labels)
+    T.push({
+      key: `label-${o}`,
+      label: o,
+      onRemove: () => I(o)
     });
-  if (o.dueDateRange && o.dueDateRange !== "none") {
-    const i = Fe.find((b) => b.value === o.dueDateRange);
-    y.push({
+  if (r.dueDateRange && r.dueDateRange !== "none") {
+    const o = He.find((f) => f.value === r.dueDateRange);
+    T.push({
       key: "due-date",
-      label: (i == null ? void 0 : i.label) ?? o.dueDateRange,
-      onRemove: () => d({ dueDateRange: null })
+      label: (o == null ? void 0 : o.label) ?? r.dueDateRange,
+      onRemove: () => u({ dueDateRange: null })
     });
   }
   return /* @__PURE__ */ a("div", { ref: n, className: N("flex flex-col gap-ds-02", t), ...s, children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
       /* @__PURE__ */ e("div", { className: "relative flex-1 max-w-xs", children: /* @__PURE__ */ e(
-        ke,
+        De,
         {
-          value: C,
-          onChange: v,
+          value: D,
+          onChange: w,
           placeholder: "Search tasks...",
           "aria-label": "Search tasks",
           size: "sm",
-          startIcon: /* @__PURE__ */ e(Bt, { className: "h-ico-sm w-ico-sm" }),
-          endIcon: C ? /* @__PURE__ */ e(
+          startIcon: /* @__PURE__ */ e(Vt, { className: "h-ico-sm w-ico-sm" }),
+          endIcon: D ? /* @__PURE__ */ e(
             "button",
             {
               onClick: () => {
-                D(""), d({ search: "" });
+                M(""), u({ search: "" });
               },
               className: "pointer-events-auto cursor-pointer text-surface-fg-subtle hover:text-surface-fg",
               "aria-label": "Clear search",
-              children: /* @__PURE__ */ e(Ce, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(Te, { className: "h-3 w-3" })
             }
           ) : void 0
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-01", children: [
-        /* @__PURE__ */ a(U, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(
-            F,
+        /* @__PURE__ */ a(H, { children: [
+          /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a(
+            W,
             {
               variant: "ghost",
               size: "sm",
               className: N(
-                o.priorities.length > 0 && "text-accent-11"
+                r.priorities.length > 0 && "text-accent-11"
               ),
               title: "Filter by priority",
               children: [
-                /* @__PURE__ */ e(Wt, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+                /* @__PURE__ */ e(Ht, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
                 "Priority",
-                o.priorities.length > 0 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs", children: [
+                r.priorities.length > 0 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs", children: [
                   "(",
-                  o.priorities.length,
+                  r.priorities.length,
                   ")"
                 ] })
               ]
             }
           ) }),
           /* @__PURE__ */ a(G, { align: "start", className: "w-44", children: [
-            /* @__PURE__ */ e(te, { children: "Priority" }),
-            /* @__PURE__ */ e(Y, {}),
-            os.map((i) => /* @__PURE__ */ e(
-              Te,
+            /* @__PURE__ */ e(se, { children: "Priority" }),
+            /* @__PURE__ */ e(X, {}),
+            xs.map((o) => /* @__PURE__ */ e(
+              Le,
               {
-                checked: o.priorities.includes(i),
-                onCheckedChange: () => h(i),
-                children: i.charAt(0) + i.slice(1).toLowerCase()
+                checked: r.priorities.includes(o),
+                onCheckedChange: () => d(o),
+                children: o.charAt(0) + o.slice(1).toLowerCase()
               },
-              i
+              o
             ))
           ] })
         ] }),
-        m.length > 0 && /* @__PURE__ */ a(U, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(
-            F,
+        h.length > 0 && /* @__PURE__ */ a(H, { children: [
+          /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a(
+            W,
             {
               variant: "ghost",
               size: "sm",
               className: N(
-                o.assignees.length > 0 && "text-accent-11"
+                r.assignees.length > 0 && "text-accent-11"
               ),
               title: "Filter by assignee",
               children: [
-                /* @__PURE__ */ e(ce, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+                /* @__PURE__ */ e(xe, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
                 "Assignee",
-                o.assignees.length > 0 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs", children: [
+                r.assignees.length > 0 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs", children: [
                   "(",
-                  o.assignees.length,
+                  r.assignees.length,
                   ")"
                 ] })
               ]
             }
           ) }),
           /* @__PURE__ */ a(G, { align: "start", className: "w-48 max-h-56 overflow-y-auto", children: [
-            /* @__PURE__ */ e(te, { children: "Assignee" }),
-            /* @__PURE__ */ e(Y, {}),
-            m.map((i) => /* @__PURE__ */ e(
-              Te,
+            /* @__PURE__ */ e(se, { children: "Assignee" }),
+            /* @__PURE__ */ e(X, {}),
+            h.map((o) => /* @__PURE__ */ e(
+              Le,
               {
-                checked: o.assignees.includes(i.id),
-                onCheckedChange: () => f(i.id),
-                children: i.name
+                checked: r.assignees.includes(o.id),
+                onCheckedChange: () => v(o.id),
+                children: o.name
               },
-              i.id
+              o.id
             ))
           ] })
         ] }),
-        R.length > 0 && /* @__PURE__ */ a(U, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(
-            F,
+        S.length > 0 && /* @__PURE__ */ a(H, { children: [
+          /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a(
+            W,
             {
               variant: "ghost",
               size: "sm",
               className: N(
-                o.labels.length > 0 && "text-accent-11"
+                r.labels.length > 0 && "text-accent-11"
               ),
               title: "Filter by label",
               children: [
                 "Label",
-                o.labels.length > 0 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs", children: [
+                r.labels.length > 0 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs", children: [
                   "(",
-                  o.labels.length,
+                  r.labels.length,
                   ")"
                 ] })
               ]
             }
           ) }),
           /* @__PURE__ */ a(G, { align: "start", className: "w-44 max-h-56 overflow-y-auto", children: [
-            /* @__PURE__ */ e(te, { children: "Label" }),
-            /* @__PURE__ */ e(Y, {}),
-            R.map((i) => /* @__PURE__ */ e(
-              Te,
+            /* @__PURE__ */ e(se, { children: "Label" }),
+            /* @__PURE__ */ e(X, {}),
+            S.map((o) => /* @__PURE__ */ e(
+              Le,
               {
-                checked: o.labels.includes(i),
-                onCheckedChange: () => T(i),
-                children: i
+                checked: r.labels.includes(o),
+                onCheckedChange: () => I(o),
+                children: o
               },
-              i
+              o
             ))
           ] })
         ] }),
-        /* @__PURE__ */ a(U, { children: [
-          /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
-            F,
+        /* @__PURE__ */ a(H, { children: [
+          /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(
+            W,
             {
               variant: "ghost",
               size: "sm",
               className: N(
-                o.dueDateRange && o.dueDateRange !== "none" && "text-accent-11"
+                r.dueDateRange && r.dueDateRange !== "none" && "text-accent-11"
               ),
               title: "Filter by due date",
               children: "Due date"
             }
           ) }),
           /* @__PURE__ */ a(G, { align: "start", className: "w-40", children: [
-            /* @__PURE__ */ e(te, { children: "Due date" }),
-            /* @__PURE__ */ e(Y, {}),
+            /* @__PURE__ */ e(se, { children: "Due date" }),
+            /* @__PURE__ */ e(X, {}),
             /* @__PURE__ */ e(
-              Lt,
+              Pt,
               {
-                value: o.dueDateRange ?? "",
-                onValueChange: L,
-                children: Fe.map((i) => /* @__PURE__ */ e(Et, { value: i.value, children: i.label }, i.value))
+                value: r.dueDateRange ?? "",
+                onValueChange: A,
+                children: He.map((o) => /* @__PURE__ */ e(_t, { value: o.value, children: o.label }, o.value))
               }
             )
           ] })
@@ -485,43 +512,43 @@ const os = ["LOW", "MEDIUM", "HIGH", "URGENT"], Fe = [
       ] }),
       /* @__PURE__ */ e("div", { className: "flex-1" }),
       /* @__PURE__ */ e(
-        F,
+        W,
         {
-          variant: g ? "outline" : "ghost",
+          variant: p ? "outline" : "ghost",
           size: "sm",
-          onClick: () => u(!g),
+          onClick: () => x(!p),
           title: "Highlight my tasks",
           "aria-label": "Highlight my tasks",
-          "aria-pressed": g,
-          className: N(g && "text-accent-11"),
-          children: /* @__PURE__ */ e(ce, { className: "h-ico-sm w-ico-sm" })
+          "aria-pressed": p,
+          className: N(p && "text-accent-11"),
+          children: /* @__PURE__ */ e(xe, { className: "h-ico-sm w-ico-sm" })
         }
       ),
       /* @__PURE__ */ e(
-        Ot,
+        Ut,
         {
           size: "sm",
           variant: "tonal",
           options: $,
-          selectedId: p,
-          onSelect: (i) => x(i)
+          selectedId: g,
+          onSelect: (o) => m(o)
         }
       )
     ] }),
-    y.length > 0 && /* @__PURE__ */ a(le, { className: "flex items-center gap-ds-02 flex-wrap", children: [
-      y.map((i) => /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
-        Mt,
+    T.length > 0 && /* @__PURE__ */ a(pe, { className: "flex items-center gap-ds-02 flex-wrap", children: [
+      T.map((o) => /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
+        qe,
         {
           variant: "subtle",
           size: "sm",
-          onDismiss: i.onRemove,
-          children: i.label
+          onDismiss: o.onRemove,
+          children: o.label
         }
-      ) }, i.key)),
+      ) }, o.key)),
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: I,
+          onClick: k,
           className: "text-ds-xs text-surface-fg-subtle hover:text-accent-11 transition-colors",
           "aria-label": "Clear all filters",
           children: "Clear all"
@@ -530,126 +557,126 @@ const os = ["LOW", "MEDIUM", "HIGH", "URGENT"], Fe = [
     ] })
   ] });
 });
-qe.displayName = "BoardToolbar";
-const ls = ["LOW", "MEDIUM", "HIGH", "URGENT"], Xe = P.forwardRef(({ className: t, ...s }, n) => {
+at.displayName = "BoardToolbar";
+const bs = ["LOW", "MEDIUM", "HIGH", "URGENT"], nt = F.forwardRef(({ className: t, ...s }, n) => {
   const {
-    columns: r,
+    columns: i,
     members: c,
-    selectedTaskIds: o,
-    clearSelection: d,
-    onBulkAction: I
-  } = K(), w = o.size, p = Array.from(o), x = c, g = (u, C) => {
-    I({ type: u, taskIds: p, value: C }), d();
+    selectedTaskIds: r,
+    clearSelection: u,
+    onBulkAction: k
+  } = P(), b = r.size, g = Array.from(r), m = c, p = (x, D) => {
+    k({ type: x, taskIds: g, value: D }), u();
   };
-  return /* @__PURE__ */ e(ie, { initial: !1, children: w > 0 && /* @__PURE__ */ e(
-    se.div,
+  return /* @__PURE__ */ e(fe, { initial: !1, children: b > 0 && /* @__PURE__ */ e(
+    ie.div,
     {
       ref: n,
       initial: { height: 0, opacity: 0 },
       animate: { height: "auto", opacity: 1 },
       exit: { height: 0, opacity: 0 },
-      transition: ae.smooth,
+      transition: oe.smooth,
       className: N("overflow-hidden", t),
-      ...jt(s),
+      ...ts(s),
       "aria-live": "polite",
       children: /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03 py-ds-02", children: [
         /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02", children: [
           /* @__PURE__ */ a("span", { className: "text-ds-sm font-medium text-surface-fg", children: [
-            w,
+            b,
             " selected"
           ] }),
           /* @__PURE__ */ e(
-            F,
+            W,
             {
               variant: "ghost",
               size: "icon-md",
-              onClick: d,
+              onClick: u,
               "aria-label": "Clear selection",
               title: "Clear selection",
               className: "h-6 w-6",
-              children: /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
         /* @__PURE__ */ e("div", { className: "h-4 w-px bg-surface-border" }),
-        /* @__PURE__ */ a(le, { className: "contents", children: [
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ a(U, { children: [
-            /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(F, { variant: "ghost", size: "sm", title: "Move to column", children: [
-              /* @__PURE__ */ e(Se, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+        /* @__PURE__ */ a(pe, { className: "contents", children: [
+          /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a(H, { children: [
+            /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a(W, { variant: "ghost", size: "sm", title: "Move to column", children: [
+              /* @__PURE__ */ e(Be, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
               "Move"
             ] }) }),
             /* @__PURE__ */ a(G, { align: "start", className: "w-44", children: [
-              /* @__PURE__ */ e(te, { children: "Move to" }),
-              /* @__PURE__ */ e(Y, {}),
-              r.map((u) => /* @__PURE__ */ e(
-                _,
+              /* @__PURE__ */ e(se, { children: "Move to" }),
+              /* @__PURE__ */ e(X, {}),
+              i.map((x) => /* @__PURE__ */ e(
+                U,
                 {
-                  onClick: () => g("move", u.id),
-                  children: u.name
+                  onClick: () => p("move", x.id),
+                  children: x.name
                 },
-                u.id
+                x.id
               ))
             ] })
           ] }) }),
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ a(U, { children: [
-            /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(F, { variant: "ghost", size: "sm", title: "Set priority", children: [
-              /* @__PURE__ */ e(Ne, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+          /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a(H, { children: [
+            /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a(W, { variant: "ghost", size: "sm", title: "Set priority", children: [
+              /* @__PURE__ */ e(Re, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
               "Priority"
             ] }) }),
             /* @__PURE__ */ a(G, { align: "start", className: "w-40", children: [
-              /* @__PURE__ */ e(te, { children: "Set priority" }),
-              /* @__PURE__ */ e(Y, {}),
-              ls.map((u) => /* @__PURE__ */ e(
-                _,
+              /* @__PURE__ */ e(se, { children: "Set priority" }),
+              /* @__PURE__ */ e(X, {}),
+              bs.map((x) => /* @__PURE__ */ e(
+                U,
                 {
-                  onClick: () => g("priority", u),
-                  className: Ie[u],
-                  children: u.charAt(0) + u.slice(1).toLowerCase()
+                  onClick: () => p("priority", x),
+                  className: Me[x],
+                  children: x.charAt(0) + x.slice(1).toLowerCase()
                 },
-                u
+                x
               ))
             ] })
           ] }) }),
-          x.length > 0 && /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ a(U, { children: [
-            /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(F, { variant: "ghost", size: "sm", title: "Assign", children: [
-              /* @__PURE__ */ e(ce, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+          m.length > 0 && /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a(H, { children: [
+            /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a(W, { variant: "ghost", size: "sm", title: "Assign", children: [
+              /* @__PURE__ */ e(xe, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
               "Assign"
             ] }) }),
             /* @__PURE__ */ a(G, { align: "start", className: "w-44 max-h-48 overflow-y-auto", children: [
-              /* @__PURE__ */ e(te, { children: "Assign to" }),
-              /* @__PURE__ */ e(Y, {}),
-              x.map((u) => /* @__PURE__ */ e(
-                _,
+              /* @__PURE__ */ e(se, { children: "Assign to" }),
+              /* @__PURE__ */ e(X, {}),
+              m.map((x) => /* @__PURE__ */ e(
+                U,
                 {
-                  onClick: () => g("assign", u.id),
-                  children: u.name
+                  onClick: () => p("assign", x.id),
+                  children: x.name
                 },
-                u.id
+                x.id
               ))
             ] })
           ] }) }),
-          /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ a(U, { children: [
-            /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ a(F, { variant: "ghost", size: "sm", title: "Set visibility", children: [
-              /* @__PURE__ */ e(de, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+          /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a(H, { children: [
+            /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ a(W, { variant: "ghost", size: "sm", title: "Set visibility", children: [
+              /* @__PURE__ */ e(re, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
               "Visibility"
             ] }) }),
             /* @__PURE__ */ a(G, { align: "start", className: "w-40", children: [
-              /* @__PURE__ */ e(_, { onClick: () => g("visibility", "INTERNAL"), children: "Internal only" }),
-              /* @__PURE__ */ e(_, { onClick: () => g("visibility", "EVERYONE"), children: "Visible to all" })
+              /* @__PURE__ */ e(U, { onClick: () => p("visibility", "INTERNAL"), children: "Internal only" }),
+              /* @__PURE__ */ e(U, { onClick: () => p("visibility", "EVERYONE"), children: "Visible to all" })
             ] })
           ] }) })
         ] }),
         /* @__PURE__ */ e("div", { className: "flex-1" }),
-        /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ a(
-          F,
+        /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(J, { children: /* @__PURE__ */ a(
+          W,
           {
             variant: "ghost",
             size: "sm",
             className: "text-error hover:text-error",
-            onClick: () => g("delete"),
+            onClick: () => p("delete"),
             title: "Delete selected tasks",
             children: [
-              /* @__PURE__ */ e(Ae, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
+              /* @__PURE__ */ e(We, { className: "h-ico-sm w-ico-sm mr-ds-01" }),
               "Delete"
             ]
           }
@@ -658,39 +685,39 @@ const ls = ["LOW", "MEDIUM", "HIGH", "URGENT"], Xe = P.forwardRef(({ className:
     }
   ) });
 });
-Xe.displayName = "BulkActionBar";
-function cs(t) {
+nt.displayName = "BulkActionBar";
+function ws(t) {
   const s = /* @__PURE__ */ new Set(), n = [];
-  for (const r of t.tasks) {
-    r.owner && !s.has(r.owner.id) && (s.add(r.owner.id), n.push(r.owner));
-    for (const c of r.assignees)
+  for (const i of t.tasks) {
+    i.owner && !s.has(i.owner.id) && (s.add(i.owner.id), n.push(i.owner));
+    for (const c of i.assignees)
       s.has(c.id) || (s.add(c.id), n.push(c));
   }
   return n;
 }
-function ds({ columnId: t, currentLimit: s, onClose: n }) {
-  const { onColumnWipLimitChange: r } = K(), [c, o] = E(s != null ? String(s) : ""), d = O(() => {
-    const w = c.trim();
-    if (w === "")
-      r(t, null);
+function vs({ columnId: t, currentLimit: s, onClose: n }) {
+  const { onColumnWipLimitChange: i } = P(), [c, r] = E(s != null ? String(s) : ""), u = L(() => {
+    const b = c.trim();
+    if (b === "")
+      i(t, null);
     else {
-      const p = parseInt(w, 10);
-      !isNaN(p) && p > 0 && r(t, p);
+      const g = parseInt(b, 10);
+      !isNaN(g) && g > 0 && i(t, g);
     }
     n();
-  }, [c, t, r, n]);
+  }, [c, t, i, n]);
   return (
     // eslint-disable-next-line jsx-a11y/no-autofocus -- intentional: input opens after user selects "Set WIP Limit"
     /* @__PURE__ */ e(
-      ke,
+      De,
       {
         type: "number",
         min: 1,
         value: c,
-        onChange: (w) => o(w.target.value),
-        onBlur: d,
-        onKeyDown: (w) => {
-          w.key === "Enter" && d(), w.key === "Escape" && n();
+        onChange: (b) => r(b.target.value),
+        onBlur: u,
+        onKeyDown: (b) => {
+          b.key === "Enter" && u(), b.key === "Escape" && n();
         },
         placeholder: "Limit...",
         "aria-label": "WIP limit",
@@ -701,57 +728,60 @@ function ds({ columnId: t, currentLimit: s, onClose: n }) {
     )
   );
 }
-const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
-  var fe;
+const rt = F.forwardRef(({ column: t, index: s, className: n, ...i }, c) => {
+  var ue;
   const {
-    members: o,
-    onColumnRename: d,
-    onColumnDelete: I,
-    onColumnToggleVisibility: w,
-    onTaskAdd: p
-  } = K(), [x, g] = E(!1), [u, C] = E(t.name), [D, l] = E(!1), [v, m] = E(!1), [R, h] = E(""), [f, T] = E(null), [L, $] = E(""), y = ye(null), i = o, b = Be[s % Be.length], A = t.tasks.length, M = t.wipLimit ?? null, S = M != null && A > M, W = cs(t), q = () => {
-    C(t.name), g(!0);
-  }, X = () => {
-    const k = u.trim();
-    k && k !== t.name && d(t.id, k), g(!1);
-  }, ue = (k) => {
-    k.key === "Enter" && X(), k.key === "Escape" && (C(t.name), g(!1));
-  }, J = () => {
-    h(""), T(null), $(""), m(!1);
-  }, ne = () => {
-    const k = R.trim();
-    k && (p(t.id, {
-      title: k,
-      ownerId: f,
-      dueDate: L || null
-    }), J());
-  }, me = (k) => {
-    k.key === "Enter" && ne(), k.key === "Escape" && J();
-  }, he = () => {
-    v ? J() : (m(!0), setTimeout(() => {
-      var k;
-      return (k = y.current) == null ? void 0 : k.focus();
+    members: r,
+    onColumnRename: u,
+    onColumnDelete: k,
+    onColumnToggleVisibility: b,
+    onTaskAdd: g,
+    completedColumnId: m,
+    showCompleted: p,
+    onToggleCompleted: x
+  } = P(), D = m != null && t.id === m, [M, l] = E(!1), [w, h] = E(t.name), [S, d] = E(!1), [v, I] = E(!1), [A, $] = E(""), [T, o] = E(null), [f, R] = E(""), O = Ie(null), y = r, z = Se[s % Se.length], j = t.tasks.length, _ = t.wipLimit ?? null, ae = _ != null && j > _, Y = ws(t), le = () => {
+    h(t.name), l(!0);
+  }, ce = () => {
+    const C = w.trim();
+    C && C !== t.name && u(t.id, C), l(!1);
+  }, ne = (C) => {
+    C.key === "Enter" && ce(), C.key === "Escape" && (h(t.name), l(!1));
+  }, Z = () => {
+    $(""), o(null), R(""), I(!1);
+  }, de = () => {
+    const C = A.trim();
+    C && (g(t.id, {
+      title: C,
+      ownerId: T,
+      dueDate: f || null
+    }), Z());
+  }, be = (C) => {
+    C.key === "Enter" && de(), C.key === "Escape" && Z();
+  }, we = () => {
+    v ? Z() : (I(!0), setTimeout(() => {
+      var C;
+      return (C = O.current) == null ? void 0 : C.focus();
     }, 50));
   };
-  return /* @__PURE__ */ a("div", { ref: c, className: N("group/header flex flex-col gap-ds-02", n), ...r, children: [
+  return /* @__PURE__ */ a("div", { ref: c, className: N("group/header flex flex-col gap-ds-02", n), ...i, children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02 px-ds-04 pt-ds-03 pb-ds-02", children: [
       /* @__PURE__ */ e(
         "span",
         {
-          className: N("h-2.5 w-2.5 flex-shrink-0 rounded-full", b),
+          className: N("h-2.5 w-2.5 flex-shrink-0 rounded-full", z),
           "aria-hidden": "true",
           title: t.name
         }
       ),
-      x ? (
+      M ? (
         // eslint-disable-next-line jsx-a11y/no-autofocus -- intentional: input appears after user double-clicks to rename
         /* @__PURE__ */ e(
-          ke,
+          De,
           {
-            value: u,
-            onChange: (k) => C(k.target.value),
-            onBlur: X,
-            onKeyDown: ue,
+            value: w,
+            onChange: (C) => h(C.target.value),
+            onBlur: ce,
+            onKeyDown: ne,
             "aria-label": "Column name",
             size: "sm",
             className: "h-ds-xs flex-1 text-ds-sm font-semibold",
@@ -762,42 +792,54 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
         "h3",
         {
           className: "flex-1 truncate text-ds-sm font-semibold text-surface-fg",
-          onDoubleClick: q,
+          onDoubleClick: le,
           title: t.name,
-          "aria-label": M != null ? `${t.name}, ${A} of ${M} tasks${S ? ", WIP limit exceeded" : ""}` : `${t.name}, ${A} tasks`,
+          "aria-label": _ != null ? `${t.name}, ${j} of ${_} tasks${ae ? ", WIP limit exceeded" : ""}` : `${t.name}, ${j} tasks`,
           children: [
             t.name,
             /* @__PURE__ */ a("span", { className: "ml-ds-02 text-ds-xs font-normal text-surface-fg-subtle", children: [
               "(",
-              A,
+              j,
               ")"
             ] })
           ]
         }
       ),
-      D ? /* @__PURE__ */ e(
-        ds,
+      S ? /* @__PURE__ */ e(
+        vs,
         {
           columnId: t.id,
-          currentLimit: M,
-          onClose: () => l(!1)
+          currentLimit: _,
+          onClose: () => d(!1)
         }
-      ) : M != null ? /* @__PURE__ */ a(
+      ) : _ != null ? /* @__PURE__ */ a(
         "span",
         {
           className: N(
             "flex-shrink-0 text-ds-xs tabular-nums",
-            S ? "font-semibold text-error-11" : "text-surface-fg-subtle"
+            ae ? "font-semibold text-error-11" : "text-surface-fg-subtle"
           ),
-          "aria-label": `WIP limit: ${M}${S ? ", exceeded" : ""}`,
+          "aria-label": `WIP limit: ${_}${ae ? ", exceeded" : ""}`,
           children: [
             "/ ",
-            M
+            _
           ]
         }
       ) : null,
+      D && /* @__PURE__ */ e(
+        W,
+        {
+          variant: "ghost",
+          size: "icon-md",
+          className: "h-ds-xs w-ds-xs flex-shrink-0 hover:bg-accent-2 hover:text-accent-11",
+          "aria-label": p ? "Hide completed tasks" : "Show completed tasks",
+          title: p ? "Hide completed tasks" : "Show completed tasks",
+          onClick: () => x(!p),
+          children: p ? /* @__PURE__ */ e(re, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(Oe, { className: "h-ico-sm w-ico-sm" })
+        }
+      ),
       /* @__PURE__ */ e(
-        F,
+        W,
         {
           variant: "ghost",
           size: "icon-md",
@@ -808,13 +850,13 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
           ),
           "aria-label": "Add task",
           title: "Add task",
-          onClick: he,
-          children: /* @__PURE__ */ e(Me, { className: "h-ico-sm w-ico-sm" })
+          onClick: we,
+          children: /* @__PURE__ */ e($e, { className: "h-ico-sm w-ico-sm" })
         }
       ),
-      /* @__PURE__ */ a(U, { children: [
-        /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
-          F,
+      /* @__PURE__ */ a(H, { children: [
+        /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(
+          W,
           {
             variant: "ghost",
             size: "icon-md",
@@ -824,39 +866,39 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
             ),
             "aria-label": "Column options",
             title: "Column options",
-            children: /* @__PURE__ */ e(Pt, { className: "h-ico-sm w-ico-sm" })
+            children: /* @__PURE__ */ e(jt, { className: "h-ico-sm w-ico-sm" })
           }
         ) }),
         /* @__PURE__ */ a(G, { align: "end", className: "w-48", children: [
-          /* @__PURE__ */ a(_, { onClick: q, children: [
-            /* @__PURE__ */ e(_t, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+          /* @__PURE__ */ a(U, { onClick: le, children: [
+            /* @__PURE__ */ e(Yt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
             "Rename"
           ] }),
-          /* @__PURE__ */ a(_, { onClick: () => l(!0), children: [
-            /* @__PURE__ */ e(zt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+          /* @__PURE__ */ a(U, { onClick: () => d(!0), children: [
+            /* @__PURE__ */ e(qt, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
             "Set WIP Limit"
           ] }),
           /* @__PURE__ */ e(
-            _,
+            U,
             {
-              onClick: () => w(t.id, !(t.isClientVisible ?? !1)),
-              children: t.isClientVisible ? /* @__PURE__ */ a(ve, { children: [
-                /* @__PURE__ */ e(Ue, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+              onClick: () => b(t.id, !(t.isClientVisible ?? !1)),
+              children: t.isClientVisible ? /* @__PURE__ */ a(me, { children: [
+                /* @__PURE__ */ e(Oe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
                 "Hide from client"
-              ] }) : /* @__PURE__ */ a(ve, { children: [
-                /* @__PURE__ */ e(de, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+              ] }) : /* @__PURE__ */ a(me, { children: [
+                /* @__PURE__ */ e(re, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
                 "Show to client"
               ] })
             }
           ),
-          /* @__PURE__ */ e(Y, {}),
+          /* @__PURE__ */ e(X, {}),
           /* @__PURE__ */ a(
-            _,
+            U,
             {
               className: "text-error-11 focus:text-error-11",
-              onClick: () => I(t.id),
+              onClick: () => k(t.id),
               children: [
-                /* @__PURE__ */ e(Ae, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e(We, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
                 "Delete column"
               ]
             }
@@ -864,31 +906,31 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
         ] })
       ] })
     ] }),
-    W.length > 0 && /* @__PURE__ */ e("div", { className: "px-ds-04 pb-ds-02", children: /* @__PURE__ */ e(
-      Yt,
+    Y.length > 0 && /* @__PURE__ */ e("div", { className: "px-ds-04 pb-ds-02", children: /* @__PURE__ */ e(
+      ss,
       {
-        users: W,
+        users: Y,
         max: 3,
         size: "sm",
         showTooltip: !0
       }
     ) }),
-    /* @__PURE__ */ e(ie, { initial: !1, children: v && /* @__PURE__ */ e(
-      se.div,
+    /* @__PURE__ */ e(fe, { initial: !1, children: v && /* @__PURE__ */ e(
+      ie.div,
       {
         initial: { height: 0, opacity: 0 },
         animate: { height: "auto", opacity: 1 },
         exit: { height: 0, opacity: 0 },
-        transition: ae.smooth,
+        transition: oe.smooth,
         className: "overflow-hidden",
         children: /* @__PURE__ */ a("div", { className: "px-ds-04 pb-ds-03 flex flex-col gap-ds-02", children: [
           /* @__PURE__ */ e(
-            ke,
+            De,
             {
-              ref: y,
-              value: R,
-              onChange: (k) => h(k.target.value),
-              onKeyDown: me,
+              ref: O,
+              value: A,
+              onChange: (C) => $(C.target.value),
+              onKeyDown: be,
               placeholder: "Task title...",
               "aria-label": "New task title",
               size: "sm",
@@ -896,36 +938,36 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
             }
           ),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-01", children: [
-            /* @__PURE__ */ a(U, { children: [
-              /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ a(H, { children: [
+              /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(
                 "button",
                 {
                   className: N(
                     "flex items-center justify-center h-6 w-6 rounded-ds-md transition-colors",
-                    f ? "text-accent-11 bg-accent-2" : "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-active"
+                    T ? "text-accent-11 bg-accent-2" : "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-active"
                   ),
-                  title: f ? `Lead: ${(fe = i.find((k) => k.id === f)) == null ? void 0 : fe.name}` : "Assign task lead",
+                  title: T ? `Lead: ${(ue = y.find((C) => C.id === T)) == null ? void 0 : ue.name}` : "Assign task lead",
                   "aria-label": "Assign task lead",
-                  children: /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" })
+                  children: /* @__PURE__ */ e(xe, { className: "h-3.5 w-3.5" })
                 }
               ) }),
               /* @__PURE__ */ a(G, { align: "start", className: "w-44 max-h-48 overflow-y-auto", children: [
-                i.length === 0 && /* @__PURE__ */ e("div", { className: "px-ds-03 py-ds-02 text-ds-xs text-surface-fg-subtle", children: "No members found" }),
-                f && /* @__PURE__ */ a(ve, { children: [
-                  /* @__PURE__ */ a(_, { onClick: () => T(null), children: [
-                    /* @__PURE__ */ e(Ce, { className: "mr-ds-02 h-3 w-3 text-surface-fg-subtle" }),
+                y.length === 0 && /* @__PURE__ */ e("div", { className: "px-ds-03 py-ds-02 text-ds-xs text-surface-fg-subtle", children: "No members found" }),
+                T && /* @__PURE__ */ a(me, { children: [
+                  /* @__PURE__ */ a(U, { onClick: () => o(null), children: [
+                    /* @__PURE__ */ e(Te, { className: "mr-ds-02 h-3 w-3 text-surface-fg-subtle" }),
                     "Clear lead"
                   ] }),
-                  /* @__PURE__ */ e(Y, {})
+                  /* @__PURE__ */ e(X, {})
                 ] }),
-                i.map((k) => /* @__PURE__ */ e(
-                  _,
+                y.map((C) => /* @__PURE__ */ e(
+                  U,
                   {
-                    onClick: () => T(k.id),
-                    className: N(f === k.id && "bg-accent-2"),
-                    children: k.name
+                    onClick: () => o(C.id),
+                    className: N(T === C.id && "bg-accent-2"),
+                    children: C.name
                   },
-                  k.id
+                  C.id
                 ))
               ] })
             ] }),
@@ -934,18 +976,18 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
               {
                 className: N(
                   "relative flex items-center justify-center h-6 w-6 rounded-ds-md cursor-pointer transition-colors",
-                  L ? "text-accent-11 bg-accent-2" : "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-active"
+                  f ? "text-accent-11 bg-accent-2" : "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-active"
                 ),
-                title: L ? `Due: ${L}` : "Set due date",
+                title: f ? `Due: ${f}` : "Set due date",
                 "aria-label": "Set due date",
                 children: [
-                  /* @__PURE__ */ e(Le, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ e(ze, { className: "h-3.5 w-3.5" }),
                   /* @__PURE__ */ e(
                     "input",
                     {
                       type: "date",
-                      value: L,
-                      onChange: (k) => $(k.target.value),
+                      value: f,
+                      onChange: (C) => R(C.target.value),
                       className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full",
                       "aria-label": "Due date"
                     }
@@ -957,25 +999,25 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: ne,
-                disabled: !R.trim(),
+                onClick: de,
+                disabled: !A.trim(),
                 className: N(
                   "flex items-center justify-center h-6 w-6 rounded-ds-md transition-colors",
-                  R.trim() ? "text-success-11 hover:bg-success-3" : "text-surface-fg-subtle cursor-not-allowed"
+                  A.trim() ? "text-success-11 hover:bg-success-3" : "text-surface-fg-subtle cursor-not-allowed"
                 ),
                 title: "Confirm add task",
                 "aria-label": "Confirm add task",
-                children: /* @__PURE__ */ e(Ut, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(Qt, { className: "h-3.5 w-3.5" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: J,
+                onClick: Z,
                 className: "flex items-center justify-center h-6 w-6 rounded-ds-md text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-active transition-colors",
                 title: "Cancel",
                 "aria-label": "Cancel adding task",
-                children: /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5" })
+                children: /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5" })
               }
             )
           ] })
@@ -984,8 +1026,8 @@ const Je = P.forwardRef(({ column: t, index: s, className: n, ...r }, c) => {
     ) })
   ] });
 });
-Je.displayName = "ColumnHeader";
-function us() {
+rt.displayName = "ColumnHeader";
+function ks() {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -1005,7 +1047,7 @@ function us() {
     }
   );
 }
-function ms() {
+function ys() {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -1024,7 +1066,7 @@ function ms() {
     }
   );
 }
-function hs() {
+function Cs() {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -1050,7 +1092,7 @@ function hs() {
     }
   );
 }
-function fs() {
+function Ns() {
   return /* @__PURE__ */ a(
     "svg",
     {
@@ -1086,34 +1128,34 @@ function fs() {
     }
   );
 }
-const $e = [
-  us,
-  ms,
-  hs,
-  fs
-], Ze = P.forwardRef(({ index: t, onAddTask: s, isDropTarget: n = !1, className: r, ...c }, o) => {
-  const d = $e[t % $e.length];
+const Ke = [
+  ks,
+  ys,
+  Cs,
+  Ns
+], it = F.forwardRef(({ index: t, onAddTask: s, isDropTarget: n = !1, className: i, ...c }, r) => {
+  const u = Ke[t % Ke.length];
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: o,
+      ref: r,
       className: N(
         "flex flex-col items-center justify-center gap-ds-03 py-ds-07 text-center",
-        r
+        i
       ),
       ...c,
       children: [
-        /* @__PURE__ */ e("span", { className: "text-surface-fg-subtle", children: /* @__PURE__ */ e(d, {}) }),
-        n ? /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: "Drop tasks here" }) : /* @__PURE__ */ a(ve, { children: [
+        /* @__PURE__ */ e("span", { className: "text-surface-fg-subtle", children: /* @__PURE__ */ e(u, {}) }),
+        n ? /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: "Drop tasks here" }) : /* @__PURE__ */ a(me, { children: [
           /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: "No tasks yet" }),
           /* @__PURE__ */ a(
-            F,
+            W,
             {
               variant: "ghost",
               size: "sm",
               onClick: s,
               children: [
-                /* @__PURE__ */ e(Me, { className: "h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e($e, { className: "h-ico-sm w-ico-sm" }),
                 "Add a task"
               ]
             }
@@ -1123,20 +1165,20 @@ const $e = [
     }
   );
 });
-Ze.displayName = "ColumnEmpty";
-function gs(t) {
-  const s = new Date(t), n = /* @__PURE__ */ new Date(), r = new Date(s.getFullYear(), s.getMonth(), s.getDate()), c = new Date(n.getFullYear(), n.getMonth(), n.getDate()), o = Math.round((r.getTime() - c.getTime()) / (1e3 * 60 * 60 * 24));
-  return o < 0 ? { label: "Overdue", className: "text-error-11" } : o === 0 ? { label: "Today", className: "text-warning-11" } : o === 1 ? { label: "Tomorrow", className: "text-warning-11" } : {
+it.displayName = "ColumnEmpty";
+function Is(t) {
+  const s = new Date(t), n = /* @__PURE__ */ new Date(), i = new Date(s.getFullYear(), s.getMonth(), s.getDate()), c = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = Math.round((i.getTime() - c.getTime()) / (1e3 * 60 * 60 * 24));
+  return r < 0 ? { label: "Overdue", className: "text-error-11" } : r === 0 ? { label: "Today", className: "text-warning-11" } : r === 1 ? { label: "Tomorrow", className: "text-warning-11" } : {
     label: s.toLocaleDateString("en-IN", { month: "short", day: "numeric" }),
     className: "text-surface-fg-subtle"
   };
 }
-const et = {
-  LOW: Ge,
-  MEDIUM: Se,
-  HIGH: Ve,
-  URGENT: Ne
-}, ps = He(
+const ot = {
+  LOW: Xe,
+  MEDIUM: Be,
+  HIGH: Qe,
+  URGENT: Re
+}, Ds = Ze(
   "group/card relative rounded-ds-lg border border-transparent bg-surface-raised pl-3 pr-ds-03 py-ds-03 transition-[box-shadow,border-color,transform] duration-fast-02 ease-productive-standard cursor-pointer",
   {
     variants: {
@@ -1166,30 +1208,30 @@ const et = {
     }
   }
 );
-function tt(t) {
+function lt(t) {
   const s = t.trim();
   if (!s) return "";
   const n = s.split(/\s+/);
   return n.length >= 2 ? (n[0][0] + n[1][0]).toUpperCase() : s.slice(0, 2).toUpperCase();
 }
-function st({
+function ct({
   task: t,
   isDragging: s,
   isDragOverlay: n,
-  dragHandleProps: r
+  dragHandleProps: i
 }) {
-  var R;
+  var S;
   const {
     selectedTaskIds: c,
-    toggleTaskSelection: o,
-    focusedTaskId: d,
-    currentUserId: I,
-    highlightMyTasks: w,
-    onClickTask: p
-  } = K(), x = c.has(t.id), g = c.size > 0, u = d === t.id, C = t.dueDate ? gs(t.dueDate) : null, D = et[t.priority], l = Ie[t.priority], v = w && I != null && ((R = t.owner) == null ? void 0 : R.id) !== I && !t.assignees.some((h) => h.id === I), m = [];
-  t.owner && m.push({ name: t.owner.name, image: t.owner.image, isOwner: !0 });
-  for (const h of t.assignees)
-    t.owner && h.id === t.owner.id || m.push({ name: h.name, image: h.image, isOwner: !1 });
+    toggleTaskSelection: r,
+    focusedTaskId: u,
+    currentUserId: k,
+    highlightMyTasks: b,
+    onClickTask: g
+  } = P(), m = c.has(t.id), p = c.size > 0, x = u === t.id, D = t.dueDate ? Is(t.dueDate) : null, M = ot[t.priority], l = Me[t.priority], w = b && k != null && ((S = t.owner) == null ? void 0 : S.id) !== k && !t.assignees.some((d) => d.id === k), h = [];
+  t.owner && h.push({ name: t.owner.name, image: t.owner.image, isOwner: !0 });
+  for (const d of t.assignees)
+    t.owner && d.id === t.owner.id || h.push({ name: d.name, image: d.image, isOwner: !1 });
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- role="group" groups task content for screen readers; click/key handlers are intentional
     /* @__PURE__ */ a(
@@ -1200,37 +1242,37 @@ function st({
         "data-task-id": t.id,
         "aria-label": `Task ${t.taskId}: ${t.title}`,
         className: N(
-          ps({
+          Ds({
             state: n ? "overlay" : s ? "dragging" : "default",
             blocked: t.isBlocked,
-            selected: x,
-            dimmed: v
+            selected: m,
+            dimmed: w
           }),
           n && "scale-[1.03] rotate-[1.5deg] shadow-floating",
           s && "opacity-40",
-          u && "ring-1 ring-accent-9"
+          x && "ring-1 ring-accent-9"
         ),
-        onClick: () => p(t.id),
-        onKeyDown: (h) => {
-          (h.key === "Enter" || h.key === " ") && (h.preventDefault(), p(t.id));
+        onClick: () => g(t.id),
+        onKeyDown: (d) => {
+          (d.key === "Enter" || d.key === " ") && (d.preventDefault(), g(t.id));
         },
         children: [
           /* @__PURE__ */ e(
-            se.div,
+            ie.div,
             {
               className: N(
                 "absolute -top-2 -left-2 z-10 transition-opacity duration-fast-02",
-                g || x ? "opacity-100" : "opacity-0 group-hover/card:opacity-100"
+                p || m ? "opacity-100" : "opacity-0 group-hover/card:opacity-100"
               ),
-              initial: g || x ? { scale: 0.85 } : !1,
+              initial: p || m ? { scale: 0.85 } : !1,
               animate: { scale: 1 },
-              transition: ae.bouncy,
+              transition: oe.bouncy,
               children: /* @__PURE__ */ e(
-                je,
+                et,
                 {
-                  checked: x,
-                  onCheckedChange: () => o(t.id),
-                  onClick: (h) => h.stopPropagation(),
+                  checked: m,
+                  onCheckedChange: () => r(t.id),
+                  onClick: (d) => d.stopPropagation(),
                   "aria-label": `Select task ${t.taskId}`,
                   className: "rounded-full bg-surface-base shadow-raised"
                 }
@@ -1239,7 +1281,7 @@ function st({
           ),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02", children: [
             /* @__PURE__ */ e("span", { className: "text-ds-xs font-mono leading-none text-surface-fg-subtle", children: t.taskId }),
-            /* @__PURE__ */ e(D, { className: N("h-3 w-3 flex-shrink-0", l), title: `Priority: ${t.priority}` }),
+            /* @__PURE__ */ e(M, { className: N("h-3 w-3 flex-shrink-0", l), title: `Priority: ${t.priority}` }),
             /* @__PURE__ */ e("div", { className: "flex-1" }),
             /* @__PURE__ */ e(
               "button",
@@ -1250,28 +1292,28 @@ function st({
                   "active:cursor-grabbing",
                   n && "opacity-action-disabled"
                 ),
-                ...(r == null ? void 0 : r.attributes) ?? {},
-                ...(r == null ? void 0 : r.listeners) ?? {},
+                ...(i == null ? void 0 : i.attributes) ?? {},
+                ...(i == null ? void 0 : i.listeners) ?? {},
                 "aria-label": `Drag handle for task: ${t.title}`,
                 "aria-roledescription": "sortable",
-                onClick: (h) => h.stopPropagation(),
-                children: /* @__PURE__ */ e(Vt, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
+                onClick: (d) => d.stopPropagation(),
+                children: /* @__PURE__ */ e(Xt, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
               }
             )
           ] }),
           /* @__PURE__ */ e("p", { className: "mt-ds-02 text-ds-sm font-medium text-surface-fg line-clamp-2", children: t.title }),
           /* @__PURE__ */ a("div", { className: "mt-ds-03 flex items-center gap-ds-02", children: [
-            C && /* @__PURE__ */ a(
+            D && /* @__PURE__ */ a(
               "div",
               {
                 className: N(
                   "flex items-center gap-ds-01 text-ds-xs leading-tight",
-                  C.className
+                  D.className
                 ),
-                title: `Due: ${C.label}`,
+                title: `Due: ${D.label}`,
                 children: [
-                  /* @__PURE__ */ e(Le, { className: "h-3 w-3" }),
-                  /* @__PURE__ */ e("span", { children: C.label })
+                  /* @__PURE__ */ e(ze, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ e("span", { children: D.label })
                 ]
               }
             ),
@@ -1281,7 +1323,7 @@ function st({
                 className: "flex items-center gap-ds-01 text-ds-xs text-surface-fg-subtle",
                 title: `Subtasks: ${t.subtasksDone} of ${t.subtaskCount} done`,
                 children: [
-                  /* @__PURE__ */ e(Gt, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ e(Jt, { className: "h-3 w-3" }),
                   /* @__PURE__ */ a("span", { children: [
                     t.subtasksDone,
                     "/",
@@ -1290,31 +1332,31 @@ function st({
                 ]
               }
             ),
-            t.visibility === "EVERYONE" && /* @__PURE__ */ e("span", { className: "flex items-center text-surface-fg-subtle", "aria-label": "Client visible", title: "Visible to client", children: /* @__PURE__ */ e(de, { className: "h-3 w-3" }) }),
-            t.isBlocked && /* @__PURE__ */ e("span", { className: "flex items-center text-error-11", "aria-label": "Blocked", title: "Blocked", children: /* @__PURE__ */ e(Kt, { className: "h-3 w-3" }) }),
+            t.visibility === "EVERYONE" && /* @__PURE__ */ e("span", { className: "flex items-center text-surface-fg-subtle", "aria-label": "Client visible", title: "Visible to client", children: /* @__PURE__ */ e(re, { className: "h-3 w-3" }) }),
+            t.isBlocked && /* @__PURE__ */ e("span", { className: "flex items-center text-error-11", "aria-label": "Blocked", title: "Blocked", children: /* @__PURE__ */ e(Zt, { className: "h-3 w-3" }) }),
             /* @__PURE__ */ e("div", { className: "flex-1" }),
-            m.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center flex-shrink-0", children: [
-              m.slice(0, 3).map((h, f) => /* @__PURE__ */ a(
-                Qt,
+            h.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center flex-shrink-0", children: [
+              h.slice(0, 3).map((d, v) => /* @__PURE__ */ a(
+                as,
                 {
                   size: "xs",
                   className: N(
                     "text-ds-xs border-2 border-surface-base",
-                    f > 0 && "-ml-ds-02b",
-                    h.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)]"
+                    v > 0 && "-ml-ds-02b",
+                    d.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: m.length - f },
-                  title: h.name,
+                  style: { zIndex: h.length - v },
+                  title: d.name,
                   children: [
-                    h.image && /* @__PURE__ */ e(qt, { src: h.image, alt: h.name }),
-                    /* @__PURE__ */ e(Xt, { className: "font-body font-semibold", children: tt(h.name) })
+                    d.image && /* @__PURE__ */ e(ns, { src: d.image, alt: d.name }),
+                    /* @__PURE__ */ e(rs, { className: "font-body font-semibold", children: lt(d.name) })
                   ]
                 },
-                f
+                v
               )),
-              m.length > 3 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs text-surface-fg-subtle", children: [
+              h.length > 3 && /* @__PURE__ */ a("span", { className: "ml-ds-01 text-ds-xs text-surface-fg-subtle", children: [
                 "+",
-                m.length - 3
+                h.length - 3
               ] })
             ] })
           ] })
@@ -1323,37 +1365,37 @@ function st({
     )
   );
 }
-const at = P.forwardRef(
-  function({ task: s, className: n, ...r }, c) {
+const dt = F.forwardRef(
+  function({ task: s, className: n, ...i }, c) {
     const {
-      attributes: o,
-      listeners: d,
-      setNodeRef: I,
-      transform: w,
-      transition: p,
-      isDragging: x
-    } = Pe({
+      attributes: r,
+      listeners: u,
+      setNodeRef: k,
+      transform: b,
+      transition: g,
+      isDragging: m
+    } = Ge({
       id: s.id,
       data: {
         type: "task",
         task: s
       }
-    }), g = Ke(I, c), u = {
-      transform: _e.Transform.toString(w),
-      transition: p
+    }), p = Je(k, c), x = {
+      transform: je.Transform.toString(b),
+      transition: g
     };
-    return /* @__PURE__ */ e("div", { ref: g, style: u, className: n, ...r, children: /* @__PURE__ */ e(
-      st,
+    return /* @__PURE__ */ e("div", { ref: p, style: x, className: n, ...i, children: /* @__PURE__ */ e(
+      ct,
       {
         task: s,
-        isDragging: x,
-        dragHandleProps: { attributes: o, listeners: d }
+        isDragging: m,
+        dragHandleProps: { attributes: r, listeners: u }
       }
     ) });
   }
 );
-at.displayName = "TaskCard";
-const bs = He(
+dt.displayName = "TaskCard";
+const Ts = Ze(
   "group/card flex items-center gap-ds-02 py-2 pl-3 pr-ds-03 border border-transparent rounded-ds-lg bg-surface-raised transition-[box-shadow,border-color,transform,background-color] duration-fast-02 ease-productive-standard cursor-pointer hover:bg-surface-raised-hover hover:shadow-raised-hover hover:-translate-y-px",
   {
     variants: {
@@ -1372,20 +1414,20 @@ const bs = He(
     }
   }
 );
-function nt({
+function ut({
   task: t,
   isDragging: s,
   isDragOverlay: n
 }) {
-  var v;
+  var w;
   const {
-    selectedTaskIds: r,
+    selectedTaskIds: i,
     toggleTaskSelection: c,
-    focusedTaskId: o,
-    currentUserId: d,
-    highlightMyTasks: I,
-    onClickTask: w
-  } = K(), p = r.has(t.id), x = r.size > 0, g = o === t.id, u = et[t.priority], C = Ie[t.priority], D = I && d != null && ((v = t.owner) == null ? void 0 : v.id) !== d && !t.assignees.some((m) => m.id === d), l = t.owner ?? t.assignees[0] ?? null;
+    focusedTaskId: r,
+    currentUserId: u,
+    highlightMyTasks: k,
+    onClickTask: b
+  } = P(), g = i.has(t.id), m = i.size > 0, p = r === t.id, x = ot[t.priority], D = Me[t.priority], M = k && u != null && ((w = t.owner) == null ? void 0 : w.id) !== u && !t.assignees.some((h) => h.id === u), l = t.owner ?? t.assignees[0] ?? null;
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- role="group" groups task content for screen readers; click/key handlers are intentional
     /* @__PURE__ */ a(
@@ -1397,42 +1439,42 @@ function nt({
         "aria-label": `Task ${t.taskId}: ${t.title}`,
         className: N(
           "relative",
-          bs({
-            selected: p,
-            dimmed: D
+          Ts({
+            selected: g,
+            dimmed: M
           }),
           s && "opacity-40",
           n && "scale-[1.03] rotate-[1.5deg] shadow-floating",
-          g && "ring-1 ring-accent-9"
+          p && "ring-1 ring-accent-9"
         ),
-        onClick: () => w(t.id),
-        onKeyDown: (m) => {
-          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), w(t.id));
+        onClick: () => b(t.id),
+        onKeyDown: (h) => {
+          (h.key === "Enter" || h.key === " ") && (h.preventDefault(), b(t.id));
         },
         children: [
           /* @__PURE__ */ e(
-            se.div,
+            ie.div,
             {
               className: N(
                 "absolute -top-1.5 -left-1.5 z-10 transition-opacity duration-fast-02",
-                x || p ? "opacity-100" : "opacity-0 group-hover/card:opacity-100"
+                m || g ? "opacity-100" : "opacity-0 group-hover/card:opacity-100"
               ),
-              initial: x || p ? { scale: 0.85 } : !1,
+              initial: m || g ? { scale: 0.85 } : !1,
               animate: { scale: 1 },
-              transition: ae.bouncy,
+              transition: oe.bouncy,
               children: /* @__PURE__ */ e(
-                je,
+                et,
                 {
-                  checked: p,
+                  checked: g,
                   onCheckedChange: () => c(t.id),
-                  onClick: (m) => m.stopPropagation(),
+                  onClick: (h) => h.stopPropagation(),
                   "aria-label": `Select task ${t.taskId}`,
                   className: "rounded-full bg-surface-base shadow-raised"
                 }
               )
             }
           ),
-          /* @__PURE__ */ e(u, { className: N("h-3.5 w-3.5 flex-shrink-0", C), title: `Priority: ${t.priority}` }),
+          /* @__PURE__ */ e(x, { className: N("h-3.5 w-3.5 flex-shrink-0", D), title: `Priority: ${t.priority}` }),
           /* @__PURE__ */ e("span", { className: "text-ds-xs font-mono text-surface-fg-subtle flex-shrink-0", children: t.taskId }),
           /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg line-clamp-1 flex-1 min-w-0", children: t.title }),
           t.subtaskCount > 0 && /* @__PURE__ */ a("span", { className: "text-ds-xs text-surface-fg-subtle flex-shrink-0", children: [
@@ -1448,7 +1490,7 @@ function nt({
                 t.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: l.name,
-              children: l.image ? /* @__PURE__ */ e("img", { src: l.image, alt: l.name, className: "h-full w-full object-cover" }) : tt(l.name)
+              children: l.image ? /* @__PURE__ */ e("img", { src: l.image, alt: l.name, className: "h-full w-full object-cover" }) : lt(l.name)
             }
           )
         ]
@@ -1456,83 +1498,83 @@ function nt({
     )
   );
 }
-const rt = P.forwardRef(
-  function({ task: s, className: n, ...r }, c) {
+const mt = F.forwardRef(
+  function({ task: s, className: n, ...i }, c) {
     const {
-      attributes: o,
-      listeners: d,
-      setNodeRef: I,
-      transform: w,
-      transition: p,
-      isDragging: x
-    } = Pe({
+      attributes: r,
+      listeners: u,
+      setNodeRef: k,
+      transform: b,
+      transition: g,
+      isDragging: m
+    } = Ge({
       id: s.id,
       data: {
         type: "task",
         task: s
       }
-    }), g = Ke(I, c), u = {
-      transform: _e.Transform.toString(w),
-      transition: p
+    }), p = Je(k, c), x = {
+      transform: je.Transform.toString(b),
+      transition: g
     };
-    return /* @__PURE__ */ e("div", { ref: g, style: u, className: n, ...r, children: /* @__PURE__ */ e(
-      nt,
+    return /* @__PURE__ */ e("div", { ref: p, style: x, className: n, ...i, children: /* @__PURE__ */ e(
+      ut,
       {
         task: s,
-        isDragging: x,
-        dragHandleProps: { attributes: o, listeners: d }
+        isDragging: m,
+        dragHandleProps: { attributes: r, listeners: u }
       }
     ) });
   }
 );
-rt.displayName = "TaskCardCompact";
-const it = P.forwardRef(function({ task: s, className: n, ...r }, c) {
-  return /* @__PURE__ */ e("div", { ref: c, className: n, ...r, children: /* @__PURE__ */ e(nt, { task: s, isDragOverlay: !0 }) });
+mt.displayName = "TaskCardCompact";
+const ht = F.forwardRef(function({ task: s, className: n, ...i }, c) {
+  return /* @__PURE__ */ e("div", { ref: c, className: n, ...i, children: /* @__PURE__ */ e(ut, { task: s, isDragOverlay: !0 }) });
 });
-it.displayName = "TaskCardCompactOverlay";
-const ot = P.forwardRef(
-  function({ task: s, className: n, ...r }, c) {
-    return /* @__PURE__ */ e("div", { ref: c, className: n, ...r, children: /* @__PURE__ */ e(st, { task: s, isDragOverlay: !0 }) });
+ht.displayName = "TaskCardCompactOverlay";
+const ft = F.forwardRef(
+  function({ task: s, className: n, ...i }, c) {
+    return /* @__PURE__ */ e("div", { ref: c, className: n, ...i, children: /* @__PURE__ */ e(ct, { task: s, isDragOverlay: !0 }) });
   }
 );
-ot.displayName = "TaskCardOverlay";
-const xs = [
-  { value: "LOW", label: "Low", icon: Ge },
-  { value: "MEDIUM", label: "Medium", icon: Se },
-  { value: "HIGH", label: "High", icon: Ve },
-  { value: "URGENT", label: "Urgent", icon: Ne }
-], lt = P.forwardRef(({ taskId: t, children: s, className: n }, r) => {
+ft.displayName = "TaskCardOverlay";
+const Ss = [
+  { value: "LOW", label: "Low", icon: Xe },
+  { value: "MEDIUM", label: "Medium", icon: Be },
+  { value: "HIGH", label: "High", icon: Qe },
+  { value: "URGENT", label: "Urgent", icon: Re }
+], gt = F.forwardRef(({ taskId: t, children: s, className: n }, i) => {
   const {
     rawColumns: c,
-    members: o,
-    onQuickPriorityChange: d,
-    onQuickAssign: I,
-    onQuickLabelAdd: w,
-    onQuickDueDateChange: p,
-    onQuickVisibilityChange: x,
-    onQuickDelete: g
-  } = K(), u = o, C = Ye(c), D = P.useRef(null);
-  return /* @__PURE__ */ a(Jt, { children: [
-    /* @__PURE__ */ e(Zt, { ref: r, children: s }),
-    /* @__PURE__ */ a(es, { className: N("w-52", n), children: [
-      /* @__PURE__ */ a(be, { children: [
-        /* @__PURE__ */ a(xe, { children: [
-          /* @__PURE__ */ e(Ne, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+    members: r,
+    onQuickPriorityChange: u,
+    onQuickAssign: k,
+    onQuickLabelAdd: b,
+    onQuickDueDateChange: g,
+    onQuickVisibilityChange: m,
+    onQuickDelete: p
+  } = P(), x = r, D = tt(c), M = F.useRef(null);
+  return /* @__PURE__ */ a(is, { children: [
+    /* @__PURE__ */ e(os, { ref: i, children: s }),
+    /* @__PURE__ */ a(ls, { className: N("w-52", n), children: [
+      /* @__PURE__ */ a(ye, { children: [
+        /* @__PURE__ */ a(Ce, { children: [
+          /* @__PURE__ */ e(Re, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
           "Set Priority"
         ] }),
-        /* @__PURE__ */ e(we, { className: "w-40", children: xs.map((l) => {
-          const v = l.icon;
+        /* @__PURE__ */ e(Ne, { className: "w-40", children: Ss.map((l) => {
+          const w = l.icon;
           return /* @__PURE__ */ a(
-            ee,
+            te,
             {
-              onSelect: () => d(t, l.value),
+              onSelect: () => u(t, l.value),
               children: [
                 /* @__PURE__ */ e(
-                  v,
+                  w,
                   {
                     className: N(
                       "mr-ds-03 h-ico-sm w-ico-sm",
-                      Ie[l.value]
+                      Me[l.value]
                     )
                   }
                 ),
@@ -1543,52 +1585,52 @@ const xs = [
           );
         }) })
       ] }),
-      u.length > 0 && /* @__PURE__ */ a(be, { children: [
-        /* @__PURE__ */ a(xe, { children: [
-          /* @__PURE__ */ e(ce, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+      x.length > 0 && /* @__PURE__ */ a(ye, { children: [
+        /* @__PURE__ */ a(Ce, { children: [
+          /* @__PURE__ */ e(xe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
           "Assign"
         ] }),
-        /* @__PURE__ */ e(we, { className: "w-44 max-h-48 overflow-y-auto", children: u.map((l) => /* @__PURE__ */ e(
-          ee,
+        /* @__PURE__ */ e(Ne, { className: "w-44 max-h-48 overflow-y-auto", children: x.map((l) => /* @__PURE__ */ e(
+          te,
           {
-            onSelect: () => I(t, l.id),
+            onSelect: () => k(t, l.id),
             children: l.name
           },
           l.id
         )) })
       ] }),
-      /* @__PURE__ */ a(be, { children: [
-        /* @__PURE__ */ a(xe, { children: [
-          /* @__PURE__ */ e(Ht, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+      /* @__PURE__ */ a(ye, { children: [
+        /* @__PURE__ */ a(Ce, { children: [
+          /* @__PURE__ */ e(es, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
           "Add Label"
         ] }),
-        /* @__PURE__ */ e(we, { className: "w-40 max-h-48 overflow-y-auto", children: C.length > 0 ? C.map((l) => /* @__PURE__ */ e(
-          ee,
+        /* @__PURE__ */ e(Ne, { className: "w-40 max-h-48 overflow-y-auto", children: D.length > 0 ? D.map((l) => /* @__PURE__ */ e(
+          te,
           {
-            onSelect: () => w(t, l),
+            onSelect: () => b(t, l),
             children: l
           },
           l
         )) : /* @__PURE__ */ e("div", { className: "px-ds-03 py-ds-02 text-ds-xs text-surface-fg-subtle", children: "No labels found" }) })
       ] }),
       /* @__PURE__ */ a(
-        ee,
+        te,
         {
           onSelect: (l) => {
-            var v;
-            l.preventDefault(), (v = D.current) == null || v.showPicker();
+            var w;
+            l.preventDefault(), (w = M.current) == null || w.showPicker();
           },
           children: [
-            /* @__PURE__ */ e(Le, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+            /* @__PURE__ */ e(ze, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
             "Set Due Date",
             /* @__PURE__ */ e(
               "input",
               {
-                ref: D,
+                ref: M,
                 type: "date",
                 className: "absolute opacity-0 pointer-events-none w-0 h-0",
                 onChange: (l) => {
-                  p(t, l.target.value || null);
+                  g(t, l.target.value || null);
                 },
                 tabIndex: -1
               }
@@ -1596,42 +1638,42 @@ const xs = [
           ]
         }
       ),
-      /* @__PURE__ */ a(be, { children: [
-        /* @__PURE__ */ a(xe, { children: [
-          /* @__PURE__ */ e(de, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+      /* @__PURE__ */ a(ye, { children: [
+        /* @__PURE__ */ a(Ce, { children: [
+          /* @__PURE__ */ e(re, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
           "Visibility"
         ] }),
-        /* @__PURE__ */ a(we, { className: "w-44", children: [
+        /* @__PURE__ */ a(Ne, { className: "w-44", children: [
           /* @__PURE__ */ a(
-            ee,
+            te,
             {
-              onSelect: () => x(t, "INTERNAL"),
+              onSelect: () => m(t, "INTERNAL"),
               children: [
-                /* @__PURE__ */ e(Ue, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e(Oe, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
                 "Internal only"
               ]
             }
           ),
           /* @__PURE__ */ a(
-            ee,
+            te,
             {
-              onSelect: () => x(t, "EVERYONE"),
+              onSelect: () => m(t, "EVERYONE"),
               children: [
-                /* @__PURE__ */ e(de, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+                /* @__PURE__ */ e(re, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
                 "Visible to all"
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ e(ts, {}),
+      /* @__PURE__ */ e(cs, {}),
       /* @__PURE__ */ a(
-        ee,
+        te,
         {
           className: "text-error-11 focus:text-error-11",
-          onSelect: () => g(t),
+          onSelect: () => p(t),
           children: [
-            /* @__PURE__ */ e(Ae, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
+            /* @__PURE__ */ e(We, { className: "mr-ds-03 h-ico-sm w-ico-sm" }),
             "Delete"
           ]
         }
@@ -1639,15 +1681,15 @@ const xs = [
     ] })
   ] });
 });
-lt.displayName = "TaskContextMenu";
-function Re() {
+gt.displayName = "TaskContextMenu";
+function Ee() {
   return /* @__PURE__ */ a(
-    se.div,
+    ie.div,
     {
       initial: { opacity: 0, scale: 0.95 },
       animate: { opacity: 1, scale: 1 },
       exit: { opacity: 0, scale: 0.95 },
-      transition: ae.snappy,
+      transition: oe.snappy,
       className: "rounded-ds-lg border-2 border-dashed border-accent-6 bg-accent-1 px-ds-04 py-ds-05",
       "aria-hidden": !0,
       children: [
@@ -1657,55 +1699,62 @@ function Re() {
     }
   );
 }
-const ct = P.forwardRef(
-  function({ column: s, index: n, isOverlay: r, dragPreview: c, draggedTask: o, className: d, ...I }, w) {
-    const { viewMode: p } = K(), { setNodeRef: x, isOver: g } = vt({
+const pt = F.forwardRef(
+  function({ column: s, index: n, isOverlay: i, dragPreview: c, draggedTask: r, className: u, ...k }, b) {
+    const { viewMode: g, completedColumnId: m, showCompleted: p, onToggleCompleted: x } = P(), M = m != null && s.id === m && !p, { setNodeRef: l, isOver: w } = Rt({
       id: `column-${s.id}`,
       data: {
         type: "column",
         column: s
       }
-    }), u = s.tasks.map((D) => D.id), C = s.wipLimit != null && s.tasks.length > s.wipLimit;
+    }), h = s.tasks.map((d) => d.id), S = s.wipLimit != null && s.tasks.length > s.wipLimit;
     return /* @__PURE__ */ a(
       "div",
       {
-        ref: w,
+        ref: b,
         className: N(
           "flex h-full flex-shrink-0 flex-col rounded-ds-xl bg-surface-sunken border border-surface-border-subtle hover:border-surface-border transition-colors p-1",
-          r && "shadow-overlay",
-          C && "bg-error-3 border-error-7",
-          d
+          i && "shadow-overlay",
+          S && "bg-error-3 border-error-7",
+          u
         ),
-        ...I,
-        style: { ...I.style, width: ss },
+        ...k,
+        style: { ...k.style, width: ds },
         children: [
-          /* @__PURE__ */ e(Je, { column: s, index: n }),
-          /* @__PURE__ */ a(
-            se.div,
+          /* @__PURE__ */ e(rt, { column: s, index: n }),
+          /* @__PURE__ */ e(
+            ie.div,
             {
-              ref: x,
+              ref: l,
               animate: {
-                backgroundColor: g ? "var(--color-accent-1, rgba(59,130,246,0.06))" : "transparent"
+                backgroundColor: w ? "var(--color-accent-1, rgba(59,130,246,0.06))" : "transparent"
               },
-              transition: ae.snappy,
+              transition: oe.snappy,
               className: "no-scrollbar flex flex-1 flex-col gap-ds-02 overflow-y-auto px-ds-03 pt-2.5 pb-ds-03",
-              children: [
-                /* @__PURE__ */ a(ze, { items: u, strategy: yt, children: [
-                  /* @__PURE__ */ e(le, { className: "contents", children: s.tasks.map((D, l) => /* @__PURE__ */ a(P.Fragment, { children: [
-                    /* @__PURE__ */ e(ie, { children: c && c.index === l && /* @__PURE__ */ e(Re, {}) }),
-                    /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(lt, { taskId: D.id, children: p === "compact" ? /* @__PURE__ */ e(rt, { task: D }) : /* @__PURE__ */ e(at, { task: D }) }) })
-                  ] }, D.id)) }),
-                  /* @__PURE__ */ e(ie, { children: c && c.index >= s.tasks.length && /* @__PURE__ */ e(Re, {}) })
+              children: M ? (
+                /* Completed column collapsed: show only a muted summary */
+                /* @__PURE__ */ a("div", { className: "py-ds-04 text-center text-ds-xs text-surface-fg-subtle", children: [
+                  s.tasks.length,
+                  " completed ",
+                  s.tasks.length === 1 ? "task" : "tasks"
+                ] })
+              ) : /* @__PURE__ */ a(me, { children: [
+                /* @__PURE__ */ a(Ye, { items: h, strategy: Mt, children: [
+                  /* @__PURE__ */ e(pe, { className: "contents", children: s.tasks.map((d, v) => /* @__PURE__ */ a(F.Fragment, { children: [
+                    /* @__PURE__ */ e(fe, { children: c && c.index === v && /* @__PURE__ */ e(Ee, {}) }),
+                    /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(gt, { taskId: d.id, children: g === "compact" ? /* @__PURE__ */ e(mt, { task: d }) : /* @__PURE__ */ e(dt, { task: d }) }) })
+                  ] }, d.id)) }),
+                  /* @__PURE__ */ e(fe, { children: c && c.index >= s.tasks.length && /* @__PURE__ */ e(Ee, {}) })
                 ] }),
                 s.tasks.length === 0 && !c && /* @__PURE__ */ e(
-                  Ze,
+                  it,
                   {
                     index: n,
-                    isDropTarget: g
+                    isDropTarget: w
                   }
                 ),
-                /* @__PURE__ */ e(ie, { children: s.tasks.length === 0 && c && /* @__PURE__ */ e(Re, {}) })
-              ]
+                /* @__PURE__ */ e(fe, { children: s.tasks.length === 0 && c && /* @__PURE__ */ e(Ee, {}) })
+              ] })
             }
           )
         ]
@@ -1713,91 +1762,91 @@ const ct = P.forwardRef(
     );
   }
 );
-ct.displayName = "BoardColumn";
-function ws(t) {
+pt.displayName = "BoardColumn";
+function Rs(t) {
   const {
     columns: s,
     focusedTaskId: n,
-    setFocusedTaskId: r,
+    setFocusedTaskId: i,
     selectedTaskIds: c,
-    toggleTaskSelection: o,
-    selectRange: d,
-    clearSelection: I,
-    clearFilters: w,
-    hasActiveFilters: p,
-    onClickTask: x
-  } = K(), g = O(
+    toggleTaskSelection: r,
+    selectRange: u,
+    clearSelection: k,
+    clearFilters: b,
+    hasActiveFilters: g,
+    onClickTask: m
+  } = P(), p = L(
     (l) => {
-      for (let v = 0; v < s.length; v++)
-        for (let m = 0; m < s[v].tasks.length; m++)
-          if (s[v].tasks[m].id === l)
-            return { columnIndex: v, taskIndex: m, taskId: l };
+      for (let w = 0; w < s.length; w++)
+        for (let h = 0; h < s[w].tasks.length; h++)
+          if (s[w].tasks[h].id === l)
+            return { columnIndex: w, taskIndex: h, taskId: l };
       return null;
     },
     [s]
-  ), u = O(
-    (l, v) => {
-      const m = s[l];
-      if (!m) return null;
-      const R = m.tasks[v];
-      return (R == null ? void 0 : R.id) ?? null;
+  ), x = L(
+    (l, w) => {
+      const h = s[l];
+      if (!h) return null;
+      const S = h.tasks[w];
+      return (S == null ? void 0 : S.id) ?? null;
     },
     [s]
-  ), C = O((l) => {
-    const v = document.querySelector(`[data-task-id="${l}"]`);
-    v && v.scrollIntoView({ block: "nearest", behavior: "smooth" });
-  }, []), D = O(
+  ), D = L((l) => {
+    const w = document.querySelector(`[data-task-id="${l}"]`);
+    w && w.scrollIntoView({ block: "nearest", behavior: "smooth" });
+  }, []), M = L(
     (l) => {
-      const v = l.target;
-      if (!(v.tagName === "INPUT" || v.tagName === "TEXTAREA" || v.isContentEditable))
+      const w = l.target;
+      if (!(w.tagName === "INPUT" || w.tagName === "TEXTAREA" || w.isContentEditable))
         switch (l.key) {
           case "ArrowDown":
           case "ArrowUp": {
             l.preventDefault();
-            const m = l.key === "ArrowDown" ? 1 : -1;
+            const h = l.key === "ArrowDown" ? 1 : -1;
             if (!n) {
-              for (const T of s)
-                if (T.tasks.length > 0) {
-                  const L = T.tasks[0].id;
-                  r(L), C(L);
+              for (const I of s)
+                if (I.tasks.length > 0) {
+                  const A = I.tasks[0].id;
+                  i(A), D(A);
                   break;
                 }
               return;
             }
-            const R = g(n);
-            if (!R) return;
-            const h = R.taskIndex + m, f = u(R.columnIndex, h);
-            f && (r(f), C(f), l.shiftKey && n && d(n, f));
+            const S = p(n);
+            if (!S) return;
+            const d = S.taskIndex + h, v = x(S.columnIndex, d);
+            v && (i(v), D(v), l.shiftKey && n && u(n, v));
             return;
           }
           case "ArrowLeft":
           case "ArrowRight": {
             l.preventDefault();
-            const m = l.key === "ArrowRight" ? 1 : -1;
+            const h = l.key === "ArrowRight" ? 1 : -1;
             if (!n) return;
-            const R = g(n);
-            if (!R) return;
-            let h = R.columnIndex + m;
-            for (; h >= 0 && h < s.length; ) {
-              if (s[h].tasks.length > 0) {
-                const f = Math.min(R.taskIndex, s[h].tasks.length - 1), T = s[h].tasks[f].id;
-                r(T), C(T);
+            const S = p(n);
+            if (!S) return;
+            let d = S.columnIndex + h;
+            for (; d >= 0 && d < s.length; ) {
+              if (s[d].tasks.length > 0) {
+                const v = Math.min(S.taskIndex, s[d].tasks.length - 1), I = s[d].tasks[v].id;
+                i(I), D(I);
                 return;
               }
-              h += m;
+              d += h;
             }
             return;
           }
           case "Enter": {
-            n && (l.preventDefault(), x(n));
+            n && (l.preventDefault(), m(n));
             return;
           }
           case " ": {
-            n && (l.preventDefault(), o(n));
+            n && (l.preventDefault(), r(n));
             return;
           }
           case "Escape": {
-            l.preventDefault(), c.size > 0 ? I() : p && w();
+            l.preventDefault(), c.size > 0 ? k() : g && b();
             return;
           }
         }
@@ -1806,25 +1855,25 @@ function ws(t) {
       n,
       s,
       c,
-      p,
       g,
-      u,
+      p,
+      x,
+      i,
+      D,
       r,
-      C,
-      o,
-      d,
-      I,
-      w,
-      x
+      u,
+      k,
+      b,
+      m
     ]
   );
-  oe(() => {
+  ge(() => {
     const l = t.current;
     if (l)
-      return l.addEventListener("keydown", D), () => l.removeEventListener("keydown", D);
-  }, [t, D]);
+      return l.addEventListener("keydown", M), () => l.removeEventListener("keydown", M);
+  }, [t, M]);
 }
-function vs() {
+function Ms() {
   return {
     onDragStart({ active: t }) {
       const s = t.data.current;
@@ -1846,151 +1895,194 @@ function vs() {
     }
   };
 }
-function ys({ className: t }) {
+function As() {
+  const {
+    columns: t,
+    viewMode: s,
+    completedColumnId: n,
+    showCompleted: i,
+    onClickTask: c
+  } = P();
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-03 pb-ds-05", children: t.map((r, u) => {
+    const b = n != null && r.id === n && !i, g = Se[u % Se.length];
+    return /* @__PURE__ */ a("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ a("div", { className: "sticky top-0 z-10 flex items-center gap-ds-02 bg-surface-base px-ds-04 py-ds-03 border-b border-surface-border-subtle", children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: `h-2.5 w-2.5 flex-shrink-0 rounded-full ${g}`,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "text-ds-sm font-semibold text-surface-fg", children: r.name }),
+        /* @__PURE__ */ e(qe, { variant: "subtle", className: "ml-auto text-ds-xs", children: r.tasks.length })
+      ] }),
+      b ? /* @__PURE__ */ a("div", { className: "px-ds-04 py-ds-03 text-ds-xs text-surface-fg-subtle", children: [
+        r.tasks.length,
+        " completed ",
+        r.tasks.length === 1 ? "task" : "tasks"
+      ] }) : r.tasks.length === 0 ? /* @__PURE__ */ e("div", { className: "px-ds-04 py-ds-03 text-ds-xs text-surface-fg-subtle", children: "No tasks" }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: r.tasks.map((m) => /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          onClick: () => c(m.id),
+          className: "flex items-center gap-ds-03 border-b border-surface-border-subtle px-ds-04 py-ds-03 text-left transition-colors hover:bg-surface-raised-hover",
+          children: [
+            /* @__PURE__ */ e("span", { className: "flex-1 truncate text-ds-sm text-surface-fg", children: m.title }),
+            m.priority && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-ds-xs text-surface-fg-subtle", children: m.priority }),
+            m.owner && /* @__PURE__ */ e("span", { className: "flex-shrink-0 text-ds-xs text-surface-fg-subtle", children: m.owner.name })
+          ]
+        },
+        m.id
+      )) })
+    ] }, r.id);
+  }) });
+}
+function Ls({ className: t }) {
   const {
     columns: s,
     viewMode: n,
-    activeTask: r,
+    activeTask: i,
     setActiveTask: c,
-    onTaskMove: o,
-    onAddColumn: d
-  } = K(), [I, w] = E(!1), [p, x] = E(null);
-  ye(null);
-  const g = ye(null);
-  ws(g), oe(() => {
-    w(!0);
+    onTaskMove: r,
+    onAddColumn: u
+  } = P(), [k, b] = E(!1), [g, m] = E(null);
+  Ie(null);
+  const p = Ie(null);
+  Rs(p), ge(() => {
+    b(!0);
   }, []);
-  const u = kt(
-    De(At, {
+  const x = At(
+    Ae(Bt, {
       activationConstraint: { distance: 5 }
     }),
-    De(St, {
+    Ae(Ot, {
       activationConstraint: { delay: 200, tolerance: 5 }
     }),
-    De(Rt, {
-      coordinateGetter: Tt
+    Ae(Et, {
+      coordinateGetter: Lt
     })
-  ), C = re(() => vs(), []), D = s.map((f) => `column-${f.id}`), l = O(
-    (f) => {
-      for (const T of s)
-        if (T.tasks.some((L) => L.id === f))
-          return T.id;
+  ), D = he(() => Ms(), []), M = s.map((v) => `column-${v.id}`), l = L(
+    (v) => {
+      for (const I of s)
+        if (I.tasks.some((A) => A.id === v))
+          return I.id;
       return null;
     },
     [s]
-  ), v = O(
-    (f) => {
-      const T = f.active.data.current;
-      (T == null ? void 0 : T.type) === "task" && c(T.task);
+  ), w = L(
+    (v) => {
+      const I = v.active.data.current;
+      (I == null ? void 0 : I.type) === "task" && c(I.task);
     },
     [c]
-  ), m = O(
-    (f) => {
-      const { active: T, over: L } = f;
-      if (!L) {
-        x(null);
+  ), h = L(
+    (v) => {
+      const { active: I, over: A } = v;
+      if (!A) {
+        m(null);
         return;
       }
-      const $ = T.id, y = L.id, i = l($);
-      if (!i) return;
-      let b = null, A = 0;
-      if (y.startsWith("column-")) {
-        b = y.replace("column-", "");
-        const M = s.find((S) => S.id === b);
-        A = (M == null ? void 0 : M.tasks.length) ?? 0;
-      } else if (b = l(y), b) {
-        const M = s.find((S) => S.id === b);
-        A = (M == null ? void 0 : M.tasks.findIndex((S) => S.id === y)) ?? 0;
+      const $ = I.id, T = A.id, o = l($);
+      if (!o) return;
+      let f = null, R = 0;
+      if (T.startsWith("column-")) {
+        f = T.replace("column-", "");
+        const O = s.find((y) => y.id === f);
+        R = (O == null ? void 0 : O.tasks.length) ?? 0;
+      } else if (f = l(T), f) {
+        const O = s.find((y) => y.id === f);
+        R = (O == null ? void 0 : O.tasks.findIndex((y) => y.id === T)) ?? 0;
       }
-      if (!b) {
-        x(null);
+      if (!f) {
+        m(null);
         return;
       }
-      if (i === b) {
-        x(null);
+      if (o === f) {
+        m(null);
         return;
       }
-      x({ taskId: $, columnId: b, index: A });
+      m({ taskId: $, columnId: f, index: R });
     },
     [s, l]
-  ), R = O(
-    (f) => {
-      const { active: T, over: L } = f, $ = p;
-      if (c(null), x(null), !L) return;
-      const y = T.id, i = L.id, b = l(y);
-      if (!b) return;
-      if ($ && $.taskId === y) {
-        o(y, $.columnId, $.index);
+  ), S = L(
+    (v) => {
+      const { active: I, over: A } = v, $ = g;
+      if (c(null), m(null), !A) return;
+      const T = I.id, o = A.id, f = l(T);
+      if (!f) return;
+      if ($ && $.taskId === T) {
+        r(T, $.columnId, $.index);
         return;
       }
-      let A, M;
-      if (i.startsWith("column-")) {
-        A = i.replace("column-", "");
-        const S = s.find((W) => W.id === A);
-        if (M = (S == null ? void 0 : S.tasks.length) ?? 0, b === A) {
-          const W = S == null ? void 0 : S.tasks.findIndex((q) => q.id === y);
-          W !== void 0 && W >= 0 && (M = W);
+      let R, O;
+      if (o.startsWith("column-")) {
+        R = o.replace("column-", "");
+        const y = s.find((z) => z.id === R);
+        if (O = (y == null ? void 0 : y.tasks.length) ?? 0, f === R) {
+          const z = y == null ? void 0 : y.tasks.findIndex((j) => j.id === T);
+          z !== void 0 && z >= 0 && (O = z);
         }
       } else {
-        A = l(i) ?? b;
-        const S = s.find((W) => W.id === A);
-        M = (S == null ? void 0 : S.tasks.findIndex((W) => W.id === i)) ?? 0;
+        R = l(o) ?? f;
+        const y = s.find((z) => z.id === R);
+        O = (y == null ? void 0 : y.tasks.findIndex((z) => z.id === o)) ?? 0;
       }
-      o(y, A, M);
+      r(T, R, O);
     },
-    [s, p, l, c, o]
-  ), h = O(() => {
-    c(null), x(null);
+    [s, g, l, c, r]
+  ), d = L(() => {
+    c(null), m(null);
   }, [c]);
   return /* @__PURE__ */ a(
-    Ct,
+    Wt,
     {
-      sensors: u,
-      collisionDetection: Nt,
-      onDragStart: v,
-      onDragOver: m,
-      onDragEnd: R,
-      onDragCancel: h,
-      accessibility: { announcements: C },
+      sensors: x,
+      collisionDetection: $t,
+      onDragStart: w,
+      onDragOver: h,
+      onDragEnd: S,
+      onDragCancel: d,
+      accessibility: { announcements: D },
       children: [
         /* @__PURE__ */ a(
           "div",
           {
-            ref: g,
+            ref: p,
             tabIndex: 0,
             className: "no-scrollbar flex h-full gap-ds-05 overflow-x-auto pb-ds-05 outline-none",
             children: [
               /* @__PURE__ */ e(
-                ze,
+                Ye,
                 {
-                  items: D,
-                  strategy: It,
-                  children: /* @__PURE__ */ e(le, { delay: 0.05, className: "contents", children: s.map((f, T) => /* @__PURE__ */ e(
-                    Q,
+                  items: M,
+                  strategy: zt,
+                  children: /* @__PURE__ */ e(pe, { delay: 0.05, className: "contents", children: s.map((v, I) => /* @__PURE__ */ e(
+                    J,
                     {
                       className: "flex-shrink-0",
                       children: /* @__PURE__ */ e(
-                        ct,
+                        pt,
                         {
-                          column: f,
-                          index: T,
-                          dragPreview: (p == null ? void 0 : p.columnId) === f.id ? p : void 0,
-                          draggedTask: r
+                          column: v,
+                          index: I,
+                          dragPreview: (g == null ? void 0 : g.columnId) === v.id ? g : void 0,
+                          draggedTask: i
                         }
                       )
                     },
-                    f.id
+                    v.id
                   )) })
                 }
               ),
-              d && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ a(
-                F,
+              u && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ a(
+                W,
                 {
                   variant: "ghost",
-                  onClick: d,
+                  onClick: u,
                   className: "h-ds-md w-[320px] justify-start gap-ds-03 rounded-ds-xl border border-dashed border-surface-border bg-surface-raised text-surface-fg-subtle hover:border-accent-7 hover:bg-accent-2 hover:text-accent-11",
                   children: [
-                    /* @__PURE__ */ e(Me, { className: "h-ico-sm w-ico-sm" }),
+                    /* @__PURE__ */ e($e, { className: "h-ico-sm w-ico-sm" }),
                     "Add column"
                   ]
                 }
@@ -1998,42 +2090,46 @@ function ys({ className: t }) {
             ]
           }
         ),
-        I && wt(
-          /* @__PURE__ */ e(Dt, { dropAnimation: { duration: 240, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" }, children: r ? n === "compact" ? /* @__PURE__ */ e(it, { task: r }) : /* @__PURE__ */ e(ot, { task: r }) : null }),
+        k && St(
+          /* @__PURE__ */ e(Ft, { dropAnimation: { duration: 240, easing: "cubic-bezier(0.34, 1.56, 0.64, 1)" }, children: i ? n === "compact" ? /* @__PURE__ */ e(ht, { task: i }) : /* @__PURE__ */ e(ft, { task: i }) : null }),
           document.body
         )
       ]
     }
   );
 }
-const ks = P.forwardRef(
-  function({ className: s, ...n }, r) {
-    return /* @__PURE__ */ e("div", { ref: r, className: s, children: /* @__PURE__ */ e(is, { ...n, children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-03", children: [
-      /* @__PURE__ */ e(qe, {}),
-      /* @__PURE__ */ e(Xe, {}),
-      /* @__PURE__ */ e(ys, {})
-    ] }) }) });
+function Es() {
+  const { isMobileListView: t } = P();
+  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-03", children: [
+    /* @__PURE__ */ e(at, {}),
+    /* @__PURE__ */ e(nt, {}),
+    t ? /* @__PURE__ */ e(As, {}) : /* @__PURE__ */ e(Ls, {})
+  ] });
+}
+const Os = F.forwardRef(
+  function({ className: s, ...n }, i) {
+    return /* @__PURE__ */ e("div", { ref: i, className: s, children: /* @__PURE__ */ e(ps, { ...n, children: /* @__PURE__ */ e(Es, {}) }) });
   }
 );
-ks.displayName = "KanbanBoard";
+Os.displayName = "KanbanBoard";
 export {
-  ct as B,
-  Be as C,
-  We as D,
-  ks as K,
-  Ie as P,
-  at as T,
-  is as a,
-  qe as b,
-  Xe as c,
-  ss as d,
-  Ze as e,
-  Je as f,
-  Vs as g,
-  rt as h,
-  it as i,
-  ot as j,
-  lt as k,
-  ws as l,
-  K as u
+  pt as B,
+  Se as C,
+  Ve as D,
+  Os as K,
+  Me as P,
+  dt as T,
+  ps as a,
+  at as b,
+  nt as c,
+  ds as d,
+  it as e,
+  rt as f,
+  ta as g,
+  mt as h,
+  ht as i,
+  ft as j,
+  gt as k,
+  Rs as l,
+  P as u
 };