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