@devalok/shilp-sutra-karm 0.18.1 → 0.20.0

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

@@ -1,1354 +1,1799 @@
 "use client";
-import { jsxs as t, jsx as e, Fragment as be } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as p } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Sheet as ts, SheetContent as rs, SheetTitle as as } from "@devalok/shilp-sutra/ui/sheet";
-import { VisuallyHidden as ns } from "@devalok/shilp-sutra/ui/visually-hidden";
-import { Skeleton as L } from "@devalok/shilp-sutra/ui/skeleton";
-import { Progress as cs, Tabs as ls, TabsList as is, TabsTrigger as Z } from "@devalok/shilp-sutra/ui";
-import { Avatar as j, AvatarImage as H, AvatarFallback as G } from "@devalok/shilp-sutra/ui/avatar";
-import { Popover as de, PopoverTrigger as ue, PopoverContent as me } from "@devalok/shilp-sutra/ui/popover";
-import { IconColumns3 as os, IconChevronDown as ds, IconCheck as xe, IconUser as us, IconUsers as ms, IconX as W, IconPlus as $, IconFlag as Ne, IconCalendarEvent as ve, IconTag as ye, IconEye as we, IconSquareCheck as fs, IconSquare as hs, IconListCheck as Ie, IconMessage as Ce, IconGitPullRequest as se, IconMessageCircle as De, IconSend as ps, IconUpload as gs, IconExternalLink as bs, IconDownload as xs, IconTrash as Ns, IconPaperclip as te, IconFile as fe, IconPhoto as vs, IconFileText as ys, IconFileCode as ws, IconFileSpreadsheet as Is, IconFileZip as Cs, IconActivity as re, IconCircleCheck as Ds, IconUserMinus as Es, IconUserPlus as Ts, IconArrowRight as Rs, IconEdit as As } from "@tabler/icons-react";
-import { getInitials as B } from "@devalok/shilp-sutra/composed/lib/string-utils";
-import { MemberPicker as ee } from "@devalok/shilp-sutra/composed/member-picker";
-import { EmptyState as F } from "@devalok/shilp-sutra/composed/empty-state";
-import { Badge as Ss } from "@devalok/shilp-sutra/ui/badge";
-import { RichTextViewer as ks, RichTextEditor as Ps } from "@devalok/shilp-sutra/composed/rich-text-editor";
-import { formatRelativeTime as Ls } from "@devalok/shilp-sutra/ui/lib/date-utils";
-import { Dialog as Os, DialogTrigger as _s, DialogContent as Vs, DialogHeader as js, DialogTitle as Hs, DialogDescription as Gs, DialogFooter as $s, DialogClose as he } from "@devalok/shilp-sutra/ui/dialog";
-import { Button as pe } from "@devalok/shilp-sutra/ui/button";
-const Bs = {
+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 { 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 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"
-}, Ee = {
+}, Fe = {
   LOW: "bg-category-slate-9",
   MEDIUM: "bg-warning-9",
   HIGH: "bg-error-9",
   URGENT: "bg-error-9"
-}, Fs = {
+}, wt = {
   PENDING: { color: "warning", label: "Pending" },
   APPROVED: { color: "success", label: "Approved" },
   CHANGES_REQUESTED: { color: "brand", label: "Changes Requested" },
   REJECTED: { color: "error", label: "Rejected" }
-}, zs = ["LOW", "MEDIUM", "HIGH", "URGENT"];
-function O({
-  icon: n,
-  label: s,
-  children: g,
-  className: h
+}, 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,
+        "/",
+        r
+      ] })
+    ] });
+  }
+);
+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 });
+  }
+);
+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,
+        role: "button",
+        tabIndex: 0,
+        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",
+          d
+        ),
+        onClick: () => i == null ? void 0 : i(e.id),
+        onKeyDown: (x) => {
+          (x.key === "Enter" || x.key === " ") && (x.preventDefault(), i == null || i(e.id));
+        },
+        ...f,
+        children: [
+          /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              onClick: (x) => {
+                x.stopPropagation(), a == null || a(e.id, !r);
+              },
+              className: h(
+                "shrink-0 rounded p-ds-01 transition-colors",
+                a ? "hover:bg-surface-2" : "cursor-default"
+              ),
+              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(
+            "div",
+            {
+              className: h(
+                "h-2 w-2 shrink-0 rounded-ds-full",
+                Fe[e.priority]
+              )
+            }
+          ),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              className: h(
+                "flex-1 truncate text-ds-md",
+                r ? "text-surface-fg-subtle line-through" : "text-surface-fg"
+              ),
+              children: e.title
+            }
+          ),
+          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) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+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 n.useEffect(() => {
+      p && x.current && x.current.focus();
+    }, [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: (b) => m(b.target.value),
+          onKeyDown: N,
+          onBlur: () => {
+            f.trim() || u(!1);
+          },
+          placeholder: r,
+          className: "flex-1 bg-transparent text-ds-md text-surface-fg placeholder:text-surface-fg-subtle outline-none"
+        }
+      ),
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          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__ */ o(
+      "button",
+      {
+        type: "button",
+        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(_, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
+          "Add subtask"
+        ]
+      }
+    ) });
+  }
+);
+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);
+      },
+      [d]
+    );
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: p,
+        className: h("flex-1 space-y-ds-05 overflow-y-auto", a),
+        ...i,
+        children: e
+      }
+    );
+  }
+);
+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 yt(t) {
+  return t.authorType === "INTERNAL" && t.internalAuthor ? t.internalAuthor : t.authorType === "CLIENT" && t.clientAuthor ? {
+    id: t.clientAuthor.id,
+    name: t.clientAuthor.name,
+    email: t.clientAuthor.email,
+    image: null
+  } : { id: t.authorId, name: "Unknown", image: null };
+}
+function Rt(t) {
+  return t.replace(/<[^>]*>/g, "");
+}
+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(
+          V,
+          {
+            className: h(
+              "text-ds-xs font-semibold",
+              p ? "bg-warning-3 text-warning-11" : "bg-surface-3 text-accent-fg"
+            ),
+            children: z(m.name)
+          }
+        )
+      ] }),
+      /* @__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 }),
+          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: 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: Rt(e.content) }) })
+      ] })
+    ] });
+  }
+);
+qe.displayName = "MessageBubble";
+const Ge = n.forwardRef(
+  function({
+    onSubmit: e,
+    renderEditor: r,
+    placeholder: a = "Write a comment...",
+    clientMode: i = !1,
+    className: d,
+    ...f
+  }, m) {
+    const [p, u] = n.useState(""), x = () => {
+      const g = p.trim();
+      g.replace(/<[^>]*>/g, "").trim() && (e(g, i ? "CLIENT" : "INTERNAL"), u(""));
+    };
+    return /* @__PURE__ */ o("div", { ref: m, className: h("space-y-ds-03", d), ...f, children: [
+      r ? r({
+        content: p,
+        onChange: u,
+        placeholder: a
+      }) : /* @__PURE__ */ s(
+        "textarea",
+        {
+          value: p,
+          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__ */ o(
+        "button",
+        {
+          type: "button",
+          onClick: x,
+          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(_s, { className: "h-ico-sm w-ico-sm", stroke: 2 }),
+            "Comment"
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+Ge.displayName = "MessageInput";
+const Ye = n.forwardRef(
+  function({ className: e, ...r }, a) {
+    return /* @__PURE__ */ s(
+      "p",
+      {
+        ref: a,
+        className: h("text-ds-xs text-warning-11", e),
+        ...r,
+        children: "This task is visible to clients. Comments may be seen by external users."
+      }
+    );
+  }
+);
+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__ */ o(
+      "div",
+      {
+        ref: f,
+        role: "region",
+        "aria-label": "File upload drop zone",
+        onDrop: (v) => {
+          var w;
+          v.preventDefault(), u(!1);
+          const y = (w = v.dataTransfer.files) == null ? void 0 : w[0];
+          y && e(y);
+        },
+        onDragOver: (v) => {
+          v.preventDefault(), u(!0);
+        },
+        onDragLeave: () => {
+          u(!1);
+        },
+        className: h(
+          "rounded-ds-lg border-2 border-dashed transition-colors",
+          p ? "border-accent-7 bg-accent-1" : "border-surface-border-strong",
+          i
+        ),
+        ...d,
+        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(
+              Fs,
+              {
+                className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
+                stroke: 1.5
+              }
+            ) }),
+            /* @__PURE__ */ o("div", { className: "text-center", children: [
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    var v;
+                    return (v = m.current) == null ? void 0 : v.click();
+                  },
+                  disabled: r,
+                  className: "text-ds-md font-medium text-accent-11 transition-colors hover:underline disabled:opacity-action-disabled",
+                  children: r ? "Uploading..." : "Click to upload"
+                }
+              ),
+              /* @__PURE__ */ o("span", { className: "text-ds-md text-surface-fg-subtle", children: [
+                " ",
+                "or drag and drop"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ s(
+            "input",
+            {
+              ref: m,
+              type: "file",
+              accept: a,
+              onChange: x,
+              className: "hidden"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+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 });
+  }
+);
+We.displayName = "FileList";
+function Ct(t) {
+  if (!t) return we;
+  const e = t.toLowerCase();
+  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 Dt(t) {
+  return new Date(t).toLocaleDateString("en-IN", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+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",
+          i
+        ),
+        ...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,
+            {
+              className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
+              stroke: 1.5
+            }
+          ) }),
+          /* @__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__ */ 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__ */ o("div", { className: "flex items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
+            e.externalUrl && /* @__PURE__ */ s(
+              "a",
+              {
+                href: /^https?:\/\//.test(e.externalUrl) ? e.externalUrl : "#",
+                target: "_blank",
+                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(Bs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
+              }
+            ),
+            e.downloadUrl && /* @__PURE__ */ s(
+              "a",
+              {
+                href: /^https?:\/\//.test(e.downloadUrl) ? e.downloadUrl : "#",
+                target: "_blank",
+                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(Vs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
+              }
+            ),
+            !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(zs, { className: "h-ico-sm w-ico-sm text-error-11" })
+                }
+              ) }),
+              /* @__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__ */ 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: () => r(e.id),
+                      children: "Delete"
+                    }
+                  ) })
+                ] })
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+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: d, className: h(a), ...i, children: p ? /* @__PURE__ */ o("div", { className: "space-y-ds-03", children: [
+      /* @__PURE__ */ s(
+        "textarea",
+        {
+          value: f,
+          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__ */ 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(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",
+                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 }),
+                g.label
+              ]
+            },
+            g.status
+          );
+        }),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            onClick: () => u(!1),
+            className: "ml-auto text-ds-sm text-surface-fg-subtle hover:text-surface-fg-muted",
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        onClick: () => u(!0),
+        className: "text-ds-sm font-medium text-accent-11 transition-colors hover:underline",
+        children: "Respond"
+      }
+    ) });
+  }
+);
+Ze.displayName = "ReviewResponseForm";
+function Tt(t) {
+  return new Date(t).toLocaleDateString("en-IN", {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+const Je = n.forwardRef(
+  function({ review: e, onUpdateStatus: r, className: a, ...i }, d) {
+    const f = wt[e.status];
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: d,
+        className: h(
+          "rounded-ds-lg border border-surface-border-strong bg-surface-1 shadow-01 p-ds-04",
+          a
+        ),
+        ...i,
+        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(
+                B,
+                {
+                  src: e.reviewer.image,
+                  alt: e.reviewer.name
+                }
+              ),
+              /* @__PURE__ */ s(V, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: z(e.reviewer.name) })
+            ] }),
+            /* @__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__ */ o("span", { className: "ml-ds-03 text-ds-sm text-surface-fg-subtle", children: [
+                "requested by ",
+                e.requestedBy.name
+              ] })
+            ] }),
+            /* @__PURE__ */ s(
+              W,
+              {
+                color: f.color,
+                children: f.label
+              }
+            )
+          ] }),
+          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" && r && /* @__PURE__ */ s("div", { className: "mt-ds-03", children: /* @__PURE__ */ s(
+            Ze,
+            {
+              reviewId: e.id,
+              onSubmit: r
+            }
+          ) }),
+          /* @__PURE__ */ s("p", { className: "mt-ds-03 text-ds-xs text-surface-fg-subtle", children: Tt(e.createdAt) })
+        ]
+      }
+    );
+  }
+);
+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: d, className: h(a), ...i, children: /* @__PURE__ */ s(
+      se,
+      {
+        members: f,
+        selectedIds: [],
+        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(_, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
+              "Request Review"
+            ]
+          }
+        )
+      }
+    ) });
+  }
+);
+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 })
+    ] });
+  }
+);
+Xe.displayName = "ActivityTimeline";
+const kt = {
+  "task.created": {
+    icon: _,
+    color: "text-success-11",
+    dotColor: "bg-success-9",
+    getDescription: () => "created this task"
+  },
+  "task.updated": {
+    icon: Zs,
+    color: "text-category-slate-11",
+    dotColor: "bg-category-slate-9",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return (e == null ? void 0 : e.field) === "title" ? "updated the title" : (e == null ? void 0 : e.field) === "description" ? "updated the description" : (e == null ? void 0 : e.field) === "priority" ? `changed priority to ${(e == null ? void 0 : e.newValue) || "unknown"}` : (e == null ? void 0 : e.field) === "dueDate" ? "updated the due date" : (e == null ? void 0 : e.field) === "labels" ? "updated labels" : "updated this task";
+    }
+  },
+  "task.moved": {
+    icon: Us,
+    color: "text-warning-11",
+    dotColor: "bg-warning-9",
+    getDescription: (t) => {
+      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: Ws,
+    color: "text-category-cyan-11",
+    dotColor: "bg-category-cyan-9",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return `assigned ${(e == null ? void 0 : e.assigneeName) || "a user"}`;
+    }
+  },
+  "task.unassigned": {
+    icon: Ks,
+    color: "text-surface-fg-muted",
+    dotColor: "bg-disabled",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return `removed ${(e == null ? void 0 : e.assigneeName) || "a user"}`;
+    }
+  },
+  "task.commented": {
+    icon: Ae,
+    color: "text-accent-11",
+    dotColor: "bg-accent-9",
+    getDescription: () => "added a comment"
+  },
+  "task.file_uploaded": {
+    icon: re,
+    color: "text-category-indigo-11",
+    dotColor: "bg-category-indigo-9",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return `uploaded ${(e == null ? void 0 : e.fileName) || "a file"}`;
+    }
+  },
+  "task.review_requested": {
+    icon: te,
+    color: "text-warning-11",
+    dotColor: "bg-warning-9",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return `requested review from ${(e == null ? void 0 : e.reviewerName) || "a reviewer"}`;
+    }
+  },
+  "task.review_completed": {
+    icon: Ys,
+    color: "text-success-11",
+    dotColor: "bg-success-9",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return `${(e == null ? void 0 : e.status) || "reviewed"} the task`;
+    }
+  },
+  "task.visibility_changed": {
+    icon: je,
+    color: "text-surface-fg-subtle",
+    dotColor: "bg-surface-fg-subtle",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return `changed visibility to ${(e == null ? void 0 : e.visibility) || "unknown"}`;
+    }
+  },
+  "task.priority_changed": {
+    icon: Pe,
+    color: "text-error-11",
+    dotColor: "bg-error-9",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return `changed priority to ${(e == null ? void 0 : e.priority) || "unknown"}`;
+    }
+  },
+  "task.labels_changed": {
+    icon: Le,
+    color: "text-category-amber-11",
+    dotColor: "bg-category-amber-9",
+    getDescription: () => "updated labels"
+  },
+  "task.due_date_changed": {
+    icon: Se,
+    color: "text-warning-11",
+    dotColor: "bg-warning-9",
+    getDescription: (t) => {
+      const e = t.metadata;
+      return e != null && e.dueDate ? `set due date to ${e.dueDate}` : "updated the due date";
+    }
+  }
+}, Et = {
+  icon: ae,
+  color: "text-surface-fg-subtle",
+  dotColor: "bg-disabled",
+  getDescription: (t) => t.action
+};
+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 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",
+        {
+          className: h(
+            "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-surface-2"
+          ),
+          children: /* @__PURE__ */ s(
+            f,
+            {
+              className: h("h-3 w-3", d.color),
+              stroke: 2
+            }
+          )
+        }
+      ) }),
+      /* @__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__ */ o("span", { className: "text-surface-fg-subtle", children: [
+            " ",
+            p
+          ] })
+        ] }),
+        /* @__PURE__ */ s("p", { className: "mt-ds-01 text-ds-xs text-surface-fg-subtle", children: $e(e.timestamp) })
+      ] })
+    ] });
+  }
+);
+es.displayName = "ActivityEntry";
+const ss = n.forwardRef(
+  function({
+    subtasks: e,
+    terminalColumnId: r,
+    onCreateSubtask: a,
+    onToggleSubtask: i,
+    onClickSubtask: d,
+    className: f,
+    readOnly: m = !1,
+    ...p
+  }, u) {
+    const x = e.filter(
+      (N) => {
+        var b;
+        return ((b = N.column) == null ? void 0 : b.isTerminal) || N.columnId === r;
+      }
+    ).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 b = ((v = N.column) == null ? void 0 : v.isTerminal) || N.columnId === r;
+        return /* @__PURE__ */ s(
+          ze,
+          {
+            subtask: N,
+            isComplete: !!b,
+            onToggle: m ? void 0 : i,
+            onClick: d
+          },
+          N.id
+        );
+      }) }) : !m && /* @__PURE__ */ s(
+        H,
+        {
+          icon: /* @__PURE__ */ s(Oe, {}),
+          title: "No subtasks",
+          description: "Break this task into smaller pieces",
+          compact: !0
+        }
+      ),
+      !m && /* @__PURE__ */ s(He, { onCreate: a })
+    ] });
+  }
+);
+ss.displayName = "SubtasksTab";
+const ts = n.forwardRef(
+  function({
+    comments: e,
+    taskVisibility: r,
+    onPostComment: a,
+    className: i,
+    clientMode: d = !1,
+    richText: f = !0,
+    renderEditor: m,
+    renderViewer: p,
+    ...u
+  }, x) {
+    const g = m ?? (f ? (b) => /* @__PURE__ */ s(
+      ut,
+      {
+        content: b.content,
+        onChange: b.onChange,
+        placeholder: b.placeholder,
+        editable: !0,
+        className: "min-h-[80px]"
+      }
+    ) : 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: b,
+          clientMode: d,
+          renderViewer: N
+        },
+        b.id
+      )) }) : /* @__PURE__ */ s(
+        H,
+        {
+          icon: /* @__PURE__ */ s(_e, {}),
+          title: "No comments yet",
+          description: "Start a conversation about this task",
+          compact: !0
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "mt-ds-05", children: [
+        r === "EVERYONE" && !d && /* @__PURE__ */ s(Ye, { className: "mb-ds-03" }),
+        /* @__PURE__ */ s(
+          Ge,
+          {
+            onSubmit: a,
+            renderEditor: g,
+            clientMode: d
+          }
+        )
+      ] })
+    ] });
+  }
+);
+ts.displayName = "ConversationTab";
+const rs = n.forwardRef(
+  function({
+    files: e,
+    onUpload: r,
+    onDelete: a,
+    isUploading: i = !1,
+    className: d,
+    readOnly: f = !1,
+    ...m
+  }, p) {
+    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: u,
+          onDelete: a,
+          readOnly: f
+        },
+        u.id
+      )) }) : /* @__PURE__ */ s("div", { className: "mt-ds-03", children: /* @__PURE__ */ s(
+        H,
+        {
+          icon: /* @__PURE__ */ s(re, {}),
+          title: "No files attached",
+          description: "Upload files to share with your team",
+          compact: !0
+        }
+      ) })
+    ] });
+  }
+);
+rs.displayName = "FilesTab";
+const as = n.forwardRef(
+  function({
+    reviews: e,
+    members: r,
+    onRequestReview: a,
+    onUpdateStatus: i,
+    className: d,
+    readOnly: f = !1,
+    ...m
+  }, p) {
+    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: u,
+          onUpdateStatus: f ? void 0 : i
+        },
+        u.id
+      )) }) : /* @__PURE__ */ s(
+        H,
+        {
+          icon: /* @__PURE__ */ s(te, {}),
+          title: "No reviews yet",
+          description: "Request a review from a team member",
+          compact: !0
+        }
+      ),
+      !f && /* @__PURE__ */ s(
+        Qe,
+        {
+          members: r,
+          onRequest: a
+        }
+      )
+    ] });
+  }
+);
+as.displayName = "ReviewTab";
+const ns = n.forwardRef(
+  function({ activities: e, className: r, ...a }, i) {
+    return e.length === 0 ? /* @__PURE__ */ s(
+      H,
+      {
+        ref: i,
+        icon: /* @__PURE__ */ s(ae, {}),
+        title: "No activity yet",
+        description: "Actions on this task will appear here",
+        compact: !0,
+        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"
+      }
+    );
+  }
+);
+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: r,
+  className: a
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: p(
+      className: h(
         "flex items-center gap-ds-04 py-ds-03",
-        h
+        a
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex w-[120px] shrink-0 items-center gap-ds-03 text-surface-fg-subtle", children: [
-          /* @__PURE__ */ e(n, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-          /* @__PURE__ */ e("span", { className: "text-ds-sm", children: s })
+        /* @__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__ */ e("div", { className: "flex-1 min-w-0", children: g })
+        /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: r })
       ]
     }
   );
 }
-function qs({ priority: n }) {
-  return /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02b", children: [
-    /* @__PURE__ */ e("div", { className: p("h-2 w-2 rounded-ds-full", Ee[n]) }),
-    /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg", children: Bs[n] || n })
+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 Te = o.forwardRef(
+const cs = n.forwardRef(
   function({
-    task: s,
-    columns: g,
-    members: h,
-    onUpdate: b,
-    onAssign: m,
-    onUnassign: y,
-    className: D,
-    readOnly: x = !1,
-    editableFields: d,
-    renderPriorityIndicator: C,
-    renderDatePicker: N,
-    onConfirmVisibilityChange: w,
-    ...I
-  }, i) {
-    const [v, l] = o.useState(""), [c, f] = o.useState(!1), u = s.assignees.map((a) => a.user.id), E = o.useMemo(
-      () => h.map((a) => ({ id: a.id, name: a.name, avatar: a.image ?? void 0 })),
-      [h]
-    ), T = (a) => {
-      b("columnId", a);
-    }, S = (a) => {
-      b("ownerId", a === s.ownerId ? null : a);
-    }, _ = (a) => {
-      u.includes(a) ? y(a) : m(a);
-    }, R = (a) => {
-      b("priority", a);
-    }, k = (a) => {
-      b("dueDate", a ? a.toISOString() : null);
-    }, z = () => {
-      const a = v.trim();
-      a && !s.labels.includes(a) && b("labels", [...s.labels, a]), l(""), f(!1);
-    }, J = (a) => {
-      b("labels", s.labels.filter((Q) => Q !== a));
+    task: e,
+    columns: r,
+    members: a,
+    onUpdate: i,
+    onAssign: d,
+    onUnassign: f,
+    className: m,
+    readOnly: p = !1,
+    editableFields: u,
+    renderPriorityIndicator: x,
+    renderDatePicker: g,
+    onConfirmVisibilityChange: N,
+    ...b
+  }, v) {
+    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 a = s.visibility === "INTERNAL" ? "EVERYONE" : "INTERNAL";
-      if (a === "EVERYONE" && w) {
-        w();
+      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;
       }
-      b("visibility", a);
-    }, q = C || qs;
-    return /* @__PURE__ */ t("div", { ref: i, className: p("space-y-ds-01", D), ...I, children: [
-      /* @__PURE__ */ e(O, { icon: os, label: "Column", children: x && !(d != null && d.includes("columnId")) ? /* @__PURE__ */ e("span", { className: "px-ds-03 py-ds-02 text-ds-md text-surface-fg", children: s.column.name }) : /* @__PURE__ */ t(de, { children: [
-        /* @__PURE__ */ e(ue, { asChild: !0, children: /* @__PURE__ */ t(
+      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__ */ e("span", { children: s.column.name }),
-              /* @__PURE__ */ e(ds, { className: "h-3 w-3 text-surface-fg-subtle" })
+              /* @__PURE__ */ s("span", { children: e.column.name }),
+              /* @__PURE__ */ s(Xs, { className: "h-3 w-3 text-surface-fg-subtle" })
             ]
           }
         ) }),
-        /* @__PURE__ */ e(
-          me,
+        /* @__PURE__ */ s(
+          Ce,
           {
             className: "w-[180px] border-surface-border-strong bg-surface-1 p-ds-02",
             align: "start",
             sideOffset: 4,
-            children: g.map((a) => /* @__PURE__ */ t(
+            children: r.map((l) => /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
-                onClick: () => T(a.id),
-                className: p(
+                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",
-                  a.id === s.columnId ? "text-accent-11" : "text-surface-fg"
+                  l.id === e.columnId ? "text-accent-11" : "text-surface-fg"
                 ),
                 children: [
-                  a.name,
-                  a.id === s.columnId && /* @__PURE__ */ e(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" })
                 ]
               },
-              a.id
+              l.id
             ))
           }
         )
       ] }) }),
-      !x && /* @__PURE__ */ e(O, { icon: us, label: "Owner", children: /* @__PURE__ */ e(
-        ee,
+      !p && /* @__PURE__ */ s(S, { icon: et, label: "Owner", children: /* @__PURE__ */ s(
+        se,
         {
-          members: E,
-          selectedIds: s.ownerId ? [s.ownerId] : [],
-          onSelect: S,
-          children: /* @__PURE__ */ e(
+          members: k,
+          selectedIds: e.ownerId ? [e.ownerId] : [],
+          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: s.owner ? /* @__PURE__ */ t(be, { children: [
-                /* @__PURE__ */ t(j, { className: "h-ico-md w-ico-md", children: [
-                  s.owner.image && /* @__PURE__ */ e(H, { src: s.owner.image, alt: s.owner.name }),
-                  /* @__PURE__ */ e(G, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: B(s.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__ */ e("span", { className: "text-ds-md text-surface-fg", children: s.owner.name })
-              ] }) : /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-subtle", children: "No owner" })
+                /* @__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" })
             }
           )
         }
       ) }),
-      /* @__PURE__ */ e(O, { icon: ms, label: "Assignees", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
-        s.assignees.map((a) => /* @__PURE__ */ t(
+      /* @__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__ */ t(j, { className: "h-ico-sm w-ico-sm", children: [
-                a.user.image && /* @__PURE__ */ e(H, { src: a.user.image, alt: a.user.name }),
-                /* @__PURE__ */ e(G, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: B(a.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__ */ e("span", { className: "text-ds-sm text-surface-fg-muted", children: a.user.name.split(" ")[0] }),
-              !x && /* @__PURE__ */ e(
+              /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-muted", children: l.user.name.split(" ")[0] }),
+              !p && /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
-                  onClick: () => y(a.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 ${a.user.name}`,
-                  children: /* @__PURE__ */ e(W, { 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" })
                 }
               )
             ]
           },
-          a.user.id
+          l.user.id
         )),
-        !x && /* @__PURE__ */ e(
-          ee,
+        !p && /* @__PURE__ */ s(
+          se,
           {
-            members: E,
-            selectedIds: u,
-            onSelect: _,
+            members: k,
+            selectedIds: T,
+            onSelect: pe,
             multiple: !0,
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ s(
               "button",
               {
                 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__ */ e($, { className: "h-3 w-3 text-surface-fg-subtle" })
+                children: /* @__PURE__ */ s(_, { className: "h-3 w-3 text-surface-fg-subtle" })
               }
             )
           }
         ),
-        x && s.assignees.length === 0 && /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-subtle", children: "None" })
+        p && e.assignees.length === 0 && /* @__PURE__ */ s("span", { className: "text-ds-md text-surface-fg-subtle", children: "None" })
       ] }) }),
-      /* @__PURE__ */ e(O, { icon: Ne, label: "Priority", children: /* @__PURE__ */ t(de, { children: [
-        /* @__PURE__ */ e(ue, { asChild: !0, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ s(S, { icon: Pe, label: "Priority", children: /* @__PURE__ */ o(ye, { children: [
+        /* @__PURE__ */ s(Re, { asChild: !0, children: /* @__PURE__ */ s(
           "button",
           {
             type: "button",
             className: "rounded-ds-md px-ds-03 py-ds-02 transition-colors hover:bg-surface-3",
-            children: /* @__PURE__ */ e(q, { priority: s.priority })
+            children: /* @__PURE__ */ s($, { priority: e.priority })
           }
         ) }),
-        /* @__PURE__ */ e(
-          me,
+        /* @__PURE__ */ s(
+          Ce,
           {
             className: "w-[160px] border-surface-border-strong bg-surface-1 p-ds-02",
             align: "start",
             sideOffset: 4,
-            children: zs.map((a) => /* @__PURE__ */ e(
+            children: jt.map((l) => /* @__PURE__ */ s(
               "button",
               {
                 type: "button",
-                onClick: () => R(a),
-                className: p(
+                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",
-                  a === s.priority && "bg-surface-3"
+                  l === e.priority && "bg-surface-3"
                 ),
-                children: /* @__PURE__ */ e(q, { priority: a })
+                children: /* @__PURE__ */ s($, { priority: l })
               },
-              a
+              l
             ))
           }
         )
       ] }) }),
-      /* @__PURE__ */ e(O, { icon: ve, label: "Due Date", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02", children: [
-        N ? N({
-          value: s.dueDate ? new Date(s.dueDate) : null,
-          onChange: k,
+      /* @__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: 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__ */ e(
+        }) : /* @__PURE__ */ s(
           "input",
           {
             type: "date",
-            value: s.dueDate ? new Date(s.dueDate).toISOString().split("T")[0] : "",
-            onChange: (a) => k(a.target.value ? new Date(a.target.value) : null),
+            value: e.dueDate ? new Date(e.dueDate).toISOString().split("T")[0] : "",
+            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"
-          }
-        ),
-        s.dueDate && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: () => k(null),
-            className: "rounded-ds-md p-ds-02 transition-colors hover:bg-surface-3",
-            "aria-label": "Clear due date",
-            children: /* @__PURE__ */ e(W, { className: "h-3 w-3 text-surface-fg-subtle" })
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ e(O, { icon: ye, label: "Labels", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
-        s.labels.map((a) => /* @__PURE__ */ t(
-          "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: [
-              a,
-              !x && /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => J(a),
-                  className: "rounded-ds-full p-ds-01 transition-colors hover:bg-surface-3",
-                  "aria-label": `Remove label ${a}`,
-                  children: /* @__PURE__ */ e(W, { className: "h-ds-03 w-ds-03" })
-                }
-              )
-            ]
-          },
-          a
-        )),
-        !x && (c ? /* @__PURE__ */ e("div", { className: "inline-flex items-center gap-ds-02", children: /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: v,
-            onChange: (a) => l(a.target.value),
-            "aria-label": "New label name",
-            onKeyDown: (a) => {
-              a.key === "Enter" && z(), a.key === "Escape" && (f(!1), l(""));
-            },
-            onBlur: z,
-            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
-          }
-        ) }) : /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: () => f(!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__ */ e($, { className: "h-3 w-3 text-surface-fg-subtle" })
-          }
-        )),
-        x && s.labels.length === 0 && /* @__PURE__ */ e("span", { className: "text-ds-md text-surface-fg-subtle", children: "None" })
-      ] }) }),
-      !x && /* @__PURE__ */ e(O, { icon: we, label: "Visibility", children: /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          onClick: M,
-          className: p(
-            "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",
-            s.visibility === "EVERYONE" ? "bg-success-3 text-success-11" : "bg-surface-2 text-surface-fg-subtle"
-          ),
-          children: [
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: p(
-                  "h-ds-02b w-ds-02b rounded-ds-full",
-                  s.visibility === "EVERYONE" ? "bg-success-9" : "bg-disabled"
-                )
-              }
-            ),
-            s.visibility === "EVERYONE" ? "Everyone" : "Internal"
-          ]
-        }
-      ) })
-    ] });
-  }
-);
-Te.displayName = "TaskProperties";
-const Re = o.forwardRef(
-  function({
-    subtasks: s,
-    terminalColumnId: g,
-    onCreateSubtask: h,
-    onToggleSubtask: b,
-    onClickSubtask: m,
-    className: y,
-    readOnly: D = !1,
-    ...x
-  }, d) {
-    const [C, N] = o.useState(""), [w, I] = o.useState(!1), i = o.useRef(null), v = s.filter(
-      (u) => {
-        var E;
-        return ((E = u.column) == null ? void 0 : E.isTerminal) || u.columnId === g;
-      }
-    ).length, l = s.length, c = () => {
-      const u = C.trim();
-      u && (h(u), N(""));
-    }, f = (u) => {
-      u.key === "Enter" && (u.preventDefault(), c()), u.key === "Escape" && (I(!1), N(""));
-    };
-    return o.useEffect(() => {
-      w && i.current && i.current.focus();
-    }, [w]), /* @__PURE__ */ t("div", { ref: d, className: p("flex flex-col", y), ...x, children: [
-      l > 0 && /* @__PURE__ */ t("div", { className: "mb-ds-05 flex items-center gap-ds-04", children: [
-        /* @__PURE__ */ e(cs, { value: l > 0 ? v / l * 100 : 0, className: "h-ds-02b" }),
-        /* @__PURE__ */ t("span", { className: "shrink-0 text-ds-sm font-medium text-surface-fg-subtle", children: [
-          v,
-          "/",
-          l
-        ] })
-      ] }),
-      s.length > 0 ? /* @__PURE__ */ e("div", { className: "space-y-ds-01", children: s.map((u) => {
-        var S, _;
-        const E = ((S = u.column) == null ? void 0 : S.isTerminal) || u.columnId === g, T = (_ = u.assignees[0]) == null ? void 0 : _.user;
-        return /* @__PURE__ */ t(
-          "div",
-          {
-            role: "button",
-            tabIndex: 0,
-            className: p(
-              "group flex items-center gap-ds-03 rounded-ds-lg px-ds-03 py-ds-02b transition-colors",
-              "hover:bg-surface-3 cursor-pointer"
-            ),
-            onClick: () => m == null ? void 0 : m(u.id),
-            onKeyDown: (R) => {
-              (R.key === "Enter" || R.key === " ") && (R.preventDefault(), m == null || m(u.id));
-            },
-            children: [
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  onClick: (R) => {
-                    R.stopPropagation(), D || b(u.id, !E);
-                  },
-                  className: p(
-                    "shrink-0 rounded p-ds-01 transition-colors",
-                    D ? "cursor-default" : "hover:bg-surface-2"
-                  ),
-                  children: E ? /* @__PURE__ */ e(fs, { className: "h-ico-sm w-ico-sm text-accent-11", stroke: 1.5 }) : /* @__PURE__ */ e(hs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle", stroke: 1.5 })
-                }
-              ),
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: p(
-                    "h-2 w-2 shrink-0 rounded-ds-full",
-                    Ee[u.priority]
-                  )
-                }
-              ),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: p(
-                    "flex-1 truncate text-ds-md",
-                    E ? "text-surface-fg-subtle line-through" : "text-surface-fg"
-                  ),
-                  children: u.title
-                }
-              ),
-              T && /* @__PURE__ */ t(j, { className: "h-ico-md w-ico-md shrink-0", children: [
-                T.image && /* @__PURE__ */ e(H, { src: T.image, alt: T.name }),
-                /* @__PURE__ */ e(G, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: B(T.name) })
-              ] })
-            ]
-          },
-          u.id
-        );
-      }) }) : !w && /* @__PURE__ */ e(
-        F,
-        {
-          icon: /* @__PURE__ */ e(Ie, {}),
-          title: "No subtasks",
-          description: "Break this task into smaller pieces",
-          compact: !0
-        }
-      ),
-      !D && (w ? /* @__PURE__ */ t("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__ */ e(
-          "input",
-          {
-            ref: i,
-            type: "text",
-            value: C,
-            onChange: (u) => N(u.target.value),
-            onKeyDown: f,
-            onBlur: () => {
-              C.trim() || I(!1);
-            },
-            placeholder: "Subtask title...",
-            className: "flex-1 bg-transparent text-ds-md text-surface-fg placeholder:text-surface-fg-subtle outline-none"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: c,
-            disabled: !C.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__ */ t(
-        "button",
-        {
-          type: "button",
-          onClick: () => I(!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__ */ e($, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-            "Add subtask"
-          ]
-        }
-      ))
-    ] });
-  }
-);
-Re.displayName = "SubtasksTab";
-function Ys(n) {
-  return new Date(n).toLocaleDateString("en-IN", {
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-const Ks = [
-  { status: "APPROVED", label: "Approve", icon: xe },
-  { status: "CHANGES_REQUESTED", label: "Request Changes", icon: Ce },
-  { status: "REJECTED", label: "Reject", icon: W }
-], Ae = o.forwardRef(
-  function({
-    reviews: s,
-    members: g,
-    onRequestReview: h,
-    onUpdateStatus: b,
-    className: m,
-    ...y
-  }, D) {
-    const [x, d] = o.useState({}), [C, N] = o.useState(null), w = o.useMemo(
-      () => g.map((i) => ({ id: i.id, name: i.name, avatar: i.image ?? void 0 })),
-      [g]
-    ), I = (i, v) => {
-      b(i, v, x[i]), d((l) => {
-        const c = { ...l };
-        return delete c[i], c;
-      }), N(null);
-    };
-    return /* @__PURE__ */ t("div", { ref: D, className: p("flex flex-col", m), ...y, children: [
-      s.length > 0 ? /* @__PURE__ */ e("div", { className: "space-y-ds-04", children: s.map((i) => {
-        const v = Fs[i.status], l = C === i.id;
-        return /* @__PURE__ */ t(
-          "div",
+          }
+        ),
+        e.dueDate && /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            onClick: () => I(null),
+            className: "rounded-ds-md p-ds-02 transition-colors hover:bg-surface-3",
+            "aria-label": "Clear due date",
+            children: /* @__PURE__ */ s(K, { className: "h-3 w-3 text-surface-fg-subtle" })
+          }
+        )
+      ] }) }),
+      /* @__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: "rounded-ds-lg border border-surface-border-strong bg-surface-1 shadow-01 p-ds-04",
+            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: [
-              /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03", children: [
-                /* @__PURE__ */ t(j, { className: "h-ds-xs w-ds-xs shrink-0", children: [
-                  i.reviewer.image && /* @__PURE__ */ e(
-                    H,
-                    {
-                      src: i.reviewer.image,
-                      alt: i.reviewer.name
-                    }
-                  ),
-                  /* @__PURE__ */ e(G, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: B(i.reviewer.name) })
-                ] }),
-                /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("span", { className: "text-ds-md font-medium text-surface-fg", children: i.reviewer.name }),
-                  /* @__PURE__ */ t("span", { className: "ml-ds-03 text-ds-sm text-surface-fg-subtle", children: [
-                    "requested by ",
-                    i.requestedBy.name
-                  ] })
-                ] }),
-                /* @__PURE__ */ e(
-                  Ss,
-                  {
-                    color: v.color,
-                    children: v.label
-                  }
-                )
-              ] }),
-              i.feedback && /* @__PURE__ */ e("div", { className: "mt-ds-03 rounded-ds-md bg-surface-2 px-ds-04 py-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-muted", children: i.feedback }) }),
-              i.status === "PENDING" && /* @__PURE__ */ e("div", { className: "mt-ds-03", children: l ? /* @__PURE__ */ t("div", { className: "space-y-ds-03", children: [
-                /* @__PURE__ */ e(
-                  "textarea",
-                  {
-                    value: x[i.id] || "",
-                    onChange: (c) => d((f) => ({
-                      ...f,
-                      [i.id]: c.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__ */ t("div", { className: "flex items-center gap-ds-02b", children: [
-                  Ks.map((c) => {
-                    const f = c.icon;
-                    return /* @__PURE__ */ t(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => I(i.id, c.status),
-                        className: p(
-                          "inline-flex items-center gap-ds-02 rounded-ds-md px-ds-03 py-ds-02 text-ds-sm font-semibold transition-colors",
-                          c.status === "APPROVED" && "bg-success-3 text-success-11 hover:opacity-90",
-                          c.status === "CHANGES_REQUESTED" && "bg-warning-3 text-warning-11 hover:opacity-90",
-                          c.status === "REJECTED" && "bg-error-3 text-error-11 hover:opacity-90"
-                        ),
-                        children: [
-                          /* @__PURE__ */ e(f, { className: "h-3 w-3", stroke: 2 }),
-                          c.label
-                        ]
-                      },
-                      c.status
-                    );
-                  }),
-                  /* @__PURE__ */ e(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => N(null),
-                      className: "ml-auto text-ds-sm text-surface-fg-subtle hover:text-surface-fg-muted",
-                      children: "Cancel"
-                    }
-                  )
-                ] })
-              ] }) : /* @__PURE__ */ e(
+              l,
+              !p && /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
-                  onClick: () => N(i.id),
-                  className: "text-ds-sm font-medium text-accent-11 transition-colors hover:underline",
-                  children: "Respond"
+                  onClick: () => U(l),
+                  className: "rounded-ds-full p-ds-01 transition-colors hover:bg-surface-3",
+                  "aria-label": `Remove label ${l}`,
+                  children: /* @__PURE__ */ s(K, { className: "h-ds-03 w-ds-03" })
                 }
-              ) }),
-              /* @__PURE__ */ e("p", { className: "mt-ds-03 text-ds-xs text-surface-fg-subtle", children: Ys(i.createdAt) })
+              )
             ]
           },
-          i.id
-        );
-      }) }) : /* @__PURE__ */ e(
-        F,
-        {
-          icon: /* @__PURE__ */ e(se, {}),
-          title: "No reviews yet",
-          description: "Request a review from a team member",
-          compact: !0
-        }
-      ),
-      /* @__PURE__ */ e(
-        ee,
-        {
-          members: w,
-          selectedIds: [],
-          onSelect: (i) => h(i),
-          children: /* @__PURE__ */ t(
-            "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__ */ e($, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-                "Request Review"
-              ]
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-Ae.displayName = "ReviewTab";
-function Se(n) {
-  const s = new Date(n), h = (/* @__PURE__ */ new Date()).getTime() - s.getTime();
-  return Math.floor(h / 864e5) < 7 ? Ls(n) : s.toLocaleDateString("en-IN", {
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-function Ws(n) {
-  return n.authorType === "INTERNAL" && n.internalAuthor ? n.internalAuthor : n.authorType === "CLIENT" && n.clientAuthor ? {
-    id: n.clientAuthor.id,
-    name: n.clientAuthor.name,
-    email: n.clientAuthor.email,
-    image: null
-  } : { id: n.authorId, name: "Unknown", image: null };
-}
-function Js(n) {
-  return n.replace(/<[^>]*>/g, "");
-}
-const ke = o.forwardRef(
-  function({
-    comments: s,
-    taskVisibility: g,
-    onPostComment: h,
-    className: b,
-    clientMode: m = !1,
-    richText: y = !0,
-    renderEditor: D,
-    renderViewer: x,
-    ...d
-  }, C) {
-    const [N, w] = o.useState(""), I = o.useRef(null), i = D ?? (y ? (c) => /* @__PURE__ */ e(
-      Ps,
-      {
-        content: c.content,
-        onChange: c.onChange,
-        placeholder: c.placeholder,
-        editable: !0,
-        className: "min-h-[80px]"
-      }
-    ) : void 0), v = x ?? (y ? (c) => /* @__PURE__ */ e(ks, { content: c.content, className: c.className }) : void 0), l = () => {
-      const c = N.trim();
-      c.replace(/<[^>]*>/g, "").trim() && (h(c, m ? "CLIENT" : "INTERNAL"), w(""));
-    };
-    return o.useEffect(() => {
-      I.current && (I.current.scrollTop = I.current.scrollHeight);
-    }, [s.length]), /* @__PURE__ */ t("div", { ref: C, className: p("flex flex-col", b), ...d, children: [
-      s.length > 0 ? /* @__PURE__ */ e(
-        "div",
-        {
-          ref: I,
-          className: "flex-1 space-y-ds-05 overflow-y-auto",
-          children: s.map((c) => {
-            const f = Ws(c), u = c.authorType === "CLIENT";
-            return /* @__PURE__ */ t("div", { className: "flex gap-ds-03", children: [
-              /* @__PURE__ */ t(j, { className: "h-ds-xs-plus w-ds-xs-plus shrink-0 mt-ds-01", children: [
-                f.image && /* @__PURE__ */ e(H, { src: f.image, alt: f.name }),
-                /* @__PURE__ */ e(
-                  G,
-                  {
-                    className: p(
-                      "text-ds-xs font-semibold",
-                      /* avatar initials — below scale, leave as-is */
-                      u ? "bg-warning-3 text-warning-11" : "bg-surface-3 text-accent-fg"
-                    ),
-                    children: B(f.name)
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ t("div", { className: "flex items-baseline gap-ds-03", children: [
-                  /* @__PURE__ */ e("span", { className: "text-ds-md font-medium text-surface-fg", children: f.name }),
-                  m ? !u && /* @__PURE__ */ e("span", { className: "rounded bg-surface-3 px-ds-02 py-px text-ds-xs font-semibold uppercase tracking-wider text-accent-fg", children: "Team" }) : u && /* @__PURE__ */ e("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__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: Se(c.createdAt) })
-                ] }),
-                /* @__PURE__ */ e("div", { className: "mt-ds-02", children: v ? v({
-                  content: c.content,
-                  className: "[&_.ProseMirror]:!min-h-0 [&_.ProseMirror]:!p-0"
-                }) : /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-muted whitespace-pre-wrap", children: Js(c.content) }) })
-              ] })
-            ] }, c.id);
-          })
-        }
-      ) : /* @__PURE__ */ e(
-        F,
-        {
-          icon: /* @__PURE__ */ e(De, {}),
-          title: "No comments yet",
-          description: "Start a conversation about this task",
-          compact: !0
-        }
-      ),
-      /* @__PURE__ */ t("div", { className: "mt-ds-05 space-y-ds-03", children: [
-        g === "EVERYONE" && !m && /* @__PURE__ */ e("p", { className: "text-ds-xs text-warning-11", children: "This task is visible to clients. Comments may be seen by external users." }),
-        i ? i({
-          content: N,
-          onChange: w,
-          placeholder: "Write a comment..."
-        }) : /* @__PURE__ */ e(
-          "textarea",
+          l
+        )),
+        !p && (D ? /* @__PURE__ */ s("div", { className: "inline-flex items-center gap-ds-02", children: /* @__PURE__ */ s(
+          "input",
           {
-            value: N,
-            onChange: (c) => w(c.target.value),
-            placeholder: "Write a comment...",
-            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"
+            type: "text",
+            value: y,
+            onChange: (l) => w(l.target.value),
+            "aria-label": "New label name",
+            onKeyDown: (l) => {
+              l.key === "Enter" && M(), l.key === "Escape" && (R(!1), w(""));
+            },
+            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
           }
-        ),
-        /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ t(
+        ) }) : /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            onClick: l,
-            disabled: !N.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__ */ e(ps, { className: "h-ico-sm w-ico-sm", stroke: 2 }),
-              "Comment"
-            ]
+            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(_, { className: "h-3 w-3 text-surface-fg-subtle" })
           }
-        ) })
-      ] })
-    ] });
-  }
-);
-ke.displayName = "ConversationTab";
-function Ms(n) {
-  if (!n) return fe;
-  const s = n.toLowerCase();
-  return ["jpg", "jpeg", "png", "gif", "svg", "webp", "bmp"].includes(s) ? vs : ["pdf", "doc", "docx", "txt", "rtf"].includes(s) ? ys : ["js", "ts", "jsx", "tsx", "py", "rb", "go", "rs", "html", "css", "json"].includes(s) ? ws : ["xls", "xlsx", "csv"].includes(s) ? Is : ["zip", "tar", "gz", "rar", "7z"].includes(s) ? Cs : fe;
-}
-function Qs(n) {
-  return new Date(n).toLocaleDateString("en-IN", {
-    month: "short",
-    day: "numeric",
-    year: "numeric"
-  });
-}
-const Pe = o.forwardRef(
-  function({
-    files: s,
-    onUpload: g,
-    onDelete: h,
-    isUploading: b = !1,
-    className: m,
-    readOnly: y = !1,
-    ...D
-  }, x) {
-    const d = o.useRef(null), [C, N] = o.useState(!1), w = (l) => {
-      var f;
-      const c = (f = l.target.files) == null ? void 0 : f[0];
-      c && g(c), d.current && (d.current.value = "");
-    }, I = (l) => {
-      var f;
-      l.preventDefault(), N(!1);
-      const c = (f = l.dataTransfer.files) == null ? void 0 : f[0];
-      c && g(c);
-    }, i = (l) => {
-      l.preventDefault(), N(!0);
-    }, v = () => {
-      N(!1);
-    };
-    return /* @__PURE__ */ t("div", { ref: x, className: p("flex flex-col", m), ...D, children: [
-      !y && /* @__PURE__ */ t(
-        "div",
+        )),
+        p && e.labels.length === 0 && /* @__PURE__ */ s("span", { className: "text-ds-md text-surface-fg-subtle", children: "None" })
+      ] }) }),
+      !p && /* @__PURE__ */ s(S, { icon: je, label: "Visibility", children: /* @__PURE__ */ o(
+        "button",
         {
-          role: "region",
-          "aria-label": "File upload drop zone",
-          onDrop: I,
-          onDragOver: i,
-          onDragLeave: v,
-          className: p(
-            "rounded-ds-lg border-2 border-dashed transition-colors",
-            C ? "border-accent-7 bg-accent-1" : "border-surface-border-strong"
+          type: "button",
+          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"
           ),
           children: [
-            /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-ds-03 py-ds-06", children: [
-              /* @__PURE__ */ e("div", { className: "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-lg bg-surface-2", children: /* @__PURE__ */ e(
-                gs,
-                {
-                  className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
-                  stroke: 1.5
-                }
-              ) }),
-              /* @__PURE__ */ t("div", { className: "text-center", children: [
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      var l;
-                      return (l = d.current) == null ? void 0 : l.click();
-                    },
-                    disabled: b,
-                    className: "text-ds-md font-medium text-accent-11 transition-colors hover:underline disabled:opacity-action-disabled",
-                    children: b ? "Uploading..." : "Click to upload"
-                  }
-                ),
-                /* @__PURE__ */ t("span", { className: "text-ds-md text-surface-fg-subtle", children: [
-                  " ",
-                  "or drag and drop"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ e(
-              "input",
+            /* @__PURE__ */ s(
+              "span",
               {
-                ref: d,
-                type: "file",
-                onChange: w,
-                className: "hidden"
+                className: h(
+                  "h-ds-02b w-ds-02b rounded-ds-full",
+                  e.visibility === "EVERYONE" ? "bg-success-9" : "bg-disabled"
+                )
               }
-            )
+            ),
+            e.visibility === "EVERYONE" ? "Everyone" : "Internal"
           ]
         }
-      ),
-      s.length > 0 ? /* @__PURE__ */ e("div", { className: "mt-ds-05 space-y-ds-02", children: s.map((l) => {
-        const c = Ms(l.fileType);
-        return /* @__PURE__ */ t(
-          "div",
-          {
-            className: "group flex items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 transition-colors hover:bg-surface-3",
-            children: [
-              /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-2", children: /* @__PURE__ */ e(
-                c,
-                {
-                  className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
-                  stroke: 1.5
-                }
-              ) }),
-              /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ e("p", { className: "truncate text-ds-md font-medium text-surface-fg", children: l.title }),
-                /* @__PURE__ */ t("p", { className: "text-ds-sm text-surface-fg-subtle", children: [
-                  Qs(l.createdAt),
-                  /* @__PURE__ */ e("span", { className: "mx-ds-02b", children: "by" }),
-                  l.uploadedBy.name
-                ] })
-              ] }),
-              /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
-                l.externalUrl && /* @__PURE__ */ e(
-                  "a",
-                  {
-                    href: /^https?:\/\//.test(l.externalUrl) ? l.externalUrl : "#",
-                    target: "_blank",
-                    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: l.externalLabel ?? "Open externally",
-                    children: /* @__PURE__ */ e(bs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
-                  }
-                ),
-                l.downloadUrl && /* @__PURE__ */ e(
-                  "a",
-                  {
-                    href: /^https?:\/\//.test(l.downloadUrl) ? l.downloadUrl : "#",
-                    target: "_blank",
-                    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__ */ e(xs, { className: "h-ico-sm w-ico-sm text-surface-fg-subtle" })
-                  }
-                ),
-                !y && /* @__PURE__ */ t(Os, { children: [
-                  /* @__PURE__ */ e(_s, { asChild: !0, children: /* @__PURE__ */ e(
-                    "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__ */ e(Ns, { className: "h-ico-sm w-ico-sm text-error-11" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ t(Vs, { children: [
-                    /* @__PURE__ */ t(js, { children: [
-                      /* @__PURE__ */ e(Hs, { children: "Delete file?" }),
-                      /* @__PURE__ */ t(Gs, { children: [
-                        '"',
-                        l.title,
-                        '" will be permanently deleted. This cannot be undone.'
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ t($s, { children: [
-                      /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ e(pe, { variant: "outline", size: "sm", children: "Cancel" }) }),
-                      /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ e(
-                        pe,
-                        {
-                          variant: "solid",
-                          color: "error",
-                          size: "sm",
-                          onClick: () => h(l.id),
-                          children: "Delete"
-                        }
-                      ) })
-                    ] })
-                  ] })
-                ] })
-              ] })
-            ]
-          },
-          l.id
-        );
-      }) }) : /* @__PURE__ */ e("div", { className: "mt-ds-03", children: /* @__PURE__ */ e(
-        F,
-        {
-          icon: /* @__PURE__ */ e(te, {}),
-          title: "No files attached",
-          description: "Upload files to share with your team",
-          compact: !0
-        }
       ) })
     ] });
   }
 );
-Pe.displayName = "FilesTab";
-const Us = {
-  "task.created": {
-    icon: $,
-    color: "text-success-11",
-    dotColor: "bg-success-9",
-    getDescription: () => "created this task"
-  },
-  "task.updated": {
-    icon: As,
-    color: "text-category-slate-11",
-    dotColor: "bg-category-slate-9",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return (s == null ? void 0 : s.field) === "title" ? "updated the title" : (s == null ? void 0 : s.field) === "description" ? "updated the description" : (s == null ? void 0 : s.field) === "priority" ? `changed priority to ${(s == null ? void 0 : s.newValue) || "unknown"}` : (s == null ? void 0 : s.field) === "dueDate" ? "updated the due date" : (s == null ? void 0 : s.field) === "labels" ? "updated labels" : "updated this task";
-    }
-  },
-  "task.moved": {
-    icon: Rs,
-    color: "text-warning-11",
-    dotColor: "bg-warning-9",
-    getDescription: (n) => {
-      const s = n.metadata, g = (s == null ? void 0 : s.fromColumn) || "unknown", h = (s == null ? void 0 : s.toColumn) || "unknown";
-      return `moved from ${g} to ${h}`;
-    }
-  },
-  "task.assigned": {
-    icon: Ts,
-    color: "text-category-cyan-11",
-    dotColor: "bg-category-cyan-9",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return `assigned ${(s == null ? void 0 : s.assigneeName) || "a user"}`;
-    }
-  },
-  "task.unassigned": {
-    icon: Es,
-    color: "text-surface-fg-muted",
-    dotColor: "bg-disabled",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return `removed ${(s == null ? void 0 : s.assigneeName) || "a user"}`;
-    }
-  },
-  "task.commented": {
-    icon: Ce,
-    color: "text-accent-11",
-    dotColor: "bg-accent-9",
-    getDescription: () => "added a comment"
-  },
-  "task.file_uploaded": {
-    icon: te,
-    color: "text-category-indigo-11",
-    dotColor: "bg-category-indigo-9",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return `uploaded ${(s == null ? void 0 : s.fileName) || "a file"}`;
-    }
-  },
-  "task.review_requested": {
-    icon: se,
-    color: "text-warning-11",
-    dotColor: "bg-warning-9",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return `requested review from ${(s == null ? void 0 : s.reviewerName) || "a reviewer"}`;
-    }
-  },
-  "task.review_completed": {
-    icon: Ds,
-    color: "text-success-11",
-    dotColor: "bg-success-9",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return `${(s == null ? void 0 : s.status) || "reviewed"} the task`;
-    }
-  },
-  "task.visibility_changed": {
-    icon: we,
-    color: "text-surface-fg-subtle",
-    dotColor: "bg-surface-fg-subtle",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return `changed visibility to ${(s == null ? void 0 : s.visibility) || "unknown"}`;
-    }
-  },
-  "task.priority_changed": {
-    icon: Ne,
-    color: "text-error-11",
-    dotColor: "bg-error-9",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return `changed priority to ${(s == null ? void 0 : s.priority) || "unknown"}`;
-    }
-  },
-  "task.labels_changed": {
-    icon: ye,
-    color: "text-category-amber-11",
-    dotColor: "bg-category-amber-9",
-    getDescription: () => "updated labels"
-  },
-  "task.due_date_changed": {
-    icon: ve,
-    color: "text-warning-11",
-    dotColor: "bg-warning-9",
-    getDescription: (n) => {
-      const s = n.metadata;
-      return s != null && s.dueDate ? `set due date to ${s.dueDate}` : "updated the due date";
-    }
-  }
-}, Xs = {
-  icon: re,
-  color: "text-surface-fg-subtle",
-  dotColor: "bg-disabled",
-  getDescription: (n) => n.action
-};
-function Zs(n) {
-  const s = n.metadata;
-  return s != null && s.actorName ? s.actorName : n.actorType === "SYSTEM" ? "System" : n.actorType === "AGENT" ? "AI Agent" : "Someone";
-}
-const Le = o.forwardRef(
-  function({ activities: s, className: g, ...h }, b) {
-    return s.length === 0 ? /* @__PURE__ */ e(
-      F,
-      {
-        ref: b,
-        icon: /* @__PURE__ */ e(re, {}),
-        title: "No activity yet",
-        description: "Actions on this task will appear here",
-        compact: !0,
-        className: g,
-        ...h
-      }
-    ) : /* @__PURE__ */ t("div", { ref: b, className: p("relative", g), ...h, children: [
-      /* @__PURE__ */ e("div", { className: "absolute left-[11px] top-2 bottom-2 w-px bg-surface-border" }),
-      /* @__PURE__ */ e("div", { className: "space-y-ds-05", children: s.map((m) => {
-        const y = Us[m.action] || Xs, D = y.icon, x = Zs(m), d = y.getDescription(m);
-        return /* @__PURE__ */ t("div", { className: "relative flex gap-ds-04 pl-0", children: [
-          /* @__PURE__ */ e("div", { className: "relative z-raised flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-ds-full bg-surface-1", children: /* @__PURE__ */ e(
-            "div",
-            {
-              className: p(
-                "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-surface-2"
-              ),
-              children: /* @__PURE__ */ e(
-                D,
-                {
-                  className: p("h-3 w-3", y.color),
-                  stroke: 2
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ t("div", { className: "flex-1 min-w-0 pt-ds-01", children: [
-            /* @__PURE__ */ t("p", { className: "text-ds-sm", children: [
-              /* @__PURE__ */ e("span", { className: "font-medium text-surface-fg", children: x }),
-              /* @__PURE__ */ t("span", { className: "text-surface-fg-subtle", children: [
-                " ",
-                d
-              ] })
-            ] }),
-            /* @__PURE__ */ e("p", { className: "mt-ds-01 text-ds-xs text-surface-fg-subtle", children: Se(m.timestamp) })
-          ] })
-        ] }, m.id);
-      }) })
-    ] });
-  }
-);
-Le.displayName = "ActivityTab";
-const ge = [
-  { id: "subtasks", label: "Subtasks", icon: Ie },
-  { id: "review", label: "Review", icon: se },
-  { id: "conversation", label: "Conversation", icon: De },
-  { id: "files", label: "Files", icon: te },
-  { id: "activity", label: "Activity", icon: re }
+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 et() {
-  return /* @__PURE__ */ t("div", { className: "space-y-ds-06 p-ds-06", children: [
-    /* @__PURE__ */ e(L, { className: "h-ds-xs-plus w-3/4 bg-surface-3" }),
-    /* @__PURE__ */ e("div", { className: "space-y-ds-04", children: Array.from({ length: 6 }).map((n, s) => /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-04", children: [
-      /* @__PURE__ */ e(L, { className: "h-[16px] w-[120px] bg-surface-3" }),
-      /* @__PURE__ */ e(L, { className: "h-[16px] flex-1 bg-surface-3" })
-    ] }, s)) }),
-    /* @__PURE__ */ e("div", { className: "flex gap-ds-05 border-b border-surface-border-strong pb-ds-03", children: Array.from({ length: 5 }).map((n, s) => /* @__PURE__ */ e(L, { className: "h-[12px] w-[64px] bg-surface-3" }, s)) }),
-    /* @__PURE__ */ t("div", { className: "space-y-ds-04", children: [
-      /* @__PURE__ */ e(L, { className: "h-ds-md w-full bg-surface-3" }),
-      /* @__PURE__ */ e(L, { className: "h-ds-md w-full bg-surface-3" }),
-      /* @__PURE__ */ e(L, { className: "h-ds-md w-4/5 bg-surface-3" })
+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__ */ 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__ */ 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 st = o.forwardRef(function({
-  task: s,
-  loading: g = !1,
-  open: h,
-  onOpenChange: b,
-  columns: m,
-  members: y,
-  activities: D = [],
-  enrichedComments: x,
-  clientMode: d = !1,
-  clientEditableFields: C = ["priority", "dueDate"],
-  headerSlot: N,
-  extraTabs: w = [],
-  onTitleUpdate: I,
-  onPropertyUpdate: i,
-  onAssign: v,
-  onUnassign: l,
-  onCreateSubtask: c,
-  onToggleSubtask: f,
-  onRequestReview: u,
-  onUpdateReviewStatus: E,
-  onPostComment: T,
-  onUploadFile: S,
-  onUploadDeliverable: _,
-  onDeleteFile: R,
-  onTabChange: k,
-  renderEditor: z,
-  renderViewer: J,
-  renderPriorityIndicator: M,
-  renderDatePicker: q,
-  isUploading: a = !1,
-  className: Q,
-  ...Oe
-}, _e) {
-  var le, ie, oe;
-  const [P, ae] = o.useState(d ? "conversation" : "subtasks"), [U, V] = o.useState(!1), [ne, Y] = o.useState(""), K = o.useRef(null);
-  o.useEffect(() => {
-    s && (Y(s.title), V(!1));
-  }, [s == null ? void 0 : s.id]), o.useEffect(() => {
-    h && ae(d ? "conversation" : "subtasks");
-  }, [h, d]);
-  const Ve = o.useCallback((r) => {
-    ae(r), k == null || k(r);
-  }, [k]), je = o.useCallback((r, A) => {
-    d && !C.includes(r) || i == null || i(r, A);
-  }, [d, C, i]), He = o.useCallback((r) => {
-    v == null || v(r);
-  }, [v]), Ge = o.useCallback((r) => {
-    l == null || l(r);
-  }, [l]), $e = o.useCallback((r) => {
-    c == null || c(r);
-  }, [c]), Be = o.useCallback((r, A) => {
-    f == null || f(r, A);
-  }, [f]), Fe = o.useCallback((r) => {
-    u == null || u(r);
-  }, [u]), ze = o.useCallback((r, A, ss) => {
-    E == null || E(r, A, ss);
-  }, [E]), qe = o.useCallback((r, A) => {
-    T == null || T(r, A);
-  }, [T]), Ye = o.useCallback((r, A) => {
-    S == null || S(r, A);
-  }, [S]), Ke = o.useCallback((r) => {
-    R == null || R(r);
-  }, [R]), X = o.useCallback((...r) => {
-  }, []), We = o.useCallback((r, A) => {
-  }, []), ce = () => {
-    V(!1);
-    const r = ne.trim();
-    r && r !== (s == null ? void 0 : s.title) ? I == null || I(r) : s && Y(s.title);
-  }, Je = (r) => {
-    r.key === "Enter" && (r.preventDefault(), ce()), r.key === "Escape" && (V(!1), s && Y(s.title));
+const Ft = n.forwardRef(function({
+  task: e,
+  loading: r = !1,
+  open: a,
+  onOpenChange: i,
+  columns: d,
+  members: f,
+  activities: m = [],
+  enrichedComments: p,
+  clientMode: u = !1,
+  clientEditableFields: x = ["priority", "dueDate"],
+  headerSlot: g,
+  extraTabs: N = [],
+  onTitleUpdate: b,
+  onPropertyUpdate: v,
+  onAssign: y,
+  onUnassign: w,
+  onCreateSubtask: D,
+  onToggleSubtask: R,
+  onRequestReview: T,
+  onUpdateReviewStatus: k,
+  onPostComment: P,
+  onUploadFile: j,
+  onUploadDeliverable: pe,
+  onDeleteFile: O,
+  onTabChange: I,
+  renderEditor: M,
+  renderViewer: U,
+  renderPriorityIndicator: Z,
+  renderDatePicker: $,
+  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));
   };
-  o.useEffect(() => {
-    U && K.current && (K.current.focus(), K.current.select());
-  }, [U]);
-  const Me = (le = m.find((r) => r.isTerminal)) == null ? void 0 : le.id, Qe = ((ie = m.find((r) => r.isDefault)) == null ? void 0 : ie.id) || ((oe = m[0]) == null ? void 0 : oe.id) || "", Ue = d ? ge.filter((r) => r.id === "conversation") : ge, Xe = w.filter((r) => r.position === "before"), Ze = w.filter((r) => r.position !== "before"), es = x || (s == null ? void 0 : s.comments) || [];
-  return /* @__PURE__ */ e(ts, { open: h, onOpenChange: b, children: /* @__PURE__ */ t(
-    rs,
+  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: _e,
+      ref: ds,
       side: "right",
-      className: p(
+      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",
-        Q
+        J
       ),
-      ...Oe,
+      ...ls,
       children: [
-        /* @__PURE__ */ e(ns, { children: /* @__PURE__ */ e(as, { children: (s == null ? void 0 : s.title) || "Task Details" }) }),
-        g || !s ? /* @__PURE__ */ e(et, {}) : /* @__PURE__ */ t(be, { children: [
-          /* @__PURE__ */ t("div", { className: "shrink-0 border-b border-surface-border-strong px-ds-06 pb-ds-05 pt-ds-06", children: [
-            !d && U ? /* @__PURE__ */ e(
+        /* @__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: K,
+                ref: Y,
                 type: "text",
-                value: ne,
-                onChange: (r) => Y(r.target.value),
-                onBlur: ce,
-                onKeyDown: Je,
+                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__ */ e(
+            ) : /* @__PURE__ */ s(
               "h2",
               {
-                onClick: d ? void 0 : () => V(!0),
-                ...!d && {
-                  role: "button",
-                  tabIndex: 0,
-                  onKeyDown: (r) => {
-                    (r.key === "Enter" || r.key === " ") && (r.preventDefault(), V(!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: p(
-                  "text-ds-lg font-semibold text-surface-fg",
-                  !d && "cursor-text hover:text-accent-11 transition-colors"
-                ),
-                children: s.title
+                )
               }
             ),
-            s.parentTaskId && /* @__PURE__ */ e("p", { className: "mt-ds-02 text-ds-sm text-surface-fg-subtle", children: "Subtask" }),
-            N && /* @__PURE__ */ e("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: N })
+            e.parentTaskId && /* @__PURE__ */ s("p", { className: "mt-ds-02 text-ds-sm text-surface-fg-subtle", children: "Subtask" }),
+            g && /* @__PURE__ */ s("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: g })
           ] }),
-          /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto", children: [
-            /* @__PURE__ */ e("div", { className: "border-b border-surface-border-strong px-ds-06 py-ds-05", children: /* @__PURE__ */ e(
-              Te,
+          /* @__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(
+              cs,
               {
-                task: s,
-                columns: m,
-                members: y,
-                onUpdate: je,
-                onAssign: He,
-                onUnassign: Ge,
-                readOnly: d,
-                editableFields: d ? C : void 0,
-                renderPriorityIndicator: M,
-                renderDatePicker: q
+                task: e,
+                columns: d,
+                members: f,
+                onUpdate: ms,
+                onAssign: fs,
+                onUnassign: ps,
+                readOnly: u,
+                editableFields: u ? x : void 0,
+                renderPriorityIndicator: Z,
+                renderDatePicker: $
               }
             ) }),
-            /* @__PURE__ */ e("div", { className: "sticky top-0 z-raised bg-surface-1 px-ds-06", children: /* @__PURE__ */ e(ls, { value: P, onValueChange: Ve, children: /* @__PURE__ */ t(is, { variant: "line", children: [
-              Xe.map((r) => /* @__PURE__ */ t(Z, { value: r.id, children: [
-                r.icon && /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", children: r.icon }),
-                r.label
-              ] }, r.id)),
-              Ue.map((r) => /* @__PURE__ */ t(Z, { value: r.id, children: [
-                /* @__PURE__ */ e(r.icon, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-                r.label
-              ] }, r.id)),
-              Ze.map((r) => /* @__PURE__ */ t(Z, { value: r.id, children: [
-                r.icon && /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", children: r.icon }),
-                r.label
-              ] }, r.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__ */ t("div", { className: "px-ds-06 py-ds-05", children: [
-              P === "subtasks" && /* @__PURE__ */ e(
-                Re,
+            /* @__PURE__ */ o("div", { className: "px-ds-06 py-ds-05", children: [
+              E === "subtasks" && /* @__PURE__ */ s(
+                ss,
                 {
-                  subtasks: s.subtasks ?? [],
-                  terminalColumnId: Me,
-                  projectId: s.projectId,
-                  parentTaskId: s.id,
-                  defaultColumnId: Qe,
-                  onCreateSubtask: d ? X : $e,
-                  onToggleSubtask: d ? We : Be,
-                  readOnly: d
+                  subtasks: e.subtasks ?? [],
+                  terminalColumnId: Cs,
+                  projectId: e.projectId,
+                  parentTaskId: e.id,
+                  defaultColumnId: Ds,
+                  onCreateSubtask: u ? X : hs,
+                  onToggleSubtask: u ? ys : gs,
+                  readOnly: u
                 }
               ),
-              P === "review" && !d && /* @__PURE__ */ e(
-                Ae,
+              E === "review" && !u && /* @__PURE__ */ s(
+                as,
                 {
-                  reviews: s.reviewRequests,
-                  members: y,
-                  onRequestReview: Fe,
-                  onUpdateStatus: ze
+                  reviews: e.reviewRequests,
+                  members: f,
+                  onRequestReview: bs,
+                  onUpdateStatus: xs
                 }
               ),
-              P === "conversation" && /* @__PURE__ */ e(
-                ke,
+              E === "conversation" && /* @__PURE__ */ s(
+                ts,
                 {
-                  comments: es,
-                  taskVisibility: s.visibility,
-                  onPostComment: qe,
-                  clientMode: d,
-                  renderEditor: z,
-                  renderViewer: J
+                  comments: Es,
+                  taskVisibility: e.visibility,
+                  onPostComment: Ns,
+                  clientMode: u,
+                  renderEditor: M,
+                  renderViewer: U
                 }
               ),
-              P === "files" && /* @__PURE__ */ e(
-                Pe,
+              E === "files" && /* @__PURE__ */ s(
+                rs,
                 {
-                  files: s.files ?? [],
-                  onUpload: d ? X : Ye,
-                  onDelete: d ? X : Ke,
-                  isUploading: a,
-                  readOnly: d
+                  files: e.files ?? [],
+                  onUpload: u ? X : vs,
+                  onDelete: u ? X : ws,
+                  isUploading: l,
+                  readOnly: u
                 }
               ),
-              P === "activity" && /* @__PURE__ */ e(Le, { activities: D }),
-              w.map(
-                (r) => P === r.id ? /* @__PURE__ */ e(o.Fragment, { children: r.content }, r.id) : null
+              E === "activity" && /* @__PURE__ */ s(ns, { activities: m }),
+              N.map(
+                (c) => E === c.id ? /* @__PURE__ */ s(n.Fragment, { children: c.content }, c.id) : null
               )
             ] })
           ] })
@@ -1357,13 +1802,31 @@ const st = o.forwardRef(function({
     }
   ) });
 });
-st.displayName = "TaskDetailPanel";
+Ft.displayName = "TaskDetailPanel";
 export {
-  Le as A,
-  ke as C,
-  Pe as F,
-  Ae as R,
-  Re as S,
-  st as T,
-  Te as a
+  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
 };