@devalok/shilp-sutra-karm 0.9.0 → 0.10.0

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

@@ -2,22 +2,36 @@
 import { jsxs as s, jsx as t, Fragment as ue } from "react/jsx-runtime";
 import * as p from "react";
 import { cn as N } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Sheet as Ve, SheetContent as $e, SheetTitle as je } from "@devalok/shilp-sutra/ui/sheet";
+import { Sheet as Ve, SheetContent as je, SheetTitle as $e } from "@devalok/shilp-sutra/ui/sheet";
 import { VisuallyHidden as ke } from "@devalok/shilp-sutra/ui/visually-hidden";
 import { Skeleton as P } from "@devalok/shilp-sutra/ui/skeleton";
-import { Progress as Be, Tabs as Fe, TabsList as ze, TabsTrigger as He } from "@devalok/shilp-sutra/ui";
-import { Avatar as _, AvatarImage as V, AvatarFallback as $ } from "@devalok/shilp-sutra/ui/avatar";
+import { Progress as He, Tabs as Ge, TabsList as Me, TabsTrigger as Be } from "@devalok/shilp-sutra/ui";
+import { Avatar as _, AvatarImage as V, AvatarFallback as j } from "@devalok/shilp-sutra/ui/avatar";
 import { Popover as ie, PopoverTrigger as ae, PopoverContent as le } from "@devalok/shilp-sutra/ui/popover";
-import { IconColumns3 as Ye, IconChevronDown as qe, IconCheck as pe, IconUser as Me, IconUsers as Ge, IconX as G, IconPlus as j, IconFlag as he, IconCalendarEvent as xe, IconTag as fe, IconEye as be, IconSquareCheck as Ke, IconSquare as Je, IconListCheck as ge, IconMessage as Ne, IconGitPullRequest as X, IconMessageCircle as ye, IconSend as We, IconUpload as Qe, IconDownload as Xe, IconTrash as Ze, IconPaperclip as Z, IconFile as oe, IconPhoto as Ue, IconFileText as et, IconFileCode as tt, IconFileSpreadsheet as st, IconFileZip as rt, IconActivity as U, IconCircleCheck as nt, IconUserMinus as it, IconUserPlus as at, IconArrowRight as lt, IconEdit as ot } from "@tabler/icons-react";
+import { IconColumns3 as Fe, IconChevronDown as ze, IconCheck as pe, IconUser as qe, IconUsers as Ye, IconX as Y, IconPlus as $, IconFlag as he, IconCalendarEvent as xe, IconTag as fe, IconEye as be, IconSquareCheck as Ke, IconSquare as We, IconListCheck as ge, IconMessage as Ne, IconGitPullRequest as X, IconMessageCircle as ye, IconSend as Je, IconUpload as Qe, IconDownload as Xe, IconTrash as Ze, IconPaperclip as Z, IconFile as oe, IconPhoto as Ue, IconFileText as et, IconFileCode as tt, IconFileSpreadsheet as st, IconFileZip as rt, IconActivity as U, IconCircleCheck as nt, IconUserMinus as it, IconUserPlus as at, IconArrowRight as lt, IconEdit as ot } from "@tabler/icons-react";
 import { getInitials as k } from "@devalok/shilp-sutra/composed/lib/string-utils";
 import { MemberPicker as Q } from "@devalok/shilp-sutra/composed/member-picker";
-import { a as ve, P as dt, R as ct } from "./task-constants.js";
-import { EmptyState as B } from "@devalok/shilp-sutra/composed/empty-state";
-import { Badge as mt } from "@devalok/shilp-sutra/ui/badge";
-import { RichTextViewer as ut, RichTextEditor as pt } from "@devalok/shilp-sutra/composed/rich-text-editor";
-import { Dialog as ht, DialogTrigger as xt, DialogContent as ft, DialogHeader as bt, DialogTitle as gt, DialogDescription as Nt, DialogFooter as yt, DialogClose as de } from "@devalok/shilp-sutra/ui/dialog";
+import { EmptyState as H } from "@devalok/shilp-sutra/composed/empty-state";
+import { Badge as dt } from "@devalok/shilp-sutra/ui/badge";
+import { RichTextViewer as ct, RichTextEditor as mt } from "@devalok/shilp-sutra/composed/rich-text-editor";
+import { Dialog as ut, DialogTrigger as pt, DialogContent as ht, DialogHeader as xt, DialogTitle as ft, DialogDescription as bt, DialogFooter as gt, DialogClose as de } from "@devalok/shilp-sutra/ui/dialog";
 import { Button as ce } from "@devalok/shilp-sutra/ui/button";
-const vt = ["LOW", "MEDIUM", "HIGH", "URGENT"];
+const Nt = {
+  LOW: "Low",
+  MEDIUM: "Medium",
+  HIGH: "High",
+  URGENT: "Urgent"
+}, ve = {
+  LOW: "bg-[var(--color-category-slate)]",
+  MEDIUM: "bg-[var(--color-warning)]",
+  HIGH: "bg-[var(--color-error)]",
+  URGENT: "bg-[var(--color-error)]"
+}, yt = {
+  PENDING: { color: "warning", label: "Pending" },
+  APPROVED: { color: "success", label: "Approved" },
+  CHANGES_REQUESTED: { color: "brand", label: "Changes Requested" },
+  REJECTED: { color: "error", label: "Rejected" }
+}, vt = ["LOW", "MEDIUM", "HIGH", "URGENT"];
 function L({
   icon: n,
   label: e,
@@ -44,7 +58,7 @@ function L({
 function wt({ priority: n }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-02b", children: [
     /* @__PURE__ */ t("div", { className: N("h-2 w-2 rounded-ds-full", ve[n]) }),
-    /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: dt[n] || n })
+    /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: Nt[n] || n })
   ] });
 }
 const we = p.forwardRef(
@@ -62,7 +76,7 @@ const we = p.forwardRef(
     renderDatePicker: v,
     onConfirmVisibilityChange: w
   }, l) {
-    const [I, o] = p.useState(""), [i, h] = p.useState(!1), u = e.assignees.map((r) => r.user.id), C = p.useMemo(
+    const [I, o] = p.useState(""), [i, h] = p.useState(!1), u = e.assignees.map((r) => r.user.id), E = p.useMemo(
       () => x.map((r) => ({ id: r.id, name: r.name, avatar: r.image ?? void 0 })),
       [x]
     ), T = (r) => {
@@ -71,25 +85,25 @@ const we = p.forwardRef(
       d("ownerId", r === e.ownerId ? null : r);
     }, S = (r) => {
       u.includes(r) ? g(r) : c(r);
-    }, E = (r) => {
+    }, C = (r) => {
       d("priority", r);
     }, O = (r) => {
       d("dueDate", r ? r.toISOString() : null);
-    }, F = () => {
+    }, G = () => {
       const r = I.trim();
       r && !e.labels.includes(r) && d("labels", [...e.labels, r]), o(""), h(!1);
     }, K = (r) => {
-      d("labels", e.labels.filter((H) => H !== r));
-    }, J = () => {
+      d("labels", e.labels.filter((B) => B !== r));
+    }, W = () => {
       const r = e.visibility === "INTERNAL" ? "EVERYONE" : "INTERNAL";
       if (r === "EVERYONE" && w) {
         w();
         return;
       }
       d("visibility", r);
-    }, z = y || wt;
+    }, M = y || wt;
     return /* @__PURE__ */ s("div", { ref: l, className: N("space-y-ds-01", D), children: [
-      /* @__PURE__ */ t(L, { icon: Ye, label: "Column", children: f && !(m != null && m.includes("columnId")) ? /* @__PURE__ */ t("span", { className: "px-ds-03 py-ds-02 text-ds-md text-text-primary", children: e.column.name }) : /* @__PURE__ */ s(ie, { children: [
+      /* @__PURE__ */ t(L, { icon: Fe, label: "Column", children: f && !(m != null && m.includes("columnId")) ? /* @__PURE__ */ t("span", { className: "px-ds-03 py-ds-02 text-ds-md text-text-primary", children: e.column.name }) : /* @__PURE__ */ s(ie, { children: [
         /* @__PURE__ */ t(ae, { asChild: !0, children: /* @__PURE__ */ s(
           "button",
           {
@@ -97,7 +111,7 @@ const we = p.forwardRef(
             className: "inline-flex items-center gap-ds-02b rounded-ds-md px-ds-03 py-ds-02 text-ds-md text-text-primary transition-colors hover:bg-field",
             children: [
               /* @__PURE__ */ t("span", { children: e.column.name }),
-              /* @__PURE__ */ t(qe, { className: "h-3 w-3 text-text-placeholder" })
+              /* @__PURE__ */ t(ze, { className: "h-3 w-3 text-text-placeholder" })
             ]
           }
         ) }),
@@ -127,10 +141,10 @@ const we = p.forwardRef(
           }
         )
       ] }) }),
-      !f && /* @__PURE__ */ t(L, { icon: Me, label: "Owner", children: /* @__PURE__ */ t(
+      !f && /* @__PURE__ */ t(L, { icon: qe, label: "Owner", children: /* @__PURE__ */ t(
         Q,
         {
-          members: C,
+          members: E,
           selectedIds: e.ownerId ? [e.ownerId] : [],
           onSelect: A,
           children: /* @__PURE__ */ t(
@@ -141,7 +155,7 @@ const we = p.forwardRef(
               children: e.owner ? /* @__PURE__ */ s(ue, { children: [
                 /* @__PURE__ */ s(_, { className: "h-ico-md w-ico-md", children: [
                   e.owner.image && /* @__PURE__ */ t(V, { src: e.owner.image, alt: e.owner.name }),
-                  /* @__PURE__ */ t($, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: k(e.owner.name) })
+                  /* @__PURE__ */ t(j, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: k(e.owner.name) })
                 ] }),
                 /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: e.owner.name })
               ] }) : /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "No owner" })
@@ -149,7 +163,7 @@ const we = p.forwardRef(
           )
         }
       ) }),
-      /* @__PURE__ */ t(L, { icon: Ge, label: "Assignees", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
+      /* @__PURE__ */ t(L, { icon: Ye, label: "Assignees", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
         e.assignees.map((r) => /* @__PURE__ */ s(
           "div",
           {
@@ -157,7 +171,7 @@ const we = p.forwardRef(
             children: [
               /* @__PURE__ */ s(_, { className: "h-ico-sm w-ico-sm", children: [
                 r.user.image && /* @__PURE__ */ t(V, { src: r.user.image, alt: r.user.name }),
-                /* @__PURE__ */ t($, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: k(r.user.name) })
+                /* @__PURE__ */ t(j, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: k(r.user.name) })
               ] }),
               /* @__PURE__ */ t("span", { className: "text-ds-sm text-text-secondary", children: r.user.name.split(" ")[0] }),
               !f && /* @__PURE__ */ t(
@@ -167,7 +181,7 @@ const we = p.forwardRef(
                   onClick: () => g(r.user.id),
                   className: "ml-ds-01 rounded-ds-full p-ds-01 transition-colors hover:bg-field",
                   "aria-label": `Remove ${r.user.name}`,
-                  children: /* @__PURE__ */ t(G, { className: "h-ds-03 w-ds-03 text-text-placeholder" })
+                  children: /* @__PURE__ */ t(Y, { className: "h-ds-03 w-ds-03 text-text-placeholder" })
                 }
               )
             ]
@@ -177,7 +191,7 @@ const we = p.forwardRef(
         !f && /* @__PURE__ */ t(
           Q,
           {
-            members: C,
+            members: E,
             selectedIds: u,
             onSelect: S,
             multiple: !0,
@@ -187,7 +201,7 @@ const we = p.forwardRef(
                 type: "button",
                 className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-border-subtle transition-colors hover:bg-field hover:border-text-placeholder",
                 "aria-label": "Add assignee",
-                children: /* @__PURE__ */ t(j, { className: "h-3 w-3 text-text-placeholder" })
+                children: /* @__PURE__ */ t($, { className: "h-3 w-3 text-text-placeholder" })
               }
             )
           }
@@ -200,7 +214,7 @@ const we = p.forwardRef(
           {
             type: "button",
             className: "rounded-ds-md px-ds-03 py-ds-02 transition-colors hover:bg-field",
-            children: /* @__PURE__ */ t(z, { priority: e.priority })
+            children: /* @__PURE__ */ t(M, { priority: e.priority })
           }
         ) }),
         /* @__PURE__ */ t(
@@ -213,13 +227,13 @@ const we = p.forwardRef(
               "button",
               {
                 type: "button",
-                onClick: () => E(r),
+                onClick: () => C(r),
                 className: N(
                   "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b transition-colors",
                   "hover:bg-field",
                   r === e.priority && "bg-field"
                 ),
-                children: /* @__PURE__ */ t(z, { priority: r })
+                children: /* @__PURE__ */ t(M, { priority: r })
               },
               r
             ))
@@ -249,7 +263,7 @@ const we = p.forwardRef(
             onClick: () => O(null),
             className: "rounded-ds-md p-ds-02 transition-colors hover:bg-field",
             "aria-label": "Clear due date",
-            children: /* @__PURE__ */ t(G, { className: "h-3 w-3 text-text-placeholder" })
+            children: /* @__PURE__ */ t(Y, { className: "h-3 w-3 text-text-placeholder" })
           }
         )
       ] }) }),
@@ -267,7 +281,7 @@ const we = p.forwardRef(
                   onClick: () => K(r),
                   className: "rounded-ds-full p-ds-01 transition-colors hover:bg-field",
                   "aria-label": `Remove label ${r}`,
-                  children: /* @__PURE__ */ t(G, { className: "h-ds-03 w-ds-03" })
+                  children: /* @__PURE__ */ t(Y, { className: "h-ds-03 w-ds-03" })
                 }
               )
             ]
@@ -282,9 +296,9 @@ const we = p.forwardRef(
             onChange: (r) => o(r.target.value),
             "aria-label": "New label name",
             onKeyDown: (r) => {
-              r.key === "Enter" && F(), r.key === "Escape" && (h(!1), o(""));
+              r.key === "Enter" && G(), r.key === "Escape" && (h(!1), o(""));
             },
-            onBlur: F,
+            onBlur: G,
             placeholder: "Label name",
             className: "h-5 w-20 rounded border border-border bg-transparent px-ds-02b text-ds-sm text-text-primary outline-none placeholder:text-text-placeholder focus:border-border-subtle",
             autoFocus: !0
@@ -296,7 +310,7 @@ const we = p.forwardRef(
             onClick: () => h(!0),
             className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-border-subtle transition-colors hover:bg-field hover:border-text-placeholder",
             "aria-label": "Add label",
-            children: /* @__PURE__ */ t(j, { className: "h-3 w-3 text-text-placeholder" })
+            children: /* @__PURE__ */ t($, { className: "h-3 w-3 text-text-placeholder" })
           }
         )),
         f && e.labels.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
@@ -305,7 +319,7 @@ const we = p.forwardRef(
         "button",
         {
           type: "button",
-          onClick: J,
+          onClick: W,
           className: N(
             "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-surface text-text-success" : "bg-layer-02 text-text-tertiary"
@@ -340,8 +354,8 @@ const Ie = p.forwardRef(
   }, f) {
     const [m, y] = p.useState(""), [v, w] = p.useState(!1), l = p.useRef(null), I = e.filter(
       (u) => {
-        var C;
-        return ((C = u.column) == null ? void 0 : C.isTerminal) || u.columnId === b;
+        var E;
+        return ((E = u.column) == null ? void 0 : E.isTerminal) || u.columnId === b;
       }
     ).length, o = e.length, i = () => {
       const u = m.trim();
@@ -353,7 +367,7 @@ const Ie = p.forwardRef(
       v && l.current && l.current.focus();
     }, [v]), /* @__PURE__ */ s("div", { ref: f, className: N("flex flex-col", g), children: [
       o > 0 && /* @__PURE__ */ s("div", { className: "mb-ds-05 flex items-center gap-ds-04", children: [
-        /* @__PURE__ */ t(Be, { value: o > 0 ? I / o * 100 : 0, className: "h-ds-02b" }),
+        /* @__PURE__ */ t(He, { value: o > 0 ? I / o * 100 : 0, className: "h-ds-02b" }),
         /* @__PURE__ */ s("span", { className: "shrink-0 text-ds-sm font-medium text-text-placeholder", children: [
           I,
           "/",
@@ -362,7 +376,7 @@ const Ie = p.forwardRef(
       ] }),
       e.length > 0 ? /* @__PURE__ */ t("div", { className: "space-y-ds-01", children: e.map((u) => {
         var A, S;
-        const C = ((A = u.column) == null ? void 0 : A.isTerminal) || u.columnId === b, T = (S = u.assignees[0]) == null ? void 0 : S.user;
+        const E = ((A = u.column) == null ? void 0 : A.isTerminal) || u.columnId === b, T = (S = u.assignees[0]) == null ? void 0 : S.user;
         return /* @__PURE__ */ s(
           "div",
           {
@@ -373,22 +387,22 @@ const Ie = p.forwardRef(
               "hover:bg-field cursor-pointer"
             ),
             onClick: () => c == null ? void 0 : c(u.id),
-            onKeyDown: (E) => {
-              (E.key === "Enter" || E.key === " ") && (E.preventDefault(), c == null || c(u.id));
+            onKeyDown: (C) => {
+              (C.key === "Enter" || C.key === " ") && (C.preventDefault(), c == null || c(u.id));
             },
             children: [
               /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: (E) => {
-                    E.stopPropagation(), D || d(u.id, !C);
+                  onClick: (C) => {
+                    C.stopPropagation(), D || d(u.id, !E);
                   },
                   className: N(
                     "shrink-0 rounded p-ds-01 transition-colors",
                     D ? "cursor-default" : "hover:bg-layer-02"
                   ),
-                  children: C ? /* @__PURE__ */ t(Ke, { className: "h-ico-sm w-ico-sm text-interactive", stroke: 1.5 }) : /* @__PURE__ */ t(Je, { className: "h-ico-sm w-ico-sm text-text-placeholder", stroke: 1.5 })
+                  children: E ? /* @__PURE__ */ t(Ke, { className: "h-ico-sm w-ico-sm text-interactive", stroke: 1.5 }) : /* @__PURE__ */ t(We, { className: "h-ico-sm w-ico-sm text-text-placeholder", stroke: 1.5 })
                 }
               ),
               /* @__PURE__ */ t(
@@ -405,21 +419,21 @@ const Ie = p.forwardRef(
                 {
                   className: N(
                     "flex-1 truncate text-ds-md",
-                    C ? "text-text-placeholder line-through" : "text-text-primary"
+                    E ? "text-text-placeholder line-through" : "text-text-primary"
                   ),
                   children: u.title
                 }
               ),
               T && /* @__PURE__ */ s(_, { className: "h-ico-md w-ico-md shrink-0", children: [
                 T.image && /* @__PURE__ */ t(V, { src: T.image, alt: T.name }),
-                /* @__PURE__ */ t($, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: k(T.name) })
+                /* @__PURE__ */ t(j, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: k(T.name) })
               ] })
             ]
           },
           u.id
         );
       }) }) : !v && /* @__PURE__ */ t(
-        B,
+        H,
         {
           icon: /* @__PURE__ */ t(ge, {}),
           title: "No subtasks",
@@ -460,7 +474,7 @@ const Ie = p.forwardRef(
           onClick: () => w(!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-text-placeholder transition-colors hover:bg-field hover:text-text-secondary",
           children: [
-            /* @__PURE__ */ t(j, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
+            /* @__PURE__ */ t($, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
             "Add subtask"
           ]
         }
@@ -480,7 +494,7 @@ function It(n) {
 const Dt = [
   { status: "APPROVED", label: "Approve", icon: pe },
   { status: "CHANGES_REQUESTED", label: "Request Changes", icon: Ne },
-  { status: "REJECTED", label: "Reject", icon: G }
+  { status: "REJECTED", label: "Reject", icon: Y }
 ], De = p.forwardRef(
   function({
     reviews: e,
@@ -500,7 +514,7 @@ const Dt = [
     };
     return /* @__PURE__ */ s("div", { ref: g, className: N("flex flex-col", c), children: [
       e.length > 0 ? /* @__PURE__ */ t("div", { className: "space-y-ds-04", children: e.map((l) => {
-        const I = ct[l.status], o = m === l.id;
+        const I = yt[l.status], o = m === l.id;
         return /* @__PURE__ */ s(
           "div",
           {
@@ -515,7 +529,7 @@ const Dt = [
                       alt: l.reviewer.name
                     }
                   ),
-                  /* @__PURE__ */ t($, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: k(l.reviewer.name) })
+                  /* @__PURE__ */ t(j, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: k(l.reviewer.name) })
                 ] }),
                 /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ t("span", { className: "text-ds-md font-medium text-text-primary", children: l.reviewer.name }),
@@ -525,7 +539,7 @@ const Dt = [
                   ] })
                 ] }),
                 /* @__PURE__ */ t(
-                  mt,
+                  dt,
                   {
                     color: I.color,
                     children: I.label
@@ -594,7 +608,7 @@ const Dt = [
           l.id
         );
       }) }) : /* @__PURE__ */ t(
-        B,
+        H,
         {
           icon: /* @__PURE__ */ t(X, {}),
           title: "No reviews yet",
@@ -614,7 +628,7 @@ const Dt = [
               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-text-placeholder transition-colors hover:bg-field hover:text-text-secondary",
               children: [
-                /* @__PURE__ */ t(j, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
+                /* @__PURE__ */ t($, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
                 "Request Review"
               ]
             }
@@ -625,7 +639,7 @@ const Dt = [
   }
 );
 De.displayName = "ReviewTab";
-function Ct(n) {
+function Et(n) {
   const e = new Date(n), x = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), d = Math.floor(x / 6e4), c = Math.floor(d / 60), g = Math.floor(c / 24);
   return d < 1 ? "Just now" : d < 60 ? `${d}m ago` : c < 24 ? `${c}h ago` : g < 7 ? `${g}d ago` : e.toLocaleDateString("en-IN", {
     month: "short",
@@ -642,10 +656,10 @@ function Tt(n) {
     image: null
   } : { id: n.authorId, name: "Unknown", image: null };
 }
-function Et(n) {
+function Ct(n) {
   return n.replace(/<[^>]*>/g, "");
 }
-const Ce = p.forwardRef(
+const Ee = p.forwardRef(
   function({
     comments: e,
     taskVisibility: b,
@@ -657,7 +671,7 @@ const Ce = p.forwardRef(
     renderViewer: f
   }, m) {
     const [y, v] = p.useState(""), w = p.useRef(null), l = D ?? (g ? (i) => /* @__PURE__ */ t(
-      pt,
+      mt,
       {
         content: i.content,
         onChange: i.onChange,
@@ -665,7 +679,7 @@ const Ce = p.forwardRef(
         editable: !0,
         className: "min-h-[80px]"
       }
-    ) : void 0), I = f ?? (g ? (i) => /* @__PURE__ */ t(ut, { content: i.content, className: i.className }) : void 0), o = () => {
+    ) : void 0), I = f ?? (g ? (i) => /* @__PURE__ */ t(ct, { content: i.content, className: i.className }) : void 0), o = () => {
       const i = y.trim();
       i.replace(/<[^>]*>/g, "").trim() && (x(i, c ? "CLIENT" : "INTERNAL"), v(""));
     };
@@ -683,7 +697,7 @@ const Ce = p.forwardRef(
               /* @__PURE__ */ s(_, { className: "h-ds-xs-plus w-ds-xs-plus shrink-0 mt-ds-01", children: [
                 h.image && /* @__PURE__ */ t(V, { src: h.image, alt: h.name }),
                 /* @__PURE__ */ t(
-                  $,
+                  j,
                   {
                     className: N(
                       "text-ds-xs font-semibold",
@@ -698,18 +712,18 @@ const Ce = p.forwardRef(
                 /* @__PURE__ */ s("div", { className: "flex items-baseline gap-ds-03", children: [
                   /* @__PURE__ */ t("span", { className: "text-ds-md font-medium text-text-primary", children: h.name }),
                   c ? !u && /* @__PURE__ */ t("span", { className: "rounded bg-layer-03 px-ds-02 py-px text-ds-xs font-semibold uppercase tracking-wider text-text-on-color", children: "Team" }) : u && /* @__PURE__ */ t("span", { className: "rounded bg-warning-surface px-ds-02 py-px text-ds-xs font-semibold uppercase tracking-wider text-text-warning", children: "Client" }),
-                  /* @__PURE__ */ t("span", { className: "text-ds-sm text-text-placeholder", children: Ct(i.createdAt) })
+                  /* @__PURE__ */ t("span", { className: "text-ds-sm text-text-placeholder", children: Et(i.createdAt) })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "mt-ds-02", children: I ? I({
                   content: i.content,
                   className: "[&_.ProseMirror]:!min-h-0 [&_.ProseMirror]:!p-0"
-                }) : /* @__PURE__ */ t("p", { className: "text-ds-md text-text-secondary whitespace-pre-wrap", children: Et(i.content) }) })
+                }) : /* @__PURE__ */ t("p", { className: "text-ds-md text-text-secondary whitespace-pre-wrap", children: Ct(i.content) }) })
               ] })
             ] }, i.id);
           })
         }
       ) : /* @__PURE__ */ t(
-        B,
+        H,
         {
           icon: /* @__PURE__ */ t(ye, {}),
           title: "No comments yet",
@@ -741,7 +755,7 @@ const Ce = p.forwardRef(
             disabled: !y.replace(/<[^>]*>/g, "").trim(),
             className: "inline-flex items-center gap-ds-02b rounded-ds-lg bg-interactive px-ds-04 py-ds-02b text-ds-sm font-semibold text-text-on-color transition-colors hover:bg-interactive-hover disabled:opacity-[0.38] disabled:cursor-not-allowed",
             children: [
-              /* @__PURE__ */ t(We, { className: "h-ico-sm w-ico-sm", stroke: 2 }),
+              /* @__PURE__ */ t(Je, { className: "h-ico-sm w-ico-sm", stroke: 2 }),
               "Comment"
             ]
           }
@@ -750,7 +764,7 @@ const Ce = p.forwardRef(
     ] });
   }
 );
-Ce.displayName = "ConversationTab";
+Ee.displayName = "ConversationTab";
 function Rt(n) {
   if (!n) return oe;
   const e = n.toLowerCase();
@@ -874,8 +888,8 @@ const Te = p.forwardRef(
                     children: /* @__PURE__ */ t(Xe, { className: "h-ico-sm w-ico-sm text-text-tertiary" })
                   }
                 ),
-                !g && /* @__PURE__ */ s(ht, { children: [
-                  /* @__PURE__ */ t(xt, { asChild: !0, children: /* @__PURE__ */ t(
+                !g && /* @__PURE__ */ s(ut, { children: [
+                  /* @__PURE__ */ t(pt, { asChild: !0, children: /* @__PURE__ */ t(
                     "button",
                     {
                       type: "button",
@@ -884,16 +898,16 @@ const Te = p.forwardRef(
                       children: /* @__PURE__ */ t(Ze, { className: "h-ico-sm w-ico-sm text-text-error" })
                     }
                   ) }),
-                  /* @__PURE__ */ s(ft, { children: [
-                    /* @__PURE__ */ s(bt, { children: [
-                      /* @__PURE__ */ t(gt, { children: "Delete file?" }),
-                      /* @__PURE__ */ s(Nt, { children: [
+                  /* @__PURE__ */ s(ht, { children: [
+                    /* @__PURE__ */ s(xt, { children: [
+                      /* @__PURE__ */ t(ft, { children: "Delete file?" }),
+                      /* @__PURE__ */ s(bt, { children: [
                         '"',
                         o.title,
                         '" will be permanently deleted. This cannot be undone.'
                       ] })
                     ] }),
-                    /* @__PURE__ */ s(yt, { children: [
+                    /* @__PURE__ */ s(gt, { children: [
                       /* @__PURE__ */ t(de, { asChild: !0, children: /* @__PURE__ */ t(ce, { variant: "outline", size: "sm", children: "Cancel" }) }),
                       /* @__PURE__ */ t(de, { asChild: !0, children: /* @__PURE__ */ t(
                         ce,
@@ -914,7 +928,7 @@ const Te = p.forwardRef(
           o.id
         );
       }) }) : /* @__PURE__ */ t("div", { className: "mt-ds-03", children: /* @__PURE__ */ t(
-        B,
+        H,
         {
           icon: /* @__PURE__ */ t(Z, {}),
           title: "No files attached",
@@ -928,7 +942,7 @@ const Te = p.forwardRef(
 Te.displayName = "FilesTab";
 const St = {
   "task.created": {
-    icon: j,
+    icon: $,
     color: "text-success-text",
     dotColor: "bg-success",
     getDescription: () => "created this task"
@@ -1054,10 +1068,10 @@ function Ot(n) {
   const e = n.metadata;
   return e != null && e.actorName ? e.actorName : n.actorType === "SYSTEM" ? "System" : n.actorType === "AGENT" ? "AI Agent" : "Someone";
 }
-const Ee = p.forwardRef(
+const Ce = p.forwardRef(
   function({ activities: e, className: b }, x) {
     return e.length === 0 ? /* @__PURE__ */ t(
-      B,
+      H,
       {
         ref: x,
         icon: /* @__PURE__ */ t(U, {}),
@@ -1101,7 +1115,7 @@ const Ee = p.forwardRef(
     ] });
   }
 );
-Ee.displayName = "ActivityTab";
+Ce.displayName = "ActivityTab";
 const me = [
   { id: "subtasks", label: "Subtasks", icon: ge },
   { id: "review", label: "Review", icon: X },
@@ -1143,40 +1157,40 @@ const Vt = p.forwardRef(function({
   onToggleSubtask: i,
   onRequestReview: h,
   onUpdateReviewStatus: u,
-  onPostComment: C,
+  onPostComment: E,
   onUploadFile: T,
   onDeleteFile: A,
   onTabChange: S,
-  renderEditor: E,
+  renderEditor: C,
   renderViewer: O,
-  renderPriorityIndicator: F,
+  renderPriorityIndicator: G,
   renderDatePicker: K,
-  isUploading: J = !1
-}, z) {
+  isUploading: W = !1
+}, M) {
   var se, re, ne;
-  const [r, H] = p.useState(m ? "conversation" : "subtasks"), [W, Y] = p.useState(!1), [ee, q] = p.useState(""), M = p.useRef(null);
+  const [r, B] = p.useState(m ? "conversation" : "subtasks"), [J, F] = p.useState(!1), [ee, z] = p.useState(""), q = p.useRef(null);
   p.useEffect(() => {
-    e && (q(e.title), Y(!1));
+    e && (z(e.title), F(!1));
   }, [e == null ? void 0 : e.id]), p.useEffect(() => {
-    x && H(m ? "conversation" : "subtasks");
+    x && B(m ? "conversation" : "subtasks");
   }, [x, m]);
   const Re = (a) => {
-    H(a), S == null || S(a);
+    B(a), S == null || S(a);
   }, te = () => {
-    Y(!1);
+    F(!1);
     const a = ee.trim();
-    a && a !== (e == null ? void 0 : e.title) ? v == null || v(a) : e && q(e.title);
+    a && a !== (e == null ? void 0 : e.title) ? v == null || v(a) : e && z(e.title);
   }, Ae = (a) => {
-    a.key === "Enter" && (a.preventDefault(), te()), a.key === "Escape" && (Y(!1), e && q(e.title));
+    a.key === "Enter" && (a.preventDefault(), te()), a.key === "Escape" && (F(!1), e && z(e.title));
   };
   p.useEffect(() => {
-    W && M.current && (M.current.focus(), M.current.select());
-  }, [W]);
+    J && q.current && (q.current.focus(), q.current.select());
+  }, [J]);
   const Se = (se = c.find((a) => a.isTerminal)) == null ? void 0 : se.id, Pe = ((re = c.find((a) => a.isDefault)) == null ? void 0 : re.id) || ((ne = c[0]) == null ? void 0 : ne.id) || "", Le = m ? me.filter((a) => a.id === "conversation") : me, Oe = f || (e == null ? void 0 : e.comments) || [];
   return /* @__PURE__ */ t(Ve, { open: x, onOpenChange: d, children: /* @__PURE__ */ s(
-    $e,
+    je,
     {
-      ref: z,
+      ref: M,
       side: "right",
       className: N(
         /* intentional: task detail side panel takes 40% of screen, min 380px for form usability */
@@ -1185,16 +1199,16 @@ const Vt = p.forwardRef(function({
         "border-l border-border bg-layer-01"
       ),
       children: [
-        /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(je, { children: (e == null ? void 0 : e.title) || "Task Details" }) }),
+        /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t($e, { children: (e == null ? void 0 : e.title) || "Task Details" }) }),
         b || !e ? /* @__PURE__ */ t(_t, {}) : /* @__PURE__ */ s(ue, { children: [
           /* @__PURE__ */ s("div", { className: "shrink-0 border-b border-border px-ds-06 pb-ds-05 pt-ds-06", children: [
-            !m && W ? /* @__PURE__ */ t(
+            !m && J ? /* @__PURE__ */ t(
               "input",
               {
-                ref: M,
+                ref: q,
                 type: "text",
                 value: ee,
-                onChange: (a) => q(a.target.value),
+                onChange: (a) => z(a.target.value),
                 onBlur: te,
                 onKeyDown: Ae,
                 className: "w-full bg-transparent text-ds-lg font-semibold text-text-primary outline-none"
@@ -1204,7 +1218,7 @@ const Vt = p.forwardRef(function({
               /* @__PURE__ */ t(
                 "h2",
                 {
-                  onClick: m ? void 0 : () => Y(!0),
+                  onClick: m ? void 0 : () => F(!0),
                   className: N(
                     "text-ds-lg font-semibold text-text-primary",
                     !m && "cursor-text hover:text-interactive transition-colors"
@@ -1229,11 +1243,11 @@ const Vt = p.forwardRef(function({
                 onUnassign: (a) => I == null ? void 0 : I(a),
                 readOnly: m,
                 editableFields: m ? y : void 0,
-                renderPriorityIndicator: F,
+                renderPriorityIndicator: G,
                 renderDatePicker: K
               }
             ) }),
-            /* @__PURE__ */ t("div", { className: "sticky top-0 z-raised bg-layer-01 px-ds-06", children: /* @__PURE__ */ t(Fe, { value: r, onValueChange: Re, children: /* @__PURE__ */ t(ze, { variant: "line", children: Le.map((a) => /* @__PURE__ */ s(He, { value: a.id, children: [
+            /* @__PURE__ */ t("div", { className: "sticky top-0 z-raised bg-layer-01 px-ds-06", children: /* @__PURE__ */ t(Ge, { value: r, onValueChange: Re, children: /* @__PURE__ */ t(Me, { variant: "line", children: Le.map((a) => /* @__PURE__ */ s(Be, { value: a.id, children: [
               /* @__PURE__ */ t(a.icon, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
               a.label
             ] }, a.id)) }) }) }),
@@ -1263,13 +1277,13 @@ const Vt = p.forwardRef(function({
                 }
               ),
               r === "conversation" && /* @__PURE__ */ t(
-                Ce,
+                Ee,
                 {
                   comments: Oe,
                   taskVisibility: e.visibility,
-                  onPostComment: (a, R) => C == null ? void 0 : C(a, R),
+                  onPostComment: (a, R) => E == null ? void 0 : E(a, R),
                   clientMode: m,
-                  renderEditor: E,
+                  renderEditor: C,
                   renderViewer: O
                 }
               ),
@@ -1281,11 +1295,11 @@ const Vt = p.forwardRef(function({
                   } : (a, R) => T == null ? void 0 : T(a, R),
                   onDelete: m ? () => {
                   } : (a) => A == null ? void 0 : A(a),
-                  isUploading: J,
+                  isUploading: W,
                   readOnly: m
                 }
               ),
-              r === "activity" && /* @__PURE__ */ t(Ee, { activities: D })
+              r === "activity" && /* @__PURE__ */ t(Ce, { activities: D })
             ] })
           ] })
         ] })
@@ -1295,8 +1309,8 @@ const Vt = p.forwardRef(function({
 });
 Vt.displayName = "TaskDetailPanel";
 export {
-  Ee as A,
-  Ce as C,
+  Ce as A,
+  Ee as C,
   Te as F,
   De as R,
   Ie as S,