@devalok/shilp-sutra-karm 0.18.0 → 0.19.0

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

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