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