@devalok/shilp-sutra-karm 0.19.0 → 0.20.0

package/dist/_chunks/task-detail-panel.js

@@ -1,61 +1,65 @@
 "use client";
-import { jsxs as r, jsx as s, Fragment as ge } from "react/jsx-runtime";
-import * as c from "react";
+import { jsxs as o, jsx as s, Fragment as ke } from "react/jsx-runtime";
+import * as n from "react";
 import { cn as h } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Sheet as xs, SheetContent as Ns, SheetTitle as vs } from "@devalok/shilp-sutra/ui/sheet";
-import { VisuallyHidden as ys } from "@devalok/shilp-sutra/ui/visually-hidden";
+import { Checkbox as Ss } from "@devalok/shilp-sutra/ui/checkbox";
+import { PriorityIndicator as Ls } from "@devalok/shilp-sutra/composed/priority-indicator";
+import { Badge as W } from "@devalok/shilp-sutra/ui/badge";
+import { StatusBadge as Ps } from "@devalok/shilp-sutra/composed/status-badge";
+import { IconSquareCheck as js, IconSquare as Os, IconPlus as _, IconSend as _s, IconUpload as Fs, IconExternalLink as Bs, IconDownload as Vs, IconTrash as zs, IconFile as we, IconPhoto as Hs, IconFileText as Ms, IconFileCode as $s, IconFileSpreadsheet as qs, IconFileZip as Gs, IconCheck as Ee, IconMessage as Ae, IconX as K, IconCalendarEvent as Se, IconTag as Le, IconFlag as Pe, IconEye as je, IconCircleCheck as Ys, IconGitPullRequest as te, IconPaperclip as re, IconUserMinus as Ks, IconUserPlus as Ws, IconArrowRight as Us, IconEdit as Zs, IconActivity as ae, IconListCheck as Oe, IconMessageCircle as _e, IconChevronRight as Js, IconColumns3 as Qs, IconChevronDown as Xs, IconUser as et, IconUsers as st } from "@tabler/icons-react";
+import { IconButton as tt } from "@devalok/shilp-sutra/ui/icon-button";
+import { Sheet as rt, SheetContent as at, SheetTitle as nt } from "@devalok/shilp-sutra/ui/sheet";
+import { VisuallyHidden as it } from "@devalok/shilp-sutra/ui/visually-hidden";
 import { Skeleton as A } from "@devalok/shilp-sutra/ui/skeleton";
-import { Progress as ws, Tabs as Is, TabsList as Cs, TabsTrigger as U } from "@devalok/shilp-sutra/ui";
-import { Avatar as F, AvatarImage as V, AvatarFallback as j } from "@devalok/shilp-sutra/ui/avatar";
-import { Popover as de, PopoverTrigger as ue, PopoverContent as me } from "@devalok/shilp-sutra/ui/popover";
-import { IconSquareCheck as Ds, IconSquare as Rs, IconPlus as B, IconSend as Es, IconUpload as Ts, IconExternalLink as As, IconDownload as Ss, IconTrash as ks, IconFile as fe, IconPhoto as Ls, IconFileText as Ps, IconFileCode as Os, IconFileSpreadsheet as _s, IconFileZip as Fs, IconCheck as xe, IconMessage as Ne, IconX as Y, IconCalendarEvent as ve, IconTag as ye, IconFlag as we, IconEye as Ie, IconCircleCheck as Vs, IconGitPullRequest as ee, IconPaperclip as se, IconUserMinus as js, IconUserPlus as Bs, IconArrowRight as Hs, IconEdit as qs, IconActivity as te, IconListCheck as Ce, IconMessageCircle as De, IconColumns3 as Gs, IconChevronDown as $s, IconUser as Ms, IconUsers as zs } from "@tabler/icons-react";
-import { getInitials as H } from "@devalok/shilp-sutra/composed/lib/string-utils";
-import { MemberPicker as X } from "@devalok/shilp-sutra/composed/member-picker";
-import { EmptyState as q } from "@devalok/shilp-sutra/composed/empty-state";
-import { Badge as Ys } from "@devalok/shilp-sutra/ui/badge";
-import { RichTextViewer as Ws, RichTextEditor as Ks } from "@devalok/shilp-sutra/composed/rich-text-editor";
-import { formatRelativeTime as Zs } from "@devalok/shilp-sutra/ui/lib/date-utils";
-import { Dialog as Js, DialogTrigger as Qs, DialogContent as Us, DialogHeader as Xs, DialogTitle as et, DialogDescription as st, DialogFooter as tt, DialogClose as pe } from "@devalok/shilp-sutra/ui/dialog";
-import { Button as he } from "@devalok/shilp-sutra/ui/button";
-const rt = {
+import { Progress as ot, Tabs as ct, TabsList as lt, TabsTrigger as ee } from "@devalok/shilp-sutra/ui";
+import { Avatar as F, AvatarImage as B, AvatarFallback as V } from "@devalok/shilp-sutra/ui/avatar";
+import { Popover as ye, PopoverTrigger as Re, PopoverContent as Ce } from "@devalok/shilp-sutra/ui/popover";
+import { getInitials as z } from "@devalok/shilp-sutra/composed/lib/string-utils";
+import { MemberPicker as se } from "@devalok/shilp-sutra/composed/member-picker";
+import { EmptyState as H } from "@devalok/shilp-sutra/composed/empty-state";
+import { RichTextViewer as dt, RichTextEditor as ut } from "@devalok/shilp-sutra/composed/rich-text-editor";
+import { formatRelativeTime as mt } from "@devalok/shilp-sutra/ui/lib/date-utils";
+import { Dialog as ft, DialogTrigger as pt, DialogContent as ht, DialogHeader as gt, DialogTitle as bt, DialogDescription as xt, DialogFooter as Nt, DialogClose as De } from "@devalok/shilp-sutra/ui/dialog";
+import { Button as Ie } from "@devalok/shilp-sutra/ui/button";
+const vt = {
   LOW: "Low",
   MEDIUM: "Medium",
   HIGH: "High",
   URGENT: "Urgent"
-}, Re = {
+}, Fe = {
   LOW: "bg-category-slate-9",
   MEDIUM: "bg-warning-9",
   HIGH: "bg-error-9",
   URGENT: "bg-error-9"
-}, at = {
+}, wt = {
   PENDING: { color: "warning", label: "Pending" },
   APPROVED: { color: "success", label: "Approved" },
   CHANGES_REQUESTED: { color: "brand", label: "Changes Requested" },
   REJECTED: { color: "error", label: "Rejected" }
-}, Ee = c.forwardRef(
-  function({ completed: e, total: i, className: l, ...d }, u) {
-    return /* @__PURE__ */ r("div", { ref: u, className: h("mb-ds-05 flex items-center gap-ds-04", l), ...d, children: [
-      /* @__PURE__ */ s(ws, { value: i > 0 ? e / i * 100 : 0, className: "h-ds-02b" }),
-      /* @__PURE__ */ r("span", { className: "shrink-0 text-ds-sm font-medium text-surface-fg-subtle", children: [
+}, Be = n.forwardRef(
+  function({ completed: e, total: r, className: a, ...i }, d) {
+    return /* @__PURE__ */ o("div", { ref: d, className: h("mb-ds-05 flex items-center gap-ds-04", a), ...i, children: [
+      /* @__PURE__ */ s(ot, { value: r > 0 ? e / r * 100 : 0, className: "h-ds-02b" }),
+      /* @__PURE__ */ o("span", { className: "shrink-0 text-ds-sm font-medium text-surface-fg-subtle", children: [
         e,
         "/",
-        i
+        r
       ] })
     ] });
   }
 );
-Ee.displayName = "SubtaskProgress";
-const Te = c.forwardRef(
-  function({ children: e, className: i, ...l }, d) {
-    return /* @__PURE__ */ s("div", { ref: d, className: h("space-y-ds-01", i), ...l, children: e });
+Be.displayName = "SubtaskProgress";
+const Ve = n.forwardRef(
+  function({ children: e, className: r, ...a }, i) {
+    return /* @__PURE__ */ s("div", { ref: i, className: h("space-y-ds-01", r), ...a, children: e });
   }
 );
-Te.displayName = "SubtaskList";
-const Ae = c.forwardRef(
-  function({ subtask: e, isComplete: i, onToggle: l, onClick: d, className: u, ...f }, m) {
-    var o;
-    const p = (o = e.assignees[0]) == null ? void 0 : o.user;
-    return /* @__PURE__ */ r(
+Ve.displayName = "SubtaskList";
+const ze = n.forwardRef(
+  function({ subtask: e, isComplete: r, onToggle: a, onClick: i, className: d, ...f }, m) {
+    var u;
+    const p = (u = e.assignees[0]) == null ? void 0 : u.user;
+    return /* @__PURE__ */ o(
       "div",
       {
         ref: m,
@@ -64,11 +68,11 @@ const Ae = c.forwardRef(
         className: h(
           "group flex items-center gap-ds-03 rounded-ds-lg px-ds-03 py-ds-02b transition-colors",
           "hover:bg-surface-3 cursor-pointer",
-          u
+          d
         ),
-        onClick: () => d == null ? void 0 : d(e.id),
+        onClick: () => i == null ? void 0 : i(e.id),
         onKeyDown: (x) => {
-          (x.key === "Enter" || x.key === " ") && (x.preventDefault(), d == null || d(e.id));
+          (x.key === "Enter" || x.key === " ") && (x.preventDefault(), i == null || i(e.id));
         },
         ...f,
         children: [
@@ -77,13 +81,13 @@ const Ae = c.forwardRef(
             {
               type: "button",
               onClick: (x) => {
-                x.stopPropagation(), l == null || l(e.id, !i);
+                x.stopPropagation(), a == null || a(e.id, !r);
               },
               className: h(
                 "shrink-0 rounded p-ds-01 transition-colors",
-                l ? "hover:bg-surface-2" : "cursor-default"
+                a ? "hover:bg-surface-2" : "cursor-default"
               ),
-              children: i ? /* @__PURE__ */ s(Ds, { className: "h-ico-sm w-ico-sm text-accent-11", stroke: 1.5 }) : /* @__PURE__ */ s(Rs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle", stroke: 1.5 })
+              children: r ? /* @__PURE__ */ s(js, { className: "h-ico-sm w-ico-sm text-accent-11", stroke: 1.5 }) : /* @__PURE__ */ s(Os, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle", stroke: 1.5 })
             }
           ),
           /* @__PURE__ */ s(
@@ -91,7 +95,7 @@ const Ae = c.forwardRef(
             {
               className: h(
                 "h-2 w-2 shrink-0 rounded-ds-full",
-                Re[e.priority]
+                Fe[e.priority]
               )
             }
           ),
@@ -100,44 +104,44 @@ const Ae = c.forwardRef(
             {
               className: h(
                 "flex-1 truncate text-ds-md",
-                i ? "text-surface-fg-subtle line-through" : "text-surface-fg"
+                r ? "text-surface-fg-subtle line-through" : "text-surface-fg"
               ),
               children: e.title
             }
           ),
-          p && /* @__PURE__ */ r(F, { className: "h-ico-md w-ico-md shrink-0", children: [
-            p.image && /* @__PURE__ */ s(V, { src: p.image, alt: p.name }),
-            /* @__PURE__ */ s(j, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: H(p.name) })
+          p && /* @__PURE__ */ o(F, { className: "h-ico-md w-ico-md shrink-0", children: [
+            p.image && /* @__PURE__ */ s(B, { src: p.image, alt: p.name }),
+            /* @__PURE__ */ s(V, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: z(p.name) })
           ] })
         ]
       }
     );
   }
 );
-Ae.displayName = "SubtaskItem";
-const Se = c.forwardRef(
-  function({ onCreate: e, placeholder: i = "Subtask title...", className: l, ...d }, u) {
-    const [f, m] = c.useState(""), [p, o] = c.useState(!1), x = c.useRef(null), b = () => {
-      const g = f.trim();
-      g && (e(g), m(""));
-    }, N = (g) => {
-      g.key === "Enter" && (g.preventDefault(), b()), g.key === "Escape" && (o(!1), m(""));
+ze.displayName = "SubtaskItem";
+const He = n.forwardRef(
+  function({ onCreate: e, placeholder: r = "Subtask title...", className: a, ...i }, d) {
+    const [f, m] = n.useState(""), [p, u] = n.useState(!1), x = n.useRef(null), g = () => {
+      const b = f.trim();
+      b && (e(b), m(""));
+    }, N = (b) => {
+      b.key === "Enter" && (b.preventDefault(), g()), b.key === "Escape" && (u(!1), m(""));
     };
-    return c.useEffect(() => {
+    return n.useEffect(() => {
       p && x.current && x.current.focus();
-    }, [p]), /* @__PURE__ */ s("div", { ref: u, className: h(l), ...d, children: p ? /* @__PURE__ */ r("div", { className: "mt-ds-03 flex items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-1 shadow-01 px-ds-04 py-ds-03", children: [
+    }, [p]), /* @__PURE__ */ s("div", { ref: d, className: h(a), ...i, children: p ? /* @__PURE__ */ o("div", { className: "mt-ds-03 flex items-center gap-ds-03 rounded-ds-lg border border-surface-border-strong bg-surface-1 shadow-01 px-ds-04 py-ds-03", children: [
       /* @__PURE__ */ s(
         "input",
         {
           ref: x,
           type: "text",
           value: f,
-          onChange: (g) => m(g.target.value),
+          onChange: (b) => m(b.target.value),
           onKeyDown: N,
           onBlur: () => {
-            f.trim() || o(!1);
+            f.trim() || u(!1);
           },
-          placeholder: i,
+          placeholder: r,
           className: "flex-1 bg-transparent text-ds-md text-surface-fg placeholder:text-surface-fg-subtle outline-none"
         }
       ),
@@ -145,61 +149,61 @@ const Se = c.forwardRef(
         "button",
         {
           type: "button",
-          onClick: b,
+          onClick: g,
           disabled: !f.trim(),
           className: "inline-flex h-6 items-center gap-ds-02 rounded-ds-md bg-accent-9 px-ds-03 text-ds-sm font-semibold text-accent-fg transition-colors hover:bg-accent-10 disabled:opacity-action-disabled",
           children: "Add"
         }
       )
-    ] }) : /* @__PURE__ */ r(
+    ] }) : /* @__PURE__ */ o(
       "button",
       {
         type: "button",
-        onClick: () => o(!0),
+        onClick: () => u(!0),
         className: "mt-ds-03 inline-flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b text-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-3 hover:text-surface-fg-muted",
         children: [
-          /* @__PURE__ */ s(B, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
+          /* @__PURE__ */ s(_, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
           "Add subtask"
         ]
       }
     ) });
   }
 );
-Se.displayName = "SubtaskAddForm";
-const ke = c.forwardRef(
-  function({ children: e, autoScroll: i = !0, className: l, ...d }, u) {
-    const f = c.useRef(null), m = c.Children.count(e);
-    c.useEffect(() => {
-      i && f.current && (f.current.scrollTop = f.current.scrollHeight);
-    }, [i, m]);
-    const p = c.useCallback(
-      (o) => {
-        f.current = o, typeof u == "function" ? u(o) : u && (u.current = o);
+He.displayName = "SubtaskAddForm";
+const Me = n.forwardRef(
+  function({ children: e, autoScroll: r = !0, className: a, ...i }, d) {
+    const f = n.useRef(null), m = n.Children.count(e);
+    n.useEffect(() => {
+      r && f.current && (f.current.scrollTop = f.current.scrollHeight);
+    }, [r, m]);
+    const p = n.useCallback(
+      (u) => {
+        f.current = u, typeof d == "function" ? d(u) : d && (d.current = u);
       },
-      [u]
+      [d]
     );
     return /* @__PURE__ */ s(
       "div",
       {
         ref: p,
-        className: h("flex-1 space-y-ds-05 overflow-y-auto", l),
-        ...d,
+        className: h("flex-1 space-y-ds-05 overflow-y-auto", a),
+        ...i,
         children: e
       }
     );
   }
 );
-ke.displayName = "MessageList";
-function Le(t) {
-  const e = new Date(t), l = (/* @__PURE__ */ new Date()).getTime() - e.getTime();
-  return Math.floor(l / 864e5) < 7 ? Zs(t) : e.toLocaleDateString("en-IN", {
+Me.displayName = "MessageList";
+function $e(t) {
+  const e = new Date(t), a = (/* @__PURE__ */ new Date()).getTime() - e.getTime();
+  return Math.floor(a / 864e5) < 7 ? mt(t) : e.toLocaleDateString("en-IN", {
     month: "short",
     day: "numeric",
     hour: "numeric",
     minute: "2-digit"
   });
 }
-function nt(t) {
+function yt(t) {
   return t.authorType === "INTERNAL" && t.internalAuthor ? t.internalAuthor : t.authorType === "CLIENT" && t.clientAuthor ? {
     id: t.clientAuthor.id,
     name: t.clientAuthor.name,
@@ -207,70 +211,70 @@ function nt(t) {
     image: null
   } : { id: t.authorId, name: "Unknown", image: null };
 }
-function it(t) {
+function Rt(t) {
   return t.replace(/<[^>]*>/g, "");
 }
-const Pe = c.forwardRef(
-  function({ comment: e, clientMode: i = !1, renderViewer: l, className: d, ...u }, f) {
-    const m = nt(e), p = e.authorType === "CLIENT";
-    return /* @__PURE__ */ r("div", { ref: f, className: h("flex gap-ds-03", d), ...u, children: [
-      /* @__PURE__ */ r(F, { className: "h-ds-xs-plus w-ds-xs-plus shrink-0 mt-ds-01", children: [
-        m.image && /* @__PURE__ */ s(V, { src: m.image, alt: m.name }),
+const qe = n.forwardRef(
+  function({ comment: e, clientMode: r = !1, renderViewer: a, className: i, ...d }, f) {
+    const m = yt(e), p = e.authorType === "CLIENT";
+    return /* @__PURE__ */ o("div", { ref: f, className: h("flex gap-ds-03", i), ...d, children: [
+      /* @__PURE__ */ o(F, { className: "h-ds-xs-plus w-ds-xs-plus shrink-0 mt-ds-01", children: [
+        m.image && /* @__PURE__ */ s(B, { src: m.image, alt: m.name }),
         /* @__PURE__ */ s(
-          j,
+          V,
           {
             className: h(
               "text-ds-xs font-semibold",
               p ? "bg-warning-3 text-warning-11" : "bg-surface-3 text-accent-fg"
             ),
-            children: H(m.name)
+            children: z(m.name)
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-baseline gap-ds-03", children: [
+      /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ o("div", { className: "flex items-baseline gap-ds-03", children: [
           /* @__PURE__ */ s("span", { className: "text-ds-md font-medium text-surface-fg", children: m.name }),
-          i ? !p && /* @__PURE__ */ s("span", { className: "rounded bg-surface-3 px-ds-02 py-px text-ds-xs font-semibold uppercase tracking-wider text-accent-fg", children: "Team" }) : p && /* @__PURE__ */ s("span", { className: "rounded bg-warning-3 px-ds-02 py-px text-ds-xs font-semibold uppercase tracking-wider text-warning-11", children: "Client" }),
-          /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-subtle", children: Le(e.createdAt) })
+          r ? !p && /* @__PURE__ */ s("span", { className: "rounded bg-surface-3 px-ds-02 py-px text-ds-xs font-semibold uppercase tracking-wider text-accent-fg", children: "Team" }) : p && /* @__PURE__ */ s("span", { className: "rounded bg-warning-3 px-ds-02 py-px text-ds-xs font-semibold uppercase tracking-wider text-warning-11", children: "Client" }),
+          /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-subtle", children: $e(e.createdAt) })
         ] }),
-        /* @__PURE__ */ s("div", { className: "mt-ds-02", children: l ? l({
+        /* @__PURE__ */ s("div", { className: "mt-ds-02", children: a ? a({
           content: e.content,
           className: "[&_.ProseMirror]:!min-h-0 [&_.ProseMirror]:!p-0"
-        }) : /* @__PURE__ */ s("p", { className: "text-ds-md text-surface-fg-muted whitespace-pre-wrap", children: it(e.content) }) })
+        }) : /* @__PURE__ */ s("p", { className: "text-ds-md text-surface-fg-muted whitespace-pre-wrap", children: Rt(e.content) }) })
       ] })
     ] });
   }
 );
-Pe.displayName = "MessageBubble";
-const Oe = c.forwardRef(
+qe.displayName = "MessageBubble";
+const Ge = n.forwardRef(
   function({
     onSubmit: e,
-    renderEditor: i,
-    placeholder: l = "Write a comment...",
-    clientMode: d = !1,
-    className: u,
+    renderEditor: r,
+    placeholder: a = "Write a comment...",
+    clientMode: i = !1,
+    className: d,
     ...f
   }, m) {
-    const [p, o] = c.useState(""), x = () => {
-      const b = p.trim();
-      b.replace(/<[^>]*>/g, "").trim() && (e(b, d ? "CLIENT" : "INTERNAL"), o(""));
+    const [p, u] = n.useState(""), x = () => {
+      const g = p.trim();
+      g.replace(/<[^>]*>/g, "").trim() && (e(g, i ? "CLIENT" : "INTERNAL"), u(""));
     };
-    return /* @__PURE__ */ r("div", { ref: m, className: h("space-y-ds-03", u), ...f, children: [
-      i ? i({
+    return /* @__PURE__ */ o("div", { ref: m, className: h("space-y-ds-03", d), ...f, children: [
+      r ? r({
         content: p,
-        onChange: o,
-        placeholder: l
+        onChange: u,
+        placeholder: a
       }) : /* @__PURE__ */ s(
         "textarea",
         {
           value: p,
-          onChange: (b) => o(b.target.value),
-          placeholder: l,
+          onChange: (g) => u(g.target.value),
+          placeholder: a,
           rows: 3,
           className: "w-full resize-none rounded-ds-md border border-surface-border-strong bg-transparent px-ds-04 py-ds-03 text-ds-md text-surface-fg placeholder:text-surface-fg-subtle outline-none focus:border-surface-border"
         }
       ),
-      /* @__PURE__ */ s("div", { className: "flex justify-end", children: /* @__PURE__ */ r(
+      /* @__PURE__ */ s("div", { className: "flex justify-end", children: /* @__PURE__ */ o(
         "button",
         {
           type: "button",
@@ -278,7 +282,7 @@ const Oe = c.forwardRef(
           disabled: !p.replace(/<[^>]*>/g, "").trim(),
           className: "inline-flex items-center gap-ds-02b rounded-ds-lg bg-accent-9 px-ds-04 py-ds-02b text-ds-sm font-semibold text-accent-fg transition-colors hover:bg-accent-10 disabled:opacity-action-disabled disabled:cursor-not-allowed",
           children: [
-            /* @__PURE__ */ s(Es, { className: "h-ico-sm w-ico-sm", stroke: 2 }),
+            /* @__PURE__ */ s(_s, { className: "h-ico-sm w-ico-sm", stroke: 2 }),
             "Comment"
           ]
         }
@@ -286,62 +290,62 @@ const Oe = c.forwardRef(
     ] });
   }
 );
-Oe.displayName = "MessageInput";
-const _e = c.forwardRef(
-  function({ className: e, ...i }, l) {
+Ge.displayName = "MessageInput";
+const Ye = n.forwardRef(
+  function({ className: e, ...r }, a) {
     return /* @__PURE__ */ s(
       "p",
       {
-        ref: l,
+        ref: a,
         className: h("text-ds-xs text-warning-11", e),
-        ...i,
+        ...r,
         children: "This task is visible to clients. Comments may be seen by external users."
       }
     );
   }
 );
-_e.displayName = "VisibilityWarning";
-const Fe = c.forwardRef(
-  function({ onUpload: e, isUploading: i = !1, accept: l, className: d, ...u }, f) {
-    const m = c.useRef(null), [p, o] = c.useState(!1), x = (v) => {
-      var y;
-      const w = (y = v.target.files) == null ? void 0 : y[0];
-      w && e(w), m.current && (m.current.value = "");
+Ye.displayName = "VisibilityWarning";
+const Ke = n.forwardRef(
+  function({ onUpload: e, isUploading: r = !1, accept: a, className: i, ...d }, f) {
+    const m = n.useRef(null), [p, u] = n.useState(!1), x = (v) => {
+      var w;
+      const y = (w = v.target.files) == null ? void 0 : w[0];
+      y && e(y), m.current && (m.current.value = "");
     };
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ o(
       "div",
       {
         ref: f,
         role: "region",
         "aria-label": "File upload drop zone",
         onDrop: (v) => {
-          var y;
-          v.preventDefault(), o(!1);
-          const w = (y = v.dataTransfer.files) == null ? void 0 : y[0];
-          w && e(w);
+          var w;
+          v.preventDefault(), u(!1);
+          const y = (w = v.dataTransfer.files) == null ? void 0 : w[0];
+          y && e(y);
         },
         onDragOver: (v) => {
-          v.preventDefault(), o(!0);
+          v.preventDefault(), u(!0);
         },
         onDragLeave: () => {
-          o(!1);
+          u(!1);
         },
         className: h(
           "rounded-ds-lg border-2 border-dashed transition-colors",
           p ? "border-accent-7 bg-accent-1" : "border-surface-border-strong",
-          d
+          i
         ),
-        ...u,
+        ...d,
         children: [
-          /* @__PURE__ */ r("div", { className: "flex flex-col items-center gap-ds-03 py-ds-06", children: [
+          /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-ds-03 py-ds-06", children: [
             /* @__PURE__ */ s("div", { className: "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-lg bg-surface-2", children: /* @__PURE__ */ s(
-              Ts,
+              Fs,
               {
                 className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
                 stroke: 1.5
               }
             ) }),
-            /* @__PURE__ */ r("div", { className: "text-center", children: [
+            /* @__PURE__ */ o("div", { className: "text-center", children: [
               /* @__PURE__ */ s(
                 "button",
                 {
@@ -350,12 +354,12 @@ const Fe = c.forwardRef(
                     var v;
                     return (v = m.current) == null ? void 0 : v.click();
                   },
-                  disabled: i,
+                  disabled: r,
                   className: "text-ds-md font-medium text-accent-11 transition-colors hover:underline disabled:opacity-action-disabled",
-                  children: i ? "Uploading..." : "Click to upload"
+                  children: r ? "Uploading..." : "Click to upload"
                 }
               ),
-              /* @__PURE__ */ r("span", { className: "text-ds-md text-surface-fg-subtle", children: [
+              /* @__PURE__ */ o("span", { className: "text-ds-md text-surface-fg-subtle", children: [
                 " ",
                 "or drag and drop"
               ] })
@@ -366,7 +370,7 @@ const Fe = c.forwardRef(
             {
               ref: m,
               type: "file",
-              accept: l,
+              accept: a,
               onChange: x,
               className: "hidden"
             }
@@ -376,37 +380,37 @@ const Fe = c.forwardRef(
     );
   }
 );
-Fe.displayName = "FileDropZone";
-const Ve = c.forwardRef(
-  function({ children: e, className: i, ...l }, d) {
-    return /* @__PURE__ */ s("div", { ref: d, className: h("space-y-ds-02", i), ...l, children: e });
+Ke.displayName = "FileDropZone";
+const We = n.forwardRef(
+  function({ children: e, className: r, ...a }, i) {
+    return /* @__PURE__ */ s("div", { ref: i, className: h("space-y-ds-02", r), ...a, children: e });
   }
 );
-Ve.displayName = "FileList";
-function ct(t) {
-  if (!t) return fe;
+We.displayName = "FileList";
+function Ct(t) {
+  if (!t) return we;
   const e = t.toLowerCase();
-  return ["jpg", "jpeg", "png", "gif", "svg", "webp", "bmp"].includes(e) ? Ls : ["pdf", "doc", "docx", "txt", "rtf"].includes(e) ? Ps : ["js", "ts", "jsx", "tsx", "py", "rb", "go", "rs", "html", "css", "json"].includes(e) ? Os : ["xls", "xlsx", "csv"].includes(e) ? _s : ["zip", "tar", "gz", "rar", "7z"].includes(e) ? Fs : fe;
+  return ["jpg", "jpeg", "png", "gif", "svg", "webp", "bmp"].includes(e) ? Hs : ["pdf", "doc", "docx", "txt", "rtf"].includes(e) ? Ms : ["js", "ts", "jsx", "tsx", "py", "rb", "go", "rs", "html", "css", "json"].includes(e) ? $s : ["xls", "xlsx", "csv"].includes(e) ? qs : ["zip", "tar", "gz", "rar", "7z"].includes(e) ? Gs : we;
 }
-function lt(t) {
+function Dt(t) {
   return new Date(t).toLocaleDateString("en-IN", {
     month: "short",
     day: "numeric",
     year: "numeric"
   });
 }
-const je = c.forwardRef(
-  function({ file: e, onDelete: i, readOnly: l = !1, className: d, ...u }, f) {
-    const m = ct(e.fileType);
-    return /* @__PURE__ */ r(
+const Ue = n.forwardRef(
+  function({ file: e, onDelete: r, readOnly: a = !1, className: i, ...d }, f) {
+    const m = Ct(e.fileType);
+    return /* @__PURE__ */ o(
       "div",
       {
         ref: f,
         className: h(
           "group flex items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 transition-colors hover:bg-surface-3",
-          d
+          i
         ),
-        ...u,
+        ...d,
         children: [
           /* @__PURE__ */ s("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-2", children: /* @__PURE__ */ s(
             m,
@@ -415,15 +419,15 @@ const je = c.forwardRef(
               stroke: 1.5
             }
           ) }),
-          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ s("p", { className: "truncate text-ds-md font-medium text-surface-fg", children: e.title }),
-            /* @__PURE__ */ r("p", { className: "text-ds-sm text-surface-fg-subtle", children: [
-              lt(e.createdAt),
+            /* @__PURE__ */ o("p", { className: "text-ds-sm text-surface-fg-subtle", children: [
+              Dt(e.createdAt),
               /* @__PURE__ */ s("span", { className: "mx-ds-02b", children: "by" }),
               e.uploadedBy.name
             ] })
           ] }),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
+          /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
             e.externalUrl && /* @__PURE__ */ s(
               "a",
               {
@@ -432,7 +436,7 @@ const je = c.forwardRef(
                 rel: "noopener noreferrer",
                 className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-surface-2",
                 title: e.externalLabel ?? "Open externally",
-                children: /* @__PURE__ */ s(As, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
+                children: /* @__PURE__ */ s(Bs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
               }
             ),
             e.downloadUrl && /* @__PURE__ */ s(
@@ -443,37 +447,37 @@ const je = c.forwardRef(
                 rel: "noopener noreferrer",
                 className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-surface-2",
                 title: "Download",
-                children: /* @__PURE__ */ s(Ss, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
+                children: /* @__PURE__ */ s(Vs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
               }
             ),
-            !l && i && /* @__PURE__ */ r(Js, { children: [
-              /* @__PURE__ */ s(Qs, { asChild: !0, children: /* @__PURE__ */ s(
+            !a && r && /* @__PURE__ */ o(ft, { children: [
+              /* @__PURE__ */ s(pt, { asChild: !0, children: /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
                   className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors hover:bg-error-3",
                   "aria-label": "Delete file",
-                  children: /* @__PURE__ */ s(ks, { className: "h-ico-sm w-ico-sm text-error-11" })
+                  children: /* @__PURE__ */ s(zs, { className: "h-ico-sm w-ico-sm text-error-11" })
                 }
               ) }),
-              /* @__PURE__ */ r(Us, { children: [
-                /* @__PURE__ */ r(Xs, { children: [
-                  /* @__PURE__ */ s(et, { children: "Delete file?" }),
-                  /* @__PURE__ */ r(st, { children: [
+              /* @__PURE__ */ o(ht, { children: [
+                /* @__PURE__ */ o(gt, { children: [
+                  /* @__PURE__ */ s(bt, { children: "Delete file?" }),
+                  /* @__PURE__ */ o(xt, { children: [
                     '"',
                     e.title,
                     '" will be permanently deleted. This cannot be undone.'
                   ] })
                 ] }),
-                /* @__PURE__ */ r(tt, { children: [
-                  /* @__PURE__ */ s(pe, { asChild: !0, children: /* @__PURE__ */ s(he, { variant: "outline", size: "sm", children: "Cancel" }) }),
-                  /* @__PURE__ */ s(pe, { asChild: !0, children: /* @__PURE__ */ s(
-                    he,
+                /* @__PURE__ */ o(Nt, { children: [
+                  /* @__PURE__ */ s(De, { asChild: !0, children: /* @__PURE__ */ s(Ie, { variant: "outline", size: "sm", children: "Cancel" }) }),
+                  /* @__PURE__ */ s(De, { asChild: !0, children: /* @__PURE__ */ s(
+                    Ie,
                     {
                       variant: "solid",
                       color: "error",
                       size: "sm",
-                      onClick: () => i(e.id),
+                      onClick: () => r(e.id),
                       children: "Delete"
                     }
                   ) })
@@ -486,54 +490,54 @@ const je = c.forwardRef(
     );
   }
 );
-je.displayName = "FileItem";
-const ot = [
-  { status: "APPROVED", label: "Approve", icon: xe },
-  { status: "CHANGES_REQUESTED", label: "Request Changes", icon: Ne },
-  { status: "REJECTED", label: "Reject", icon: Y }
-], Be = c.forwardRef(
-  function({ reviewId: e, onSubmit: i, className: l, ...d }, u) {
-    const [f, m] = c.useState(""), [p, o] = c.useState(!1), x = (b) => {
-      i(e, b, f || void 0), m(""), o(!1);
+Ue.displayName = "FileItem";
+const It = [
+  { status: "APPROVED", label: "Approve", icon: Ee },
+  { status: "CHANGES_REQUESTED", label: "Request Changes", icon: Ae },
+  { status: "REJECTED", label: "Reject", icon: K }
+], Ze = n.forwardRef(
+  function({ reviewId: e, onSubmit: r, className: a, ...i }, d) {
+    const [f, m] = n.useState(""), [p, u] = n.useState(!1), x = (g) => {
+      r(e, g, f || void 0), m(""), u(!1);
     };
-    return /* @__PURE__ */ s("div", { ref: u, className: h(l), ...d, children: p ? /* @__PURE__ */ r("div", { className: "space-y-ds-03", children: [
+    return /* @__PURE__ */ s("div", { ref: d, className: h(a), ...i, children: p ? /* @__PURE__ */ o("div", { className: "space-y-ds-03", children: [
       /* @__PURE__ */ s(
         "textarea",
         {
           value: f,
-          onChange: (b) => m(b.target.value),
+          onChange: (g) => m(g.target.value),
           placeholder: "Add feedback (optional)...",
           rows: 2,
           className: "w-full resize-none rounded-ds-md border border-surface-border-strong bg-transparent px-ds-03 py-ds-03 text-ds-sm text-surface-fg placeholder:text-surface-fg-subtle outline-none focus:border-surface-border"
         }
       ),
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
-        ot.map((b) => {
-          const N = b.icon;
-          return /* @__PURE__ */ r(
+      /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02b", children: [
+        It.map((g) => {
+          const N = g.icon;
+          return /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: () => x(b.status),
+              onClick: () => x(g.status),
               className: h(
                 "inline-flex items-center gap-ds-02 rounded-ds-md px-ds-03 py-ds-02 text-ds-sm font-semibold transition-colors",
-                b.status === "APPROVED" && "bg-success-3 text-success-11 hover:opacity-90",
-                b.status === "CHANGES_REQUESTED" && "bg-warning-3 text-warning-11 hover:opacity-90",
-                b.status === "REJECTED" && "bg-error-3 text-error-11 hover:opacity-90"
+                g.status === "APPROVED" && "bg-success-3 text-success-11 hover:opacity-90",
+                g.status === "CHANGES_REQUESTED" && "bg-warning-3 text-warning-11 hover:opacity-90",
+                g.status === "REJECTED" && "bg-error-3 text-error-11 hover:opacity-90"
               ),
               children: [
                 /* @__PURE__ */ s(N, { className: "h-3 w-3", stroke: 2 }),
-                b.label
+                g.label
               ]
             },
-            b.status
+            g.status
           );
         }),
         /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            onClick: () => o(!1),
+            onClick: () => u(!1),
             className: "ml-auto text-ds-sm text-surface-fg-subtle hover:text-surface-fg-muted",
             children: "Cancel"
           }
@@ -543,15 +547,15 @@ const ot = [
       "button",
       {
         type: "button",
-        onClick: () => o(!0),
+        onClick: () => u(!0),
         className: "text-ds-sm font-medium text-accent-11 transition-colors hover:underline",
         children: "Respond"
       }
     ) });
   }
 );
-Be.displayName = "ReviewResponseForm";
-function dt(t) {
+Ze.displayName = "ReviewResponseForm";
+function Tt(t) {
   return new Date(t).toLocaleDateString("en-IN", {
     month: "short",
     day: "numeric",
@@ -559,39 +563,39 @@ function dt(t) {
     minute: "2-digit"
   });
 }
-const He = c.forwardRef(
-  function({ review: e, onUpdateStatus: i, className: l, ...d }, u) {
-    const f = at[e.status];
-    return /* @__PURE__ */ r(
+const Je = n.forwardRef(
+  function({ review: e, onUpdateStatus: r, className: a, ...i }, d) {
+    const f = wt[e.status];
+    return /* @__PURE__ */ o(
       "div",
       {
-        ref: u,
+        ref: d,
         className: h(
           "rounded-ds-lg border border-surface-border-strong bg-surface-1 shadow-01 p-ds-04",
-          l
+          a
         ),
-        ...d,
+        ...i,
         children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03", children: [
-            /* @__PURE__ */ r(F, { className: "h-ds-xs w-ds-xs shrink-0", children: [
+          /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-03", children: [
+            /* @__PURE__ */ o(F, { className: "h-ds-xs w-ds-xs shrink-0", children: [
               e.reviewer.image && /* @__PURE__ */ s(
-                V,
+                B,
                 {
                   src: e.reviewer.image,
                   alt: e.reviewer.name
                 }
               ),
-              /* @__PURE__ */ s(j, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: H(e.reviewer.name) })
+              /* @__PURE__ */ s(V, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: z(e.reviewer.name) })
             ] }),
-            /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ s("span", { className: "text-ds-md font-medium text-surface-fg", children: e.reviewer.name }),
-              /* @__PURE__ */ r("span", { className: "ml-ds-03 text-ds-sm text-surface-fg-subtle", children: [
+              /* @__PURE__ */ o("span", { className: "ml-ds-03 text-ds-sm text-surface-fg-subtle", children: [
                 "requested by ",
                 e.requestedBy.name
               ] })
             ] }),
             /* @__PURE__ */ s(
-              Ys,
+              W,
               {
                 color: f.color,
                 children: f.label
@@ -599,39 +603,39 @@ const He = c.forwardRef(
             )
           ] }),
           e.feedback && /* @__PURE__ */ s("div", { className: "mt-ds-03 rounded-ds-md bg-surface-2 px-ds-04 py-ds-03", children: /* @__PURE__ */ s("p", { className: "text-ds-sm text-surface-fg-muted", children: e.feedback }) }),
-          e.status === "PENDING" && i && /* @__PURE__ */ s("div", { className: "mt-ds-03", children: /* @__PURE__ */ s(
-            Be,
+          e.status === "PENDING" && r && /* @__PURE__ */ s("div", { className: "mt-ds-03", children: /* @__PURE__ */ s(
+            Ze,
             {
               reviewId: e.id,
-              onSubmit: i
+              onSubmit: r
             }
           ) }),
-          /* @__PURE__ */ s("p", { className: "mt-ds-03 text-ds-xs text-surface-fg-subtle", children: dt(e.createdAt) })
+          /* @__PURE__ */ s("p", { className: "mt-ds-03 text-ds-xs text-surface-fg-subtle", children: Tt(e.createdAt) })
         ]
       }
     );
   }
 );
-He.displayName = "ReviewCard";
-const qe = c.forwardRef(
-  function({ members: e, onRequest: i, className: l, ...d }, u) {
-    const f = c.useMemo(
+Je.displayName = "ReviewCard";
+const Qe = n.forwardRef(
+  function({ members: e, onRequest: r, className: a, ...i }, d) {
+    const f = n.useMemo(
       () => e.map((m) => ({ id: m.id, name: m.name, avatar: m.image ?? void 0 })),
       [e]
     );
-    return /* @__PURE__ */ s("div", { ref: u, className: h(l), ...d, children: /* @__PURE__ */ s(
-      X,
+    return /* @__PURE__ */ s("div", { ref: d, className: h(a), ...i, children: /* @__PURE__ */ s(
+      se,
       {
         members: f,
         selectedIds: [],
-        onSelect: (m) => i(m),
-        children: /* @__PURE__ */ r(
+        onSelect: (m) => r(m),
+        children: /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             className: "mt-ds-04 inline-flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b text-ds-md text-surface-fg-subtle transition-colors hover:bg-surface-3 hover:text-surface-fg-muted",
             children: [
-              /* @__PURE__ */ s(B, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
+              /* @__PURE__ */ s(_, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
               "Request Review"
             ]
           }
@@ -640,25 +644,25 @@ const qe = c.forwardRef(
     ) });
   }
 );
-qe.displayName = "ReviewRequestButton";
-const Ge = c.forwardRef(
-  function({ children: e, className: i, ...l }, d) {
-    return /* @__PURE__ */ r("div", { ref: d, className: h("relative", i), ...l, children: [
+Qe.displayName = "ReviewRequestButton";
+const Xe = n.forwardRef(
+  function({ children: e, className: r, ...a }, i) {
+    return /* @__PURE__ */ o("div", { ref: i, className: h("relative", r), ...a, children: [
       /* @__PURE__ */ s("div", { className: "absolute left-[11px] top-2 bottom-2 w-px bg-surface-border" }),
       /* @__PURE__ */ s("div", { className: "space-y-ds-05", children: e })
     ] });
   }
 );
-Ge.displayName = "ActivityTimeline";
-const ut = {
+Xe.displayName = "ActivityTimeline";
+const kt = {
   "task.created": {
-    icon: B,
+    icon: _,
     color: "text-success-11",
     dotColor: "bg-success-9",
     getDescription: () => "created this task"
   },
   "task.updated": {
-    icon: qs,
+    icon: Zs,
     color: "text-category-slate-11",
     dotColor: "bg-category-slate-9",
     getDescription: (t) => {
@@ -667,16 +671,16 @@ const ut = {
     }
   },
   "task.moved": {
-    icon: Hs,
+    icon: Us,
     color: "text-warning-11",
     dotColor: "bg-warning-9",
     getDescription: (t) => {
-      const e = t.metadata, i = (e == null ? void 0 : e.fromColumn) || "unknown", l = (e == null ? void 0 : e.toColumn) || "unknown";
-      return `moved from ${i} to ${l}`;
+      const e = t.metadata, r = (e == null ? void 0 : e.fromColumn) || "unknown", a = (e == null ? void 0 : e.toColumn) || "unknown";
+      return `moved from ${r} to ${a}`;
     }
   },
   "task.assigned": {
-    icon: Bs,
+    icon: Ws,
     color: "text-category-cyan-11",
     dotColor: "bg-category-cyan-9",
     getDescription: (t) => {
@@ -685,7 +689,7 @@ const ut = {
     }
   },
   "task.unassigned": {
-    icon: js,
+    icon: Ks,
     color: "text-surface-fg-muted",
     dotColor: "bg-disabled",
     getDescription: (t) => {
@@ -694,13 +698,13 @@ const ut = {
     }
   },
   "task.commented": {
-    icon: Ne,
+    icon: Ae,
     color: "text-accent-11",
     dotColor: "bg-accent-9",
     getDescription: () => "added a comment"
   },
   "task.file_uploaded": {
-    icon: se,
+    icon: re,
     color: "text-category-indigo-11",
     dotColor: "bg-category-indigo-9",
     getDescription: (t) => {
@@ -709,7 +713,7 @@ const ut = {
     }
   },
   "task.review_requested": {
-    icon: ee,
+    icon: te,
     color: "text-warning-11",
     dotColor: "bg-warning-9",
     getDescription: (t) => {
@@ -718,7 +722,7 @@ const ut = {
     }
   },
   "task.review_completed": {
-    icon: Vs,
+    icon: Ys,
     color: "text-success-11",
     dotColor: "bg-success-9",
     getDescription: (t) => {
@@ -727,7 +731,7 @@ const ut = {
     }
   },
   "task.visibility_changed": {
-    icon: Ie,
+    icon: je,
     color: "text-surface-fg-subtle",
     dotColor: "bg-surface-fg-subtle",
     getDescription: (t) => {
@@ -736,7 +740,7 @@ const ut = {
     }
   },
   "task.priority_changed": {
-    icon: we,
+    icon: Pe,
     color: "text-error-11",
     dotColor: "bg-error-9",
     getDescription: (t) => {
@@ -745,13 +749,13 @@ const ut = {
     }
   },
   "task.labels_changed": {
-    icon: ye,
+    icon: Le,
     color: "text-category-amber-11",
     dotColor: "bg-category-amber-9",
     getDescription: () => "updated labels"
   },
   "task.due_date_changed": {
-    icon: ve,
+    icon: Se,
     color: "text-warning-11",
     dotColor: "bg-warning-9",
     getDescription: (t) => {
@@ -759,20 +763,20 @@ const ut = {
       return e != null && e.dueDate ? `set due date to ${e.dueDate}` : "updated the due date";
     }
   }
-}, mt = {
-  icon: te,
+}, Et = {
+  icon: ae,
   color: "text-surface-fg-subtle",
   dotColor: "bg-disabled",
   getDescription: (t) => t.action
 };
-function ft(t) {
+function At(t) {
   const e = t.metadata;
   return e != null && e.actorName ? e.actorName : t.actorType === "SYSTEM" ? "System" : t.actorType === "AGENT" ? "AI Agent" : "Someone";
 }
-const $e = c.forwardRef(
-  function({ entry: e, className: i, ...l }, d) {
-    const u = ut[e.action] || mt, f = u.icon, m = ft(e), p = u.getDescription(e);
-    return /* @__PURE__ */ r("div", { ref: d, className: h("relative flex gap-ds-04 pl-0", i), ...l, children: [
+const es = n.forwardRef(
+  function({ entry: e, className: r, ...a }, i) {
+    const d = kt[e.action] || Et, f = d.icon, m = At(e), p = d.getDescription(e);
+    return /* @__PURE__ */ o("div", { ref: i, className: h("relative flex gap-ds-04 pl-0", r), ...a, children: [
       /* @__PURE__ */ s("div", { className: "relative z-raised flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-ds-full bg-surface-1", children: /* @__PURE__ */ s(
         "div",
         {
@@ -782,151 +786,151 @@ const $e = c.forwardRef(
           children: /* @__PURE__ */ s(
             f,
             {
-              className: h("h-3 w-3", u.color),
+              className: h("h-3 w-3", d.color),
               stroke: 2
             }
           )
         }
       ) }),
-      /* @__PURE__ */ r("div", { className: "flex-1 min-w-0 pt-ds-01", children: [
-        /* @__PURE__ */ r("p", { className: "text-ds-sm", children: [
+      /* @__PURE__ */ o("div", { className: "flex-1 min-w-0 pt-ds-01", children: [
+        /* @__PURE__ */ o("p", { className: "text-ds-sm", children: [
           /* @__PURE__ */ s("span", { className: "font-medium text-surface-fg", children: m }),
-          /* @__PURE__ */ r("span", { className: "text-surface-fg-subtle", children: [
+          /* @__PURE__ */ o("span", { className: "text-surface-fg-subtle", children: [
             " ",
             p
           ] })
         ] }),
-        /* @__PURE__ */ s("p", { className: "mt-ds-01 text-ds-xs text-surface-fg-subtle", children: Le(e.timestamp) })
+        /* @__PURE__ */ s("p", { className: "mt-ds-01 text-ds-xs text-surface-fg-subtle", children: $e(e.timestamp) })
       ] })
     ] });
   }
 );
-$e.displayName = "ActivityEntry";
-const Me = c.forwardRef(
+es.displayName = "ActivityEntry";
+const ss = n.forwardRef(
   function({
     subtasks: e,
-    terminalColumnId: i,
-    onCreateSubtask: l,
-    onToggleSubtask: d,
-    onClickSubtask: u,
+    terminalColumnId: r,
+    onCreateSubtask: a,
+    onToggleSubtask: i,
+    onClickSubtask: d,
     className: f,
     readOnly: m = !1,
     ...p
-  }, o) {
+  }, u) {
     const x = e.filter(
       (N) => {
-        var g;
-        return ((g = N.column) == null ? void 0 : g.isTerminal) || N.columnId === i;
+        var b;
+        return ((b = N.column) == null ? void 0 : b.isTerminal) || N.columnId === r;
       }
-    ).length, b = e.length;
-    return /* @__PURE__ */ r("div", { ref: o, className: h("flex flex-col", f), ...p, children: [
-      b > 0 && /* @__PURE__ */ s(Ee, { completed: x, total: b }),
-      e.length > 0 ? /* @__PURE__ */ s(Te, { children: e.map((N) => {
+    ).length, g = e.length;
+    return /* @__PURE__ */ o("div", { ref: u, className: h("flex flex-col", f), ...p, children: [
+      g > 0 && /* @__PURE__ */ s(Be, { completed: x, total: g }),
+      e.length > 0 ? /* @__PURE__ */ s(Ve, { children: e.map((N) => {
         var v;
-        const g = ((v = N.column) == null ? void 0 : v.isTerminal) || N.columnId === i;
+        const b = ((v = N.column) == null ? void 0 : v.isTerminal) || N.columnId === r;
         return /* @__PURE__ */ s(
-          Ae,
+          ze,
           {
             subtask: N,
-            isComplete: !!g,
-            onToggle: m ? void 0 : d,
-            onClick: u
+            isComplete: !!b,
+            onToggle: m ? void 0 : i,
+            onClick: d
           },
           N.id
         );
       }) }) : !m && /* @__PURE__ */ s(
-        q,
+        H,
         {
-          icon: /* @__PURE__ */ s(Ce, {}),
+          icon: /* @__PURE__ */ s(Oe, {}),
           title: "No subtasks",
           description: "Break this task into smaller pieces",
           compact: !0
         }
       ),
-      !m && /* @__PURE__ */ s(Se, { onCreate: l })
+      !m && /* @__PURE__ */ s(He, { onCreate: a })
     ] });
   }
 );
-Me.displayName = "SubtasksTab";
-const ze = c.forwardRef(
+ss.displayName = "SubtasksTab";
+const ts = n.forwardRef(
   function({
     comments: e,
-    taskVisibility: i,
-    onPostComment: l,
-    className: d,
-    clientMode: u = !1,
+    taskVisibility: r,
+    onPostComment: a,
+    className: i,
+    clientMode: d = !1,
     richText: f = !0,
     renderEditor: m,
     renderViewer: p,
-    ...o
+    ...u
   }, x) {
-    const b = m ?? (f ? (g) => /* @__PURE__ */ s(
-      Ks,
+    const g = m ?? (f ? (b) => /* @__PURE__ */ s(
+      ut,
       {
-        content: g.content,
-        onChange: g.onChange,
-        placeholder: g.placeholder,
+        content: b.content,
+        onChange: b.onChange,
+        placeholder: b.placeholder,
         editable: !0,
         className: "min-h-[80px]"
       }
-    ) : void 0), N = p ?? (f ? (g) => /* @__PURE__ */ s(Ws, { content: g.content, className: g.className }) : void 0);
-    return /* @__PURE__ */ r("div", { ref: x, className: h("flex flex-col", d), ...o, children: [
-      e.length > 0 ? /* @__PURE__ */ s(ke, { children: e.map((g) => /* @__PURE__ */ s(
-        Pe,
+    ) : void 0), N = p ?? (f ? (b) => /* @__PURE__ */ s(dt, { content: b.content, className: b.className }) : void 0);
+    return /* @__PURE__ */ o("div", { ref: x, className: h("flex flex-col", i), ...u, children: [
+      e.length > 0 ? /* @__PURE__ */ s(Me, { children: e.map((b) => /* @__PURE__ */ s(
+        qe,
         {
-          comment: g,
-          clientMode: u,
+          comment: b,
+          clientMode: d,
           renderViewer: N
         },
-        g.id
+        b.id
       )) }) : /* @__PURE__ */ s(
-        q,
+        H,
         {
-          icon: /* @__PURE__ */ s(De, {}),
+          icon: /* @__PURE__ */ s(_e, {}),
           title: "No comments yet",
           description: "Start a conversation about this task",
           compact: !0
         }
       ),
-      /* @__PURE__ */ r("div", { className: "mt-ds-05", children: [
-        i === "EVERYONE" && !u && /* @__PURE__ */ s(_e, { className: "mb-ds-03" }),
+      /* @__PURE__ */ o("div", { className: "mt-ds-05", children: [
+        r === "EVERYONE" && !d && /* @__PURE__ */ s(Ye, { className: "mb-ds-03" }),
         /* @__PURE__ */ s(
-          Oe,
+          Ge,
           {
-            onSubmit: l,
-            renderEditor: b,
-            clientMode: u
+            onSubmit: a,
+            renderEditor: g,
+            clientMode: d
           }
         )
       ] })
     ] });
   }
 );
-ze.displayName = "ConversationTab";
-const Ye = c.forwardRef(
+ts.displayName = "ConversationTab";
+const rs = n.forwardRef(
   function({
     files: e,
-    onUpload: i,
-    onDelete: l,
-    isUploading: d = !1,
-    className: u,
+    onUpload: r,
+    onDelete: a,
+    isUploading: i = !1,
+    className: d,
     readOnly: f = !1,
     ...m
   }, p) {
-    return /* @__PURE__ */ r("div", { ref: p, className: h("flex flex-col", u), ...m, children: [
-      !f && /* @__PURE__ */ s(Fe, { onUpload: i, isUploading: d }),
-      e.length > 0 ? /* @__PURE__ */ s(Ve, { className: "mt-ds-05", children: e.map((o) => /* @__PURE__ */ s(
-        je,
+    return /* @__PURE__ */ o("div", { ref: p, className: h("flex flex-col", d), ...m, children: [
+      !f && /* @__PURE__ */ s(Ke, { onUpload: r, isUploading: i }),
+      e.length > 0 ? /* @__PURE__ */ s(We, { className: "mt-ds-05", children: e.map((u) => /* @__PURE__ */ s(
+        Ue,
         {
-          file: o,
-          onDelete: l,
+          file: u,
+          onDelete: a,
           readOnly: f
         },
-        o.id
+        u.id
       )) }) : /* @__PURE__ */ s("div", { className: "mt-ds-03", children: /* @__PURE__ */ s(
-        q,
+        H,
         {
-          icon: /* @__PURE__ */ s(se, {}),
+          icon: /* @__PURE__ */ s(re, {}),
           title: "No files attached",
           description: "Upload files to share with your team",
           compact: !0
@@ -935,188 +939,454 @@ const Ye = c.forwardRef(
     ] });
   }
 );
-Ye.displayName = "FilesTab";
-const We = c.forwardRef(
+rs.displayName = "FilesTab";
+const as = n.forwardRef(
   function({
     reviews: e,
-    members: i,
-    onRequestReview: l,
-    onUpdateStatus: d,
-    className: u,
+    members: r,
+    onRequestReview: a,
+    onUpdateStatus: i,
+    className: d,
     readOnly: f = !1,
     ...m
   }, p) {
-    return /* @__PURE__ */ r("div", { ref: p, className: h("flex flex-col", u), ...m, children: [
-      e.length > 0 ? /* @__PURE__ */ s("div", { className: "space-y-ds-04", children: e.map((o) => /* @__PURE__ */ s(
-        He,
+    return /* @__PURE__ */ o("div", { ref: p, className: h("flex flex-col", d), ...m, children: [
+      e.length > 0 ? /* @__PURE__ */ s("div", { className: "space-y-ds-04", children: e.map((u) => /* @__PURE__ */ s(
+        Je,
         {
-          review: o,
-          onUpdateStatus: f ? void 0 : d
+          review: u,
+          onUpdateStatus: f ? void 0 : i
         },
-        o.id
+        u.id
       )) }) : /* @__PURE__ */ s(
-        q,
+        H,
         {
-          icon: /* @__PURE__ */ s(ee, {}),
+          icon: /* @__PURE__ */ s(te, {}),
           title: "No reviews yet",
           description: "Request a review from a team member",
           compact: !0
         }
       ),
       !f && /* @__PURE__ */ s(
-        qe,
+        Qe,
         {
-          members: i,
-          onRequest: l
+          members: r,
+          onRequest: a
         }
       )
     ] });
   }
 );
-We.displayName = "ReviewTab";
-const Ke = c.forwardRef(
-  function({ activities: e, className: i, ...l }, d) {
+as.displayName = "ReviewTab";
+const ns = n.forwardRef(
+  function({ activities: e, className: r, ...a }, i) {
     return e.length === 0 ? /* @__PURE__ */ s(
-      q,
+      H,
       {
-        ref: d,
-        icon: /* @__PURE__ */ s(te, {}),
+        ref: i,
+        icon: /* @__PURE__ */ s(ae, {}),
         title: "No activity yet",
         description: "Actions on this task will appear here",
         compact: !0,
-        className: i,
-        ...l
+        className: r,
+        ...a
+      }
+    ) : /* @__PURE__ */ s(Xe, { ref: i, className: h(r), ...a, children: e.map((d) => /* @__PURE__ */ s(es, { entry: d }, d.id)) });
+  }
+);
+ns.displayName = "ActivityTab";
+const is = n.createContext(null);
+function L() {
+  const t = n.useContext(is);
+  if (!t)
+    throw new Error("useTaskActionRow must be used within a TaskActionRow.Root");
+  return t;
+}
+const ne = n.forwardRef(
+  ({ task: t, children: e, onClick: r, onContextMenu: a, showSeparator: i = !0, className: d }, f) => {
+    const m = n.useCallback(
+      (p) => {
+        r && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), r());
+      },
+      [r]
+    );
+    return /* @__PURE__ */ s(is.Provider, { value: { task: t }, children: /* @__PURE__ */ s(
+      "div",
+      {
+        ref: f,
+        role: r ? "button" : void 0,
+        tabIndex: r ? 0 : void 0,
+        onClick: r,
+        onKeyDown: r ? m : void 0,
+        onContextMenu: a,
+        className: h(
+          "group flex items-center gap-ds-03 px-ds-04 py-ds-03 rounded-ds-md",
+          r && "hover:bg-surface-3 active:bg-surface-4 transition-colors duration-150",
+          i && "border-b border-surface-border",
+          d
+        ),
+        children: e
+      }
+    ) });
+  }
+);
+ne.displayName = "TaskActionRowRoot";
+const ie = n.forwardRef(
+  ({ onComplete: t }, e) => {
+    const { task: r } = L(), [a, i] = n.useState(!1), d = n.useCallback(
+      (m) => {
+        m.stopPropagation();
+      },
+      []
+    ), f = n.useCallback(
+      (m) => {
+        m === !0 ? (i(!0), t == null || t(r.id)) : i(!1);
+      },
+      [t, r.id]
+    );
+    return /* @__PURE__ */ s("div", { onClick: d, role: "presentation", children: /* @__PURE__ */ s(
+      Ss,
+      {
+        ref: e,
+        checked: a,
+        onCheckedChange: f,
+        "aria-label": `Complete task: ${r.title}`,
+        className: "h-4 w-4"
+      }
+    ) });
+  }
+);
+ie.displayName = "TaskActionRowCheckbox";
+const oe = n.forwardRef(
+  (t, e) => {
+    const { task: r } = L();
+    return /* @__PURE__ */ s(
+      Ls,
+      {
+        ref: e,
+        priority: r.priority,
+        display: "compact"
+      }
+    );
+  }
+);
+oe.displayName = "TaskActionRowPriority";
+const ce = n.forwardRef(
+  ({ truncate: t, className: e }, r) => {
+    const { task: a } = L();
+    return /* @__PURE__ */ s(
+      "span",
+      {
+        ref: r,
+        className: h(
+          "flex-1 text-surface-fg text-ds-md font-medium",
+          t && "truncate",
+          e
+        ),
+        children: a.title
+      }
+    );
+  }
+);
+ce.displayName = "TaskActionRowTitle";
+const le = n.forwardRef(
+  ({ max: t }, e) => {
+    const { task: r } = L();
+    if (!r.labels || r.labels.length === 0) return null;
+    const a = t != null ? r.labels.slice(0, t) : r.labels, i = t != null ? r.labels.length - t : 0;
+    return /* @__PURE__ */ o("div", { ref: e, className: "flex items-center gap-ds-02", children: [
+      a.map((d) => /* @__PURE__ */ s(W, { size: "xs", variant: "subtle", color: "default", children: d }, d)),
+      i > 0 && /* @__PURE__ */ o(W, { size: "xs", variant: "subtle", color: "default", children: [
+        "+",
+        i
+      ] })
+    ] });
+  }
+);
+le.displayName = "TaskActionRowLabels";
+const de = n.forwardRef(
+  ({ onClick: t }, e) => {
+    const { task: r } = L(), a = n.useCallback(
+      (i) => {
+        t && (i.stopPropagation(), t(i));
+      },
+      [t]
+    );
+    return r.projectName ? /* @__PURE__ */ s(
+      W,
+      {
+        ref: e,
+        variant: "subtle",
+        color: "default",
+        size: "xs",
+        onClick: a,
+        className: h(t && "cursor-pointer hover:bg-surface-4 transition-colors duration-150"),
+        children: r.projectName
+      }
+    ) : null;
+  }
+);
+de.displayName = "TaskActionRowProjectBadge";
+function St(t) {
+  return (/* @__PURE__ */ new Date(t + "T00:00:00")).toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+function Lt(t) {
+  const e = /* @__PURE__ */ new Date(), r = [
+    e.getFullYear(),
+    String(e.getMonth() + 1).padStart(2, "0"),
+    String(e.getDate()).padStart(2, "0")
+  ].join("-");
+  return t === r;
+}
+const ue = n.forwardRef(
+  (t, e) => {
+    const { task: r } = L();
+    if (!r.dueDate) return null;
+    const a = r.isOverdue, i = Lt(r.dueDate);
+    return /* @__PURE__ */ s(
+      "span",
+      {
+        ref: e,
+        className: h(
+          "text-ds-sm whitespace-nowrap",
+          a && "text-error-11 font-medium",
+          !a && i && "text-warning-11",
+          !a && !i && "text-surface-fg-muted"
+        ),
+        children: St(r.dueDate)
+      }
+    );
+  }
+);
+ue.displayName = "TaskActionRowDueDate";
+const Pt = {
+  active: "active",
+  pending: "pending",
+  approved: "approved",
+  rejected: "rejected",
+  completed: "completed",
+  blocked: "blocked",
+  cancelled: "cancelled",
+  draft: "draft"
+}, me = n.forwardRef(
+  (t, e) => {
+    const { task: r } = L();
+    if (!r.stage) return null;
+    const a = r.stage.toLowerCase(), i = Pt[a];
+    return i ? /* @__PURE__ */ s(
+      Ps,
+      {
+        ref: e,
+        status: i,
+        label: r.stage.charAt(0).toUpperCase() + r.stage.slice(1).toLowerCase(),
+        size: "sm"
+      }
+    ) : null;
+  }
+);
+me.displayName = "TaskActionRowStatusBadge";
+const fe = n.forwardRef(
+  ({ href: t, onClick: e }, r) => {
+    const a = n.useCallback(
+      (i) => {
+        i.stopPropagation(), e ? e(i) : t && (window.location.href = t);
+      },
+      [t, e]
+    );
+    return /* @__PURE__ */ s(
+      tt,
+      {
+        ref: r,
+        icon: /* @__PURE__ */ s(Js, { className: "h-ico-sm w-ico-sm" }),
+        size: "sm",
+        variant: "ghost",
+        "aria-label": "Open task in project board",
+        onClick: a,
+        className: "text-surface-fg-subtle hover:text-accent-11 hover:bg-accent-3 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-all duration-150"
       }
-    ) : /* @__PURE__ */ s(Ge, { ref: d, className: h(i), ...l, children: e.map((u) => /* @__PURE__ */ s($e, { entry: u }, u.id)) });
+    );
   }
 );
-Ke.displayName = "ActivityTab";
-const pt = ["LOW", "MEDIUM", "HIGH", "URGENT"];
+fe.displayName = "TaskActionRowNavigate";
+const os = n.forwardRef(
+  ({
+    task: t,
+    onClick: e,
+    onComplete: r,
+    onContextMenu: a,
+    showCheckbox: i,
+    showPriority: d,
+    showLabels: f,
+    showProject: m,
+    showDueDate: p,
+    showNavigate: u,
+    showStatusBadge: x,
+    truncateTitle: g,
+    showSeparator: N,
+    maxLabels: b = 2,
+    navigateHref: v,
+    onProjectClick: y,
+    onNavigateClick: w,
+    className: D
+  }, R) => /* @__PURE__ */ o(
+    ne,
+    {
+      ref: R,
+      task: t,
+      onClick: e,
+      onContextMenu: a,
+      showSeparator: N,
+      className: D,
+      children: [
+        i && /* @__PURE__ */ s(ie, { onComplete: r }),
+        d && /* @__PURE__ */ s(oe, {}),
+        /* @__PURE__ */ s(ce, { truncate: g }),
+        f && /* @__PURE__ */ s(le, { max: b }),
+        m && /* @__PURE__ */ s(de, { onClick: y }),
+        p && /* @__PURE__ */ s(ue, {}),
+        x && /* @__PURE__ */ s(me, {}),
+        u && /* @__PURE__ */ s(fe, { href: v, onClick: w })
+      ]
+    }
+  )
+);
+os.displayName = "TaskActionRow";
+const nr = Object.assign(os, {
+  Root: ne,
+  Checkbox: ie,
+  Priority: oe,
+  Title: ce,
+  Labels: le,
+  ProjectBadge: de,
+  DueDate: ue,
+  StatusBadge: me,
+  Navigate: fe
+}), jt = ["LOW", "MEDIUM", "HIGH", "URGENT"];
 function S({
   icon: t,
   label: e,
-  children: i,
-  className: l
+  children: r,
+  className: a
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ o(
     "div",
     {
       className: h(
         "flex items-center gap-ds-04 py-ds-03",
-        l
+        a
       ),
       children: [
-        /* @__PURE__ */ r("div", { className: "flex w-[120px] shrink-0 items-center gap-ds-03 text-surface-fg-subtle", children: [
+        /* @__PURE__ */ o("div", { className: "flex w-[120px] shrink-0 items-center gap-ds-03 text-surface-fg-subtle", children: [
           /* @__PURE__ */ s(t, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
           /* @__PURE__ */ s("span", { className: "text-ds-sm", children: e })
         ] }),
-        /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: i })
+        /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: r })
       ]
     }
   );
 }
-function ht({ priority: t }) {
-  return /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
-    /* @__PURE__ */ s("div", { className: h("h-2 w-2 rounded-ds-full", Re[t]) }),
-    /* @__PURE__ */ s("span", { className: "text-ds-md text-surface-fg", children: rt[t] || t })
+function Ot({ priority: t }) {
+  return /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02b", children: [
+    /* @__PURE__ */ s("div", { className: h("h-2 w-2 rounded-ds-full", Fe[t]) }),
+    /* @__PURE__ */ s("span", { className: "text-ds-md text-surface-fg", children: vt[t] || t })
   ] });
 }
-const Ze = c.forwardRef(
+const cs = n.forwardRef(
   function({
     task: e,
-    columns: i,
-    members: l,
-    onUpdate: d,
-    onAssign: u,
+    columns: r,
+    members: a,
+    onUpdate: i,
+    onAssign: d,
     onUnassign: f,
     className: m,
     readOnly: p = !1,
-    editableFields: o,
+    editableFields: u,
     renderPriorityIndicator: x,
-    renderDatePicker: b,
+    renderDatePicker: g,
     onConfirmVisibilityChange: N,
-    ...g
+    ...b
   }, v) {
-    const [w, y] = c.useState(""), [k, C] = c.useState(!1), R = e.assignees.map((n) => n.user.id), E = c.useMemo(
-      () => l.map((n) => ({ id: n.id, name: n.name, avatar: n.image ?? void 0 })),
-      [l]
-    ), L = (n) => {
-      d("columnId", n);
-    }, P = (n) => {
-      d("ownerId", n === e.ownerId ? null : n);
-    }, re = (n) => {
-      R.includes(n) ? f(n) : u(n);
-    }, O = (n) => {
-      d("priority", n);
-    }, D = (n) => {
-      d("dueDate", n ? n.toISOString() : null);
-    }, G = () => {
-      const n = w.trim();
-      n && !e.labels.includes(n) && d("labels", [...e.labels, n]), y(""), C(!1);
-    }, W = (n) => {
-      d("labels", e.labels.filter((Z) => Z !== n));
-    }, K = () => {
-      const n = e.visibility === "INTERNAL" ? "EVERYONE" : "INTERNAL";
-      if (n === "EVERYONE" && N) {
+    const [y, w] = n.useState(""), [D, R] = n.useState(!1), T = e.assignees.map((l) => l.user.id), k = n.useMemo(
+      () => a.map((l) => ({ id: l.id, name: l.name, avatar: l.image ?? void 0 })),
+      [a]
+    ), P = (l) => {
+      i("columnId", l);
+    }, j = (l) => {
+      i("ownerId", l === e.ownerId ? null : l);
+    }, pe = (l) => {
+      T.includes(l) ? f(l) : d(l);
+    }, O = (l) => {
+      i("priority", l);
+    }, I = (l) => {
+      i("dueDate", l ? l.toISOString() : null);
+    }, M = () => {
+      const l = y.trim();
+      l && !e.labels.includes(l) && i("labels", [...e.labels, l]), w(""), R(!1);
+    }, U = (l) => {
+      i("labels", e.labels.filter((J) => J !== l));
+    }, Z = () => {
+      const l = e.visibility === "INTERNAL" ? "EVERYONE" : "INTERNAL";
+      if (l === "EVERYONE" && N) {
         N();
         return;
       }
-      d("visibility", n);
-    }, $ = x || ht;
-    return /* @__PURE__ */ r("div", { ref: v, className: h("space-y-ds-01", m), ...g, children: [
-      /* @__PURE__ */ s(S, { icon: Gs, label: "Column", children: p && !(o != null && o.includes("columnId")) ? /* @__PURE__ */ s("span", { className: "px-ds-03 py-ds-02 text-ds-md text-surface-fg", children: e.column.name }) : /* @__PURE__ */ r(de, { children: [
-        /* @__PURE__ */ s(ue, { asChild: !0, children: /* @__PURE__ */ r(
+      i("visibility", l);
+    }, $ = x || Ot;
+    return /* @__PURE__ */ o("div", { ref: v, className: h("space-y-ds-01", m), ...b, children: [
+      /* @__PURE__ */ s(S, { icon: Qs, label: "Column", children: p && !(u != null && u.includes("columnId")) ? /* @__PURE__ */ s("span", { className: "px-ds-03 py-ds-02 text-ds-md text-surface-fg", children: e.column.name }) : /* @__PURE__ */ o(ye, { children: [
+        /* @__PURE__ */ s(Re, { asChild: !0, children: /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             className: "inline-flex items-center gap-ds-02b rounded-ds-md px-ds-03 py-ds-02 text-ds-md text-surface-fg transition-colors hover:bg-surface-3",
             children: [
               /* @__PURE__ */ s("span", { children: e.column.name }),
-              /* @__PURE__ */ s($s, { className: "h-3 w-3 text-surface-fg-subtle" })
+              /* @__PURE__ */ s(Xs, { className: "h-3 w-3 text-surface-fg-subtle" })
             ]
           }
         ) }),
         /* @__PURE__ */ s(
-          me,
+          Ce,
           {
             className: "w-[180px] border-surface-border-strong bg-surface-1 p-ds-02",
             align: "start",
             sideOffset: 4,
-            children: i.map((n) => /* @__PURE__ */ r(
+            children: r.map((l) => /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
-                onClick: () => L(n.id),
+                onClick: () => P(l.id),
                 className: h(
                   "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-left text-ds-md transition-colors",
                   "hover:bg-surface-3",
-                  n.id === e.columnId ? "text-accent-11" : "text-surface-fg"
+                  l.id === e.columnId ? "text-accent-11" : "text-surface-fg"
                 ),
                 children: [
-                  n.name,
-                  n.id === e.columnId && /* @__PURE__ */ s(xe, { className: "ml-auto h-ico-sm w-ico-sm" })
+                  l.name,
+                  l.id === e.columnId && /* @__PURE__ */ s(Ee, { className: "ml-auto h-ico-sm w-ico-sm" })
                 ]
               },
-              n.id
+              l.id
             ))
           }
         )
       ] }) }),
-      !p && /* @__PURE__ */ s(S, { icon: Ms, label: "Owner", children: /* @__PURE__ */ s(
-        X,
+      !p && /* @__PURE__ */ s(S, { icon: et, label: "Owner", children: /* @__PURE__ */ s(
+        se,
         {
-          members: E,
+          members: k,
           selectedIds: e.ownerId ? [e.ownerId] : [],
-          onSelect: P,
+          onSelect: j,
           children: /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               className: "inline-flex items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02 transition-colors hover:bg-surface-3",
-              children: e.owner ? /* @__PURE__ */ r(ge, { children: [
-                /* @__PURE__ */ r(F, { className: "h-ico-md w-ico-md", children: [
-                  e.owner.image && /* @__PURE__ */ s(V, { src: e.owner.image, alt: e.owner.name }),
-                  /* @__PURE__ */ s(j, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: H(e.owner.name) })
+              children: e.owner ? /* @__PURE__ */ o(ke, { children: [
+                /* @__PURE__ */ o(F, { className: "h-ico-md w-ico-md", children: [
+                  e.owner.image && /* @__PURE__ */ s(B, { src: e.owner.image, alt: e.owner.name }),
+                  /* @__PURE__ */ s(V, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: z(e.owner.name) })
                 ] }),
                 /* @__PURE__ */ s("span", { className: "text-ds-md text-surface-fg", children: e.owner.name })
               ] }) : /* @__PURE__ */ s("span", { className: "text-ds-md text-surface-fg-subtle", children: "No owner" })
@@ -1124,37 +1394,37 @@ const Ze = c.forwardRef(
           )
         }
       ) }),
-      /* @__PURE__ */ s(S, { icon: zs, label: "Assignees", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
-        e.assignees.map((n) => /* @__PURE__ */ r(
+      /* @__PURE__ */ s(S, { icon: st, label: "Assignees", children: /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
+        e.assignees.map((l) => /* @__PURE__ */ o(
           "div",
           {
             className: "inline-flex items-center gap-ds-02 rounded-ds-full bg-surface-2 py-ds-01 pl-ds-01 pr-ds-03",
             children: [
-              /* @__PURE__ */ r(F, { className: "h-ico-sm w-ico-sm", children: [
-                n.user.image && /* @__PURE__ */ s(V, { src: n.user.image, alt: n.user.name }),
-                /* @__PURE__ */ s(j, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: H(n.user.name) })
+              /* @__PURE__ */ o(F, { className: "h-ico-sm w-ico-sm", children: [
+                l.user.image && /* @__PURE__ */ s(B, { src: l.user.image, alt: l.user.name }),
+                /* @__PURE__ */ s(V, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: z(l.user.name) })
               ] }),
-              /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-muted", children: n.user.name.split(" ")[0] }),
+              /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-muted", children: l.user.name.split(" ")[0] }),
               !p && /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
-                  onClick: () => f(n.user.id),
+                  onClick: () => f(l.user.id),
                   className: "ml-ds-01 rounded-ds-full p-ds-01 transition-colors hover:bg-surface-3",
-                  "aria-label": `Remove ${n.user.name}`,
-                  children: /* @__PURE__ */ s(Y, { className: "h-ds-03 w-ds-03 text-surface-fg-subtle" })
+                  "aria-label": `Remove ${l.user.name}`,
+                  children: /* @__PURE__ */ s(K, { className: "h-ds-03 w-ds-03 text-surface-fg-subtle" })
                 }
               )
             ]
           },
-          n.user.id
+          l.user.id
         )),
         !p && /* @__PURE__ */ s(
-          X,
+          se,
           {
-            members: E,
-            selectedIds: R,
-            onSelect: re,
+            members: k,
+            selectedIds: T,
+            onSelect: pe,
             multiple: !0,
             children: /* @__PURE__ */ s(
               "button",
@@ -1162,15 +1432,15 @@ const Ze = c.forwardRef(
                 type: "button",
                 className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-surface-border transition-colors hover:bg-surface-3 hover:border-surface-border",
                 "aria-label": "Add assignee",
-                children: /* @__PURE__ */ s(B, { className: "h-3 w-3 text-surface-fg-subtle" })
+                children: /* @__PURE__ */ s(_, { className: "h-3 w-3 text-surface-fg-subtle" })
               }
             )
           }
         ),
         p && e.assignees.length === 0 && /* @__PURE__ */ s("span", { className: "text-ds-md text-surface-fg-subtle", children: "None" })
       ] }) }),
-      /* @__PURE__ */ s(S, { icon: we, label: "Priority", children: /* @__PURE__ */ r(de, { children: [
-        /* @__PURE__ */ s(ue, { asChild: !0, children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(S, { icon: Pe, label: "Priority", children: /* @__PURE__ */ o(ye, { children: [
+        /* @__PURE__ */ s(Re, { asChild: !0, children: /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -1179,32 +1449,32 @@ const Ze = c.forwardRef(
           }
         ) }),
         /* @__PURE__ */ s(
-          me,
+          Ce,
           {
             className: "w-[160px] border-surface-border-strong bg-surface-1 p-ds-02",
             align: "start",
             sideOffset: 4,
-            children: pt.map((n) => /* @__PURE__ */ s(
+            children: jt.map((l) => /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
-                onClick: () => O(n),
+                onClick: () => O(l),
                 className: h(
                   "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b transition-colors",
                   "hover:bg-surface-3",
-                  n === e.priority && "bg-surface-3"
+                  l === e.priority && "bg-surface-3"
                 ),
-                children: /* @__PURE__ */ s($, { priority: n })
+                children: /* @__PURE__ */ s($, { priority: l })
               },
-              n
+              l
             ))
           }
         )
       ] }) }),
-      /* @__PURE__ */ s(S, { icon: ve, label: "Due Date", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02", children: [
-        b ? b({
+      /* @__PURE__ */ s(S, { icon: Se, label: "Due Date", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-02", children: [
+        g ? g({
           value: e.dueDate ? new Date(e.dueDate) : null,
-          onChange: D,
+          onChange: I,
           placeholder: "No due date",
           className: "h-ds-xs-plus border-none bg-transparent px-ds-03 text-ds-md hover:bg-surface-3"
         }) : /* @__PURE__ */ s(
@@ -1212,7 +1482,7 @@ const Ze = c.forwardRef(
           {
             type: "date",
             value: e.dueDate ? new Date(e.dueDate).toISOString().split("T")[0] : "",
-            onChange: (n) => D(n.target.value ? new Date(n.target.value) : null),
+            onChange: (l) => I(l.target.value ? new Date(l.target.value) : null),
             "aria-label": "Due date",
             className: "h-ds-xs-plus border-none bg-transparent px-ds-03 text-ds-md text-surface-fg outline-none hover:bg-surface-3 rounded-ds-md"
           }
@@ -1221,45 +1491,45 @@ const Ze = c.forwardRef(
           "button",
           {
             type: "button",
-            onClick: () => D(null),
+            onClick: () => I(null),
             className: "rounded-ds-md p-ds-02 transition-colors hover:bg-surface-3",
             "aria-label": "Clear due date",
-            children: /* @__PURE__ */ s(Y, { className: "h-3 w-3 text-surface-fg-subtle" })
+            children: /* @__PURE__ */ s(K, { className: "h-3 w-3 text-surface-fg-subtle" })
           }
         )
       ] }) }),
-      /* @__PURE__ */ s(S, { icon: ye, label: "Labels", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
-        e.labels.map((n) => /* @__PURE__ */ r(
+      /* @__PURE__ */ s(S, { icon: Le, label: "Labels", children: /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
+        e.labels.map((l) => /* @__PURE__ */ o(
           "span",
           {
             className: "inline-flex items-center gap-ds-02 rounded-ds-full bg-accent-2 px-ds-03 py-ds-01 text-ds-sm font-medium text-accent-11",
             children: [
-              n,
+              l,
               !p && /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
-                  onClick: () => W(n),
+                  onClick: () => U(l),
                   className: "rounded-ds-full p-ds-01 transition-colors hover:bg-surface-3",
-                  "aria-label": `Remove label ${n}`,
-                  children: /* @__PURE__ */ s(Y, { className: "h-ds-03 w-ds-03" })
+                  "aria-label": `Remove label ${l}`,
+                  children: /* @__PURE__ */ s(K, { className: "h-ds-03 w-ds-03" })
                 }
               )
             ]
           },
-          n
+          l
         )),
-        !p && (k ? /* @__PURE__ */ s("div", { className: "inline-flex items-center gap-ds-02", children: /* @__PURE__ */ s(
+        !p && (D ? /* @__PURE__ */ s("div", { className: "inline-flex items-center gap-ds-02", children: /* @__PURE__ */ s(
           "input",
           {
             type: "text",
-            value: w,
-            onChange: (n) => y(n.target.value),
+            value: y,
+            onChange: (l) => w(l.target.value),
             "aria-label": "New label name",
-            onKeyDown: (n) => {
-              n.key === "Enter" && G(), n.key === "Escape" && (C(!1), y(""));
+            onKeyDown: (l) => {
+              l.key === "Enter" && M(), l.key === "Escape" && (R(!1), w(""));
             },
-            onBlur: G,
+            onBlur: M,
             placeholder: "Label name",
             className: "h-5 w-20 rounded border border-surface-border-strong bg-transparent px-ds-02b text-ds-sm text-surface-fg outline-none placeholder:text-surface-fg-subtle focus:border-surface-border",
             autoFocus: !0
@@ -1268,19 +1538,19 @@ const Ze = c.forwardRef(
           "button",
           {
             type: "button",
-            onClick: () => C(!0),
+            onClick: () => R(!0),
             className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-surface-border transition-colors hover:bg-surface-3 hover:border-surface-border",
             "aria-label": "Add label",
-            children: /* @__PURE__ */ s(B, { className: "h-3 w-3 text-surface-fg-subtle" })
+            children: /* @__PURE__ */ s(_, { className: "h-3 w-3 text-surface-fg-subtle" })
           }
         )),
         p && e.labels.length === 0 && /* @__PURE__ */ s("span", { className: "text-ds-md text-surface-fg-subtle", children: "None" })
       ] }) }),
-      !p && /* @__PURE__ */ s(S, { icon: Ie, label: "Visibility", children: /* @__PURE__ */ r(
+      !p && /* @__PURE__ */ s(S, { icon: je, label: "Visibility", children: /* @__PURE__ */ o(
         "button",
         {
           type: "button",
-          onClick: K,
+          onClick: Z,
           className: h(
             "inline-flex items-center gap-ds-02b rounded-ds-full px-ds-03 py-ds-01 text-ds-sm font-semibold tracking-wide transition-colors",
             e.visibility === "EVERYONE" ? "bg-success-3 text-success-11" : "bg-surface-2 text-surface-fg-subtle"
@@ -1302,231 +1572,228 @@ const Ze = c.forwardRef(
     ] });
   }
 );
-Ze.displayName = "TaskProperties";
-const be = [
-  { id: "subtasks", label: "Subtasks", icon: Ce },
-  { id: "review", label: "Review", icon: ee },
-  { id: "conversation", label: "Conversation", icon: De },
-  { id: "files", label: "Files", icon: se },
-  { id: "activity", label: "Activity", icon: te }
+cs.displayName = "TaskProperties";
+const Te = [
+  { id: "subtasks", label: "Subtasks", icon: Oe },
+  { id: "review", label: "Review", icon: te },
+  { id: "conversation", label: "Conversation", icon: _e },
+  { id: "files", label: "Files", icon: re },
+  { id: "activity", label: "Activity", icon: ae }
 ];
-function bt() {
-  return /* @__PURE__ */ r("div", { className: "space-y-ds-06 p-ds-06", children: [
+function _t() {
+  return /* @__PURE__ */ o("div", { className: "space-y-ds-06 p-ds-06", children: [
     /* @__PURE__ */ s(A, { className: "h-ds-xs-plus w-3/4 bg-surface-3" }),
-    /* @__PURE__ */ s("div", { className: "space-y-ds-04", children: Array.from({ length: 6 }).map((t, e) => /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04", children: [
+    /* @__PURE__ */ s("div", { className: "space-y-ds-04", children: Array.from({ length: 6 }).map((t, e) => /* @__PURE__ */ o("div", { className: "flex items-center gap-ds-04", children: [
       /* @__PURE__ */ s(A, { className: "h-[16px] w-[120px] bg-surface-3" }),
       /* @__PURE__ */ s(A, { className: "h-[16px] flex-1 bg-surface-3" })
     ] }, e)) }),
     /* @__PURE__ */ s("div", { className: "flex gap-ds-05 border-b border-surface-border-strong pb-ds-03", children: Array.from({ length: 5 }).map((t, e) => /* @__PURE__ */ s(A, { className: "h-[12px] w-[64px] bg-surface-3" }, e)) }),
-    /* @__PURE__ */ r("div", { className: "space-y-ds-04", children: [
+    /* @__PURE__ */ o("div", { className: "space-y-ds-04", children: [
       /* @__PURE__ */ s(A, { className: "h-ds-md w-full bg-surface-3" }),
       /* @__PURE__ */ s(A, { className: "h-ds-md w-full bg-surface-3" }),
       /* @__PURE__ */ s(A, { className: "h-ds-md w-4/5 bg-surface-3" })
     ] })
   ] });
 }
-const gt = c.forwardRef(function({
+const Ft = n.forwardRef(function({
   task: e,
-  loading: i = !1,
-  open: l,
-  onOpenChange: d,
-  columns: u,
+  loading: r = !1,
+  open: a,
+  onOpenChange: i,
+  columns: d,
   members: f,
   activities: m = [],
   enrichedComments: p,
-  clientMode: o = !1,
+  clientMode: u = !1,
   clientEditableFields: x = ["priority", "dueDate"],
-  headerSlot: b,
+  headerSlot: g,
   extraTabs: N = [],
-  onTitleUpdate: g,
+  onTitleUpdate: b,
   onPropertyUpdate: v,
-  onAssign: w,
-  onUnassign: y,
-  onCreateSubtask: k,
-  onToggleSubtask: C,
-  onRequestReview: R,
-  onUpdateReviewStatus: E,
-  onPostComment: L,
-  onUploadFile: P,
-  onUploadDeliverable: re,
+  onAssign: y,
+  onUnassign: w,
+  onCreateSubtask: D,
+  onToggleSubtask: R,
+  onRequestReview: T,
+  onUpdateReviewStatus: k,
+  onPostComment: P,
+  onUploadFile: j,
+  onUploadDeliverable: pe,
   onDeleteFile: O,
-  onTabChange: D,
-  renderEditor: G,
-  renderViewer: W,
-  renderPriorityIndicator: K,
+  onTabChange: I,
+  renderEditor: M,
+  renderViewer: U,
+  renderPriorityIndicator: Z,
   renderDatePicker: $,
-  isUploading: n = !1,
-  className: Z,
-  ...Je
-}, Qe) {
-  var ce, le, oe;
-  const [T, ae] = c.useState(o ? "conversation" : "subtasks"), [J, _] = c.useState(!1), [ne, M] = c.useState(""), z = c.useRef(null);
-  c.useEffect(() => {
-    e && (M(e.title), _(!1));
-  }, [e == null ? void 0 : e.id]), c.useEffect(() => {
-    l && ae(o ? "conversation" : "subtasks");
-  }, [l, o]);
-  const Ue = c.useCallback((a) => {
-    ae(a), D == null || D(a);
-  }, [D]), Xe = c.useCallback((a, I) => {
-    o && !x.includes(a) || v == null || v(a, I);
-  }, [o, x, v]), es = c.useCallback((a) => {
-    w == null || w(a);
-  }, [w]), ss = c.useCallback((a) => {
-    y == null || y(a);
-  }, [y]), ts = c.useCallback((a) => {
-    k == null || k(a);
-  }, [k]), rs = c.useCallback((a, I) => {
-    C == null || C(a, I);
-  }, [C]), as = c.useCallback((a) => {
-    R == null || R(a);
-  }, [R]), ns = c.useCallback((a, I, gs) => {
-    E == null || E(a, I, gs);
-  }, [E]), is = c.useCallback((a, I) => {
-    L == null || L(a, I);
-  }, [L]), cs = c.useCallback((a, I) => {
-    P == null || P(a, I);
-  }, [P]), ls = c.useCallback((a) => {
-    O == null || O(a);
-  }, [O]), Q = c.useCallback((...a) => {
-  }, []), os = c.useCallback((a, I) => {
-  }, []), ie = () => {
-    _(!1);
-    const a = ne.trim();
-    a && a !== (e == null ? void 0 : e.title) ? g == null || g(a) : e && M(e.title);
-  }, ds = (a) => {
-    a.key === "Enter" && (a.preventDefault(), ie()), a.key === "Escape" && (_(!1), e && M(e.title));
+  isUploading: l = !1,
+  className: J,
+  ...ls
+}, ds) {
+  var xe, Ne, ve;
+  const [E, he] = n.useState(u ? "conversation" : "subtasks"), [Q, q] = n.useState(!1), [ge, G] = n.useState(""), Y = n.useRef(null);
+  n.useEffect(() => {
+    e && (G(e.title), q(!1));
+  }, [e == null ? void 0 : e.id]), n.useEffect(() => {
+    a && he(u ? "conversation" : "subtasks");
+  }, [a, u]);
+  const us = n.useCallback((c) => {
+    he(c), I == null || I(c);
+  }, [I]), ms = n.useCallback((c, C) => {
+    u && !x.includes(c) || v == null || v(c, C);
+  }, [u, x, v]), fs = n.useCallback((c) => {
+    y == null || y(c);
+  }, [y]), ps = n.useCallback((c) => {
+    w == null || w(c);
+  }, [w]), hs = n.useCallback((c) => {
+    D == null || D(c);
+  }, [D]), gs = n.useCallback((c, C) => {
+    R == null || R(c, C);
+  }, [R]), bs = n.useCallback((c) => {
+    T == null || T(c);
+  }, [T]), xs = n.useCallback((c, C, As) => {
+    k == null || k(c, C, As);
+  }, [k]), Ns = n.useCallback((c, C) => {
+    P == null || P(c, C);
+  }, [P]), vs = n.useCallback((c, C) => {
+    j == null || j(c, C);
+  }, [j]), ws = n.useCallback((c) => {
+    O == null || O(c);
+  }, [O]), X = n.useCallback((...c) => {
+  }, []), ys = n.useCallback((c, C) => {
+  }, []), be = () => {
+    q(!1);
+    const c = ge.trim();
+    c && c !== (e == null ? void 0 : e.title) ? b == null || b(c) : e && G(e.title);
+  }, Rs = (c) => {
+    c.key === "Enter" && (c.preventDefault(), be()), c.key === "Escape" && (q(!1), e && G(e.title));
   };
-  c.useEffect(() => {
-    J && z.current && (z.current.focus(), z.current.select());
-  }, [J]);
-  const us = (ce = u.find((a) => a.isTerminal)) == null ? void 0 : ce.id, ms = ((le = u.find((a) => a.isDefault)) == null ? void 0 : le.id) || ((oe = u[0]) == null ? void 0 : oe.id) || "", fs = o ? be.filter((a) => a.id === "conversation") : be, ps = N.filter((a) => a.position === "before"), hs = N.filter((a) => a.position !== "before"), bs = p || (e == null ? void 0 : e.comments) || [];
-  return /* @__PURE__ */ s(xs, { open: l, onOpenChange: d, children: /* @__PURE__ */ r(
-    Ns,
+  n.useEffect(() => {
+    Q && Y.current && (Y.current.focus(), Y.current.select());
+  }, [Q]);
+  const Cs = (xe = d.find((c) => c.isTerminal)) == null ? void 0 : xe.id, Ds = ((Ne = d.find((c) => c.isDefault)) == null ? void 0 : Ne.id) || ((ve = d[0]) == null ? void 0 : ve.id) || "", Is = u ? Te.filter((c) => c.id === "conversation") : Te, Ts = N.filter((c) => c.position === "before"), ks = N.filter((c) => c.position !== "before"), Es = p || (e == null ? void 0 : e.comments) || [];
+  return /* @__PURE__ */ s(rt, { open: a, onOpenChange: i, children: /* @__PURE__ */ o(
+    at,
     {
-      ref: Qe,
+      ref: ds,
       side: "right",
       className: h(
         /* intentional: task detail side panel takes 40% of screen, min 380px for form usability */
         "w-full sm:max-w-none sm:w-[40%] min-w-[380px] p-0",
         "flex flex-col overflow-hidden",
         "border-l border-surface-border-strong bg-surface-1",
-        Z
+        J
       ),
-      ...Je,
+      ...ls,
       children: [
-        /* @__PURE__ */ s(ys, { children: /* @__PURE__ */ s(vs, { children: (e == null ? void 0 : e.title) || "Task Details" }) }),
-        i || !e ? /* @__PURE__ */ s(bt, {}) : /* @__PURE__ */ r(ge, { children: [
-          /* @__PURE__ */ r("div", { className: "shrink-0 border-b border-surface-border-strong px-ds-06 pb-ds-05 pt-ds-06", children: [
-            !o && J ? /* @__PURE__ */ s(
+        /* @__PURE__ */ s(it, { children: /* @__PURE__ */ s(nt, { children: (e == null ? void 0 : e.title) || "Task Details" }) }),
+        r || !e ? /* @__PURE__ */ s(_t, {}) : /* @__PURE__ */ o(ke, { children: [
+          /* @__PURE__ */ o("div", { className: "shrink-0 border-b border-surface-border-strong px-ds-06 pb-ds-05 pt-ds-06", children: [
+            !u && Q ? /* @__PURE__ */ s(
               "input",
               {
-                ref: z,
+                ref: Y,
                 type: "text",
-                value: ne,
-                onChange: (a) => M(a.target.value),
-                onBlur: ie,
-                onKeyDown: ds,
+                value: ge,
+                onChange: (c) => G(c.target.value),
+                onBlur: be,
+                onKeyDown: Rs,
                 className: "w-full bg-transparent text-ds-lg font-semibold text-surface-fg outline-none"
               }
             ) : /* @__PURE__ */ s(
               "h2",
               {
-                onClick: o ? void 0 : () => _(!0),
-                ...!o && {
-                  role: "button",
-                  tabIndex: 0,
-                  onKeyDown: (a) => {
-                    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), _(!0));
+                className: "text-ds-lg font-semibold text-surface-fg",
+                children: u ? e.title : /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => q(!0),
+                    className: "cursor-text text-left hover:text-accent-11 transition-colors",
+                    children: e.title
                   }
-                },
-                className: h(
-                  "text-ds-lg font-semibold text-surface-fg",
-                  !o && "cursor-text hover:text-accent-11 transition-colors"
-                ),
-                children: e.title
+                )
               }
             ),
             e.parentTaskId && /* @__PURE__ */ s("p", { className: "mt-ds-02 text-ds-sm text-surface-fg-subtle", children: "Subtask" }),
-            b && /* @__PURE__ */ s("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: b })
+            g && /* @__PURE__ */ s("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: g })
           ] }),
-          /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto", children: [
+          /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto", children: [
             /* @__PURE__ */ s("div", { className: "border-b border-surface-border-strong px-ds-06 py-ds-05", children: /* @__PURE__ */ s(
-              Ze,
+              cs,
               {
                 task: e,
-                columns: u,
+                columns: d,
                 members: f,
-                onUpdate: Xe,
-                onAssign: es,
-                onUnassign: ss,
-                readOnly: o,
-                editableFields: o ? x : void 0,
-                renderPriorityIndicator: K,
+                onUpdate: ms,
+                onAssign: fs,
+                onUnassign: ps,
+                readOnly: u,
+                editableFields: u ? x : void 0,
+                renderPriorityIndicator: Z,
                 renderDatePicker: $
               }
             ) }),
-            /* @__PURE__ */ s("div", { className: "sticky top-0 z-raised bg-surface-1 px-ds-06", children: /* @__PURE__ */ s(Is, { value: T, onValueChange: Ue, children: /* @__PURE__ */ r(Cs, { variant: "line", children: [
-              ps.map((a) => /* @__PURE__ */ r(U, { value: a.id, children: [
-                a.icon && /* @__PURE__ */ s("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", children: a.icon }),
-                a.label
-              ] }, a.id)),
-              fs.map((a) => /* @__PURE__ */ r(U, { value: a.id, children: [
-                /* @__PURE__ */ s(a.icon, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-                a.label
-              ] }, a.id)),
-              hs.map((a) => /* @__PURE__ */ r(U, { value: a.id, children: [
-                a.icon && /* @__PURE__ */ s("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", children: a.icon }),
-                a.label
-              ] }, a.id))
+            /* @__PURE__ */ s("div", { className: "sticky top-0 z-raised bg-surface-1 px-ds-06", children: /* @__PURE__ */ s(ct, { value: E, onValueChange: us, children: /* @__PURE__ */ o(lt, { variant: "line", children: [
+              Ts.map((c) => /* @__PURE__ */ o(ee, { value: c.id, children: [
+                c.icon && /* @__PURE__ */ s("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", children: c.icon }),
+                c.label
+              ] }, c.id)),
+              Is.map((c) => /* @__PURE__ */ o(ee, { value: c.id, children: [
+                /* @__PURE__ */ s(c.icon, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
+                c.label
+              ] }, c.id)),
+              ks.map((c) => /* @__PURE__ */ o(ee, { value: c.id, children: [
+                c.icon && /* @__PURE__ */ s("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", children: c.icon }),
+                c.label
+              ] }, c.id))
             ] }) }) }),
-            /* @__PURE__ */ r("div", { className: "px-ds-06 py-ds-05", children: [
-              T === "subtasks" && /* @__PURE__ */ s(
-                Me,
+            /* @__PURE__ */ o("div", { className: "px-ds-06 py-ds-05", children: [
+              E === "subtasks" && /* @__PURE__ */ s(
+                ss,
                 {
                   subtasks: e.subtasks ?? [],
-                  terminalColumnId: us,
+                  terminalColumnId: Cs,
                   projectId: e.projectId,
                   parentTaskId: e.id,
-                  defaultColumnId: ms,
-                  onCreateSubtask: o ? Q : ts,
-                  onToggleSubtask: o ? os : rs,
-                  readOnly: o
+                  defaultColumnId: Ds,
+                  onCreateSubtask: u ? X : hs,
+                  onToggleSubtask: u ? ys : gs,
+                  readOnly: u
                 }
               ),
-              T === "review" && !o && /* @__PURE__ */ s(
-                We,
+              E === "review" && !u && /* @__PURE__ */ s(
+                as,
                 {
                   reviews: e.reviewRequests,
                   members: f,
-                  onRequestReview: as,
-                  onUpdateStatus: ns
+                  onRequestReview: bs,
+                  onUpdateStatus: xs
                 }
               ),
-              T === "conversation" && /* @__PURE__ */ s(
-                ze,
+              E === "conversation" && /* @__PURE__ */ s(
+                ts,
                 {
-                  comments: bs,
+                  comments: Es,
                   taskVisibility: e.visibility,
-                  onPostComment: is,
-                  clientMode: o,
-                  renderEditor: G,
-                  renderViewer: W
+                  onPostComment: Ns,
+                  clientMode: u,
+                  renderEditor: M,
+                  renderViewer: U
                 }
               ),
-              T === "files" && /* @__PURE__ */ s(
-                Ye,
+              E === "files" && /* @__PURE__ */ s(
+                rs,
                 {
                   files: e.files ?? [],
-                  onUpload: o ? Q : cs,
-                  onDelete: o ? Q : ls,
-                  isUploading: n,
-                  readOnly: o
+                  onUpload: u ? X : vs,
+                  onDelete: u ? X : ws,
+                  isUploading: l,
+                  readOnly: u
                 }
               ),
-              T === "activity" && /* @__PURE__ */ s(Ke, { activities: m }),
+              E === "activity" && /* @__PURE__ */ s(ns, { activities: m }),
               N.map(
-                (a) => T === a.id ? /* @__PURE__ */ s(c.Fragment, { children: a.content }, a.id) : null
+                (c) => E === c.id ? /* @__PURE__ */ s(n.Fragment, { children: c.content }, c.id) : null
               )
             ] })
           ] })
@@ -1535,30 +1802,31 @@ const gt = c.forwardRef(function({
     }
   ) });
 });
-gt.displayName = "TaskDetailPanel";
+Ft.displayName = "TaskDetailPanel";
 export {
-  Ke as A,
-  ze as C,
-  Ye as F,
-  Pe as M,
-  rt as P,
-  We as R,
-  Me as S,
-  gt as T,
-  _e as V,
-  Ze as a,
-  $e as b,
-  Ge as c,
-  Fe as d,
-  je as e,
-  Ve as f,
-  Oe as g,
-  ke as h,
-  He as i,
-  qe as j,
-  Be as k,
-  Se as l,
-  Ae as m,
-  Te as n,
-  Ee as o
+  ns as A,
+  ts as C,
+  rs as F,
+  qe as M,
+  vt as P,
+  as as R,
+  ss as S,
+  nr as T,
+  Ye as V,
+  Ft as a,
+  cs as b,
+  es as c,
+  Xe as d,
+  Ke as e,
+  Ue as f,
+  We as g,
+  Ge as h,
+  Me as i,
+  Je as j,
+  Qe as k,
+  Ze as l,
+  He as m,
+  ze as n,
+  Ve as o,
+  Be as p
 };