@devalok/shilp-sutra-karm 0.8.2 → 0.9.0

package/dist/tasks/conversation-tab.js

@@ -1,138 +0,0 @@
-"use client";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as b } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Avatar as C, AvatarImage as T, AvatarFallback as E } from "@devalok/shilp-sutra/ui/avatar";
-import { EmptyState as A } from "@devalok/shilp-sutra/composed/empty-state";
-import { RichTextViewer as I, RichTextEditor as k } from "@devalok/shilp-sutra/composed/rich-text-editor";
-import { IconMessageCircle as R, IconSend as L } from "@tabler/icons-react";
-import { getInitials as M } from "@devalok/shilp-sutra/composed/lib/string-utils";
-function S(r) {
-  const s = new Date(r), u = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), o = Math.floor(u / 6e4), n = Math.floor(o / 60), l = Math.floor(n / 24);
-  return o < 1 ? "Just now" : o < 60 ? `${o}m ago` : n < 24 ? `${n}h ago` : l < 7 ? `${l}d ago` : s.toLocaleDateString("en-IN", {
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-function D(r) {
-  return r.authorType === "INTERNAL" && r.internalAuthor ? r.internalAuthor : r.authorType === "CLIENT" && r.clientAuthor ? {
-    id: r.clientAuthor.id,
-    name: r.clientAuthor.name,
-    email: r.clientAuthor.email,
-    image: null
-  } : { id: r.authorId, name: "Unknown", image: null };
-}
-function V(r) {
-  return r.replace(/<[^>]*>/g, "");
-}
-const j = m.forwardRef(
-  function({
-    comments: s,
-    taskVisibility: p,
-    onPostComment: u,
-    className: o,
-    clientMode: n = !1,
-    richText: l = !1,
-    renderEditor: N,
-    renderViewer: y
-  }, w) {
-    const [d, h] = m.useState(""), c = m.useRef(null), x = N ?? (l ? (e) => /* @__PURE__ */ t(
-      k,
-      {
-        content: e.content,
-        onChange: e.onChange,
-        placeholder: e.placeholder,
-        editable: !0,
-        className: "min-h-[80px]"
-      }
-    ) : void 0), g = y ?? (l ? (e) => /* @__PURE__ */ t(I, { content: e.content, className: e.className }) : void 0), v = () => {
-      const e = d.trim();
-      e.replace(/<[^>]*>/g, "").trim() && (u(e, n ? "CLIENT" : "INTERNAL"), h(""));
-    };
-    return m.useEffect(() => {
-      c.current && (c.current.scrollTop = c.current.scrollHeight);
-    }, [s.length]), /* @__PURE__ */ a("div", { ref: w, className: b("flex flex-col", o), children: [
-      s.length > 0 ? /* @__PURE__ */ t(
-        "div",
-        {
-          ref: c,
-          className: "flex-1 space-y-ds-05 overflow-y-auto",
-          children: s.map((e) => {
-            const i = D(e), f = e.authorType === "CLIENT";
-            return /* @__PURE__ */ a("div", { className: "flex gap-ds-03", children: [
-              /* @__PURE__ */ a(C, { className: "h-ds-xs-plus w-ds-xs-plus shrink-0 mt-ds-01", children: [
-                i.image && /* @__PURE__ */ t(T, { src: i.image, alt: i.name }),
-                /* @__PURE__ */ t(
-                  E,
-                  {
-                    className: b(
-                      "text-ds-xs font-semibold",
-                      /* avatar initials — below scale, leave as-is */
-                      f ? "bg-warning-surface text-text-warning" : "bg-layer-03 text-text-on-color"
-                    ),
-                    children: M(i.name)
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ a("div", { className: "flex items-baseline gap-ds-03", children: [
-                  /* @__PURE__ */ t("span", { className: "text-ds-md font-medium text-text-primary", children: i.name }),
-                  n ? !f && /* @__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" }) : f && /* @__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: S(e.createdAt) })
-                ] }),
-                /* @__PURE__ */ t("div", { className: "mt-ds-02", children: g ? g({
-                  content: e.content,
-                  className: "[&_.ProseMirror]:!min-h-0 [&_.ProseMirror]:!p-0"
-                }) : /* @__PURE__ */ t("p", { className: "text-ds-md text-text-secondary whitespace-pre-wrap", children: V(e.content) }) })
-              ] })
-            ] }, e.id);
-          })
-        }
-      ) : /* @__PURE__ */ t(
-        A,
-        {
-          icon: /* @__PURE__ */ t(R, {}),
-          title: "No comments yet",
-          description: "Start a conversation about this task",
-          compact: !0
-        }
-      ),
-      /* @__PURE__ */ a("div", { className: "mt-ds-05 space-y-ds-03", children: [
-        p === "EVERYONE" && !n && /* @__PURE__ */ t("p", { className: "text-ds-xs text-text-warning", children: "This task is visible to clients. Comments may be seen by external users." }),
-        x ? x({
-          content: d,
-          onChange: h,
-          placeholder: "Write a comment..."
-        }) : /* @__PURE__ */ t(
-          "textarea",
-          {
-            value: d,
-            onChange: (e) => h(e.target.value),
-            placeholder: "Write a comment...",
-            rows: 3,
-            className: "w-full resize-none rounded-ds-md border border-border bg-transparent px-ds-04 py-ds-03 text-ds-md text-text-primary placeholder:text-text-placeholder outline-none focus:border-border-subtle"
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "flex justify-end", children: /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            onClick: v,
-            disabled: !d.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(L, { className: "h-ico-sm w-ico-sm", stroke: 2 }),
-              "Comment"
-            ]
-          }
-        ) })
-      ] })
-    ] });
-  }
-);
-j.displayName = "ConversationTab";
-export {
-  j as ConversationTab
-};

package/dist/tasks/files-tab.js

@@ -1,186 +0,0 @@
-"use client";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import * as d from "react";
-import { cn as h } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Dialog as I, DialogTrigger as C, DialogContent as j, DialogHeader as T, DialogTitle as k, DialogDescription as z, DialogFooter as L, DialogClose as u } from "@devalok/shilp-sutra/ui/dialog";
-import { Button as f } from "@devalok/shilp-sutra/ui/button";
-import { EmptyState as R } from "@devalok/shilp-sutra/composed/empty-state";
-import { IconUpload as S, IconDownload as U, IconTrash as O, IconPaperclip as B, IconFile as x, IconPhoto as P, IconFileText as A, IconFileCode as E, IconFileSpreadsheet as H, IconFileZip as Z } from "@tabler/icons-react";
-function _(n) {
-  if (!n) return x;
-  const s = n.toLowerCase();
-  return ["jpg", "jpeg", "png", "gif", "svg", "webp", "bmp"].includes(s) ? P : ["pdf", "doc", "docx", "txt", "rtf"].includes(s) ? A : ["js", "ts", "jsx", "tsx", "py", "rb", "go", "rs", "html", "css", "json"].includes(s) ? E : ["xls", "xlsx", "csv"].includes(s) ? H : ["zip", "tar", "gz", "rar", "7z"].includes(s) ? Z : x;
-}
-function q(n) {
-  return new Date(n).toLocaleDateString("en-IN", {
-    month: "short",
-    day: "numeric",
-    year: "numeric"
-  });
-}
-const G = d.forwardRef(
-  function({
-    files: s,
-    onUpload: c,
-    onDelete: g,
-    isUploading: m = !1,
-    className: v,
-    readOnly: p = !1
-  }, b) {
-    const o = d.useRef(null), [y, a] = d.useState(!1), D = (t) => {
-      var i;
-      const l = (i = t.target.files) == null ? void 0 : i[0];
-      l && c(l), o.current && (o.current.value = "");
-    }, N = (t) => {
-      var i;
-      t.preventDefault(), a(!1);
-      const l = (i = t.dataTransfer.files) == null ? void 0 : i[0];
-      l && c(l);
-    }, w = (t) => {
-      t.preventDefault(), a(!0);
-    }, F = () => {
-      a(!1);
-    };
-    return /* @__PURE__ */ r("div", { ref: b, className: h("flex flex-col", v), children: [
-      !p && /* @__PURE__ */ r(
-        "div",
-        {
-          role: "region",
-          "aria-label": "File upload drop zone",
-          onDrop: N,
-          onDragOver: w,
-          onDragLeave: F,
-          className: h(
-            "rounded-ds-lg border-2 border-dashed transition-colors",
-            y ? "border-interactive bg-interactive/5" : "border-border"
-          ),
-          children: [
-            /* @__PURE__ */ r("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-layer-02", children: /* @__PURE__ */ e(
-                S,
-                {
-                  className: "h-ico-sm w-ico-sm text-text-placeholder",
-                  stroke: 1.5
-                }
-              ) }),
-              /* @__PURE__ */ r("div", { className: "text-center", children: [
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      var t;
-                      return (t = o.current) == null ? void 0 : t.click();
-                    },
-                    disabled: m,
-                    className: "text-ds-md font-medium text-interactive transition-colors hover:underline disabled:opacity-[0.38]",
-                    children: m ? "Uploading..." : "Click to upload"
-                  }
-                ),
-                /* @__PURE__ */ r("span", { className: "text-ds-md text-text-placeholder", children: [
-                  " ",
-                  "or drag and drop"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ e(
-              "input",
-              {
-                ref: o,
-                type: "file",
-                onChange: D,
-                className: "hidden"
-              }
-            )
-          ]
-        }
-      ),
-      s.length > 0 ? /* @__PURE__ */ e("div", { className: "mt-ds-05 space-y-ds-02", children: s.map((t) => {
-        const l = _(t.fileType);
-        return /* @__PURE__ */ r(
-          "div",
-          {
-            className: "group flex items-center gap-ds-04 rounded-ds-lg px-ds-03 py-ds-03 transition-colors hover:bg-field",
-            children: [
-              /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-layer-02", children: /* @__PURE__ */ e(
-                l,
-                {
-                  className: "h-ico-sm w-ico-sm text-text-tertiary",
-                  stroke: 1.5
-                }
-              ) }),
-              /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ e("p", { className: "truncate text-ds-md font-medium text-text-primary", children: t.title }),
-                /* @__PURE__ */ r("p", { className: "text-ds-sm text-text-placeholder", children: [
-                  q(t.createdAt),
-                  /* @__PURE__ */ e("span", { className: "mx-ds-02b", children: "by" }),
-                  t.uploadedBy.name
-                ] })
-              ] }),
-              /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
-                t.downloadUrl && /* @__PURE__ */ e(
-                  "a",
-                  {
-                    href: /^https?:\/\//.test(t.downloadUrl) ? t.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-layer-02",
-                    title: "Download",
-                    children: /* @__PURE__ */ e(U, { className: "h-ico-sm w-ico-sm text-text-tertiary" })
-                  }
-                ),
-                !p && /* @__PURE__ */ r(I, { children: [
-                  /* @__PURE__ */ e(C, { 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-surface",
-                      title: "Delete",
-                      children: /* @__PURE__ */ e(O, { className: "h-ico-sm w-ico-sm text-text-error" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ r(j, { children: [
-                    /* @__PURE__ */ r(T, { children: [
-                      /* @__PURE__ */ e(k, { children: "Delete file?" }),
-                      /* @__PURE__ */ r(z, { children: [
-                        '"',
-                        t.title,
-                        '" will be permanently deleted. This cannot be undone.'
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ r(L, { children: [
-                      /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e(f, { variant: "outline", size: "sm", children: "Cancel" }) }),
-                      /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e(
-                        f,
-                        {
-                          variant: "solid",
-                          color: "error",
-                          size: "sm",
-                          onClick: () => g(t.id),
-                          children: "Delete"
-                        }
-                      ) })
-                    ] })
-                  ] })
-                ] })
-              ] })
-            ]
-          },
-          t.id
-        );
-      }) }) : /* @__PURE__ */ e("div", { className: "mt-ds-03", children: /* @__PURE__ */ e(
-        R,
-        {
-          icon: /* @__PURE__ */ e(B, {}),
-          title: "No files attached",
-          description: "Upload files to share with your team",
-          compact: !0
-        }
-      ) })
-    ] });
-  }
-);
-G.displayName = "FilesTab";
-export {
-  G as FilesTab
-};

package/dist/tasks/review-tab.js

@@ -1,170 +0,0 @@
-"use client";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import * as d from "react";
-import { cn as p } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Avatar as R, AvatarImage as v, AvatarFallback as k } from "@devalok/shilp-sutra/ui/avatar";
-import { Badge as I } from "@devalok/shilp-sutra/ui/badge";
-import { EmptyState as S } from "@devalok/shilp-sutra/composed/empty-state";
-import { MemberPicker as A } from "@devalok/shilp-sutra/composed/member-picker";
-import { IconCheck as C, IconMessage as P, IconX as D, IconGitPullRequest as T, IconPlus as M } from "@tabler/icons-react";
-import { getInitials as q } from "@devalok/shilp-sutra/composed/lib/string-utils";
-import { REVIEW_STATUS_MAP as O } from "./task-constants.js";
-function _(l) {
-  return new Date(l).toLocaleDateString("en-IN", {
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-}
-const G = [
-  { status: "APPROVED", label: "Approve", icon: C },
-  { status: "CHANGES_REQUESTED", label: "Request Changes", icon: P },
-  { status: "REJECTED", label: "Reject", icon: D }
-], j = d.forwardRef(
-  function({
-    reviews: i,
-    members: m,
-    onRequestReview: b,
-    onUpdateStatus: h,
-    className: f
-  }, N) {
-    const [u, x] = d.useState({}), [g, n] = d.useState(null), y = d.useMemo(
-      () => m.map((e) => ({ id: e.id, name: e.name, avatar: e.image ?? void 0 })),
-      [m]
-    ), E = (e, r) => {
-      h(e, r, u[e]), x((o) => {
-        const s = { ...o };
-        return delete s[e], s;
-      }), n(null);
-    };
-    return /* @__PURE__ */ a("div", { ref: N, className: p("flex flex-col", f), children: [
-      i.length > 0 ? /* @__PURE__ */ t("div", { className: "space-y-ds-04", children: i.map((e) => {
-        const r = O[e.status], o = g === e.id;
-        return /* @__PURE__ */ a(
-          "div",
-          {
-            className: "rounded-ds-lg border border-border bg-layer-01 shadow-01 p-ds-04",
-            children: [
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
-                /* @__PURE__ */ a(R, { className: "h-ds-xs w-ds-xs shrink-0", children: [
-                  e.reviewer.image && /* @__PURE__ */ t(
-                    v,
-                    {
-                      src: e.reviewer.image,
-                      alt: e.reviewer.name
-                    }
-                  ),
-                  /* @__PURE__ */ t(k, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: q(e.reviewer.name) })
-                ] }),
-                /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ t("span", { className: "text-ds-md font-medium text-text-primary", children: e.reviewer.name }),
-                  /* @__PURE__ */ a("span", { className: "ml-ds-03 text-ds-sm text-text-placeholder", children: [
-                    "requested by ",
-                    e.requestedBy.name
-                  ] })
-                ] }),
-                /* @__PURE__ */ t(
-                  I,
-                  {
-                    color: r.color,
-                    children: r.label
-                  }
-                )
-              ] }),
-              e.feedback && /* @__PURE__ */ t("div", { className: "mt-ds-03 rounded-ds-md bg-layer-02 px-ds-04 py-ds-03", children: /* @__PURE__ */ t("p", { className: "text-ds-sm text-text-secondary", children: e.feedback }) }),
-              e.status === "PENDING" && /* @__PURE__ */ t("div", { className: "mt-ds-03", children: o ? /* @__PURE__ */ a("div", { className: "space-y-ds-03", children: [
-                /* @__PURE__ */ t(
-                  "textarea",
-                  {
-                    value: u[e.id] || "",
-                    onChange: (s) => x((c) => ({
-                      ...c,
-                      [e.id]: s.target.value
-                    })),
-                    placeholder: "Add feedback (optional)...",
-                    rows: 2,
-                    className: "w-full resize-none rounded-ds-md border border-border bg-transparent px-ds-03 py-ds-03 text-ds-sm text-text-primary placeholder:text-text-placeholder outline-none focus:border-border-subtle"
-                  }
-                ),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
-                  G.map((s) => {
-                    const c = s.icon;
-                    return /* @__PURE__ */ a(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => E(e.id, s.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",
-                          s.status === "APPROVED" && "bg-success-surface text-text-success hover:opacity-[0.9]",
-                          s.status === "CHANGES_REQUESTED" && "bg-warning-surface text-text-warning hover:opacity-[0.9]",
-                          s.status === "REJECTED" && "bg-error-surface text-text-error hover:opacity-[0.9]"
-                        ),
-                        children: [
-                          /* @__PURE__ */ t(c, { className: "h-3 w-3", stroke: 2 }),
-                          s.label
-                        ]
-                      },
-                      s.status
-                    );
-                  }),
-                  /* @__PURE__ */ t(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => n(null),
-                      className: "ml-auto text-ds-sm text-text-placeholder hover:text-text-secondary",
-                      children: "Cancel"
-                    }
-                  )
-                ] })
-              ] }) : /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => n(e.id),
-                  className: "text-ds-sm font-medium text-interactive transition-colors hover:underline",
-                  children: "Respond"
-                }
-              ) }),
-              /* @__PURE__ */ t("p", { className: "mt-ds-03 text-ds-xs text-text-placeholder", children: _(e.createdAt) })
-            ]
-          },
-          e.id
-        );
-      }) }) : /* @__PURE__ */ t(
-        S,
-        {
-          icon: /* @__PURE__ */ t(T, {}),
-          title: "No reviews yet",
-          description: "Request a review from a team member",
-          compact: !0
-        }
-      ),
-      /* @__PURE__ */ t(
-        A,
-        {
-          members: y,
-          selectedIds: [],
-          onSelect: (e) => b(e),
-          children: /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              className: "mt-ds-04 inline-flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b text-ds-md text-text-placeholder transition-colors hover:bg-field hover:text-text-secondary",
-              children: [
-                /* @__PURE__ */ t(M, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-                "Request Review"
-              ]
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-j.displayName = "ReviewTab";
-export {
-  j as ReviewTab
-};

package/dist/tasks/subtasks-tab.js

@@ -1,154 +0,0 @@
-"use client";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import * as l from "react";
-import { cn as a } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Avatar as D, AvatarImage as E, AvatarFallback as P } from "@devalok/shilp-sutra/ui/avatar";
-import { Progress as K } from "@devalok/shilp-sutra/ui";
-import { EmptyState as j } from "@devalok/shilp-sutra/composed/empty-state";
-import { IconSquareCheck as q, IconSquare as B, IconListCheck as L, IconPlus as O } from "@tabler/icons-react";
-import { getInitials as S } from "@devalok/shilp-sutra/composed/lib/string-utils";
-import { PRIORITY_DOT_COLORS as _ } from "./task-constants.js";
-const C = l.forwardRef(
-  function({
-    subtasks: d,
-    terminalColumnId: g,
-    onCreateSubtask: w,
-    onToggleSubtask: I,
-    onClickSubtask: s,
-    className: T,
-    readOnly: f = !1
-  }, A) {
-    const [c, h] = l.useState(""), [m, x] = l.useState(!1), u = l.useRef(null), v = d.filter(
-      (e) => {
-        var o;
-        return ((o = e.column) == null ? void 0 : o.isTerminal) || e.columnId === g;
-      }
-    ).length, p = d.length, y = () => {
-      const e = c.trim();
-      e && (w(e), h(""));
-    }, R = (e) => {
-      e.key === "Enter" && (e.preventDefault(), y()), e.key === "Escape" && (x(!1), h(""));
-    };
-    return l.useEffect(() => {
-      m && u.current && u.current.focus();
-    }, [m]), /* @__PURE__ */ r("div", { ref: A, className: a("flex flex-col", T), children: [
-      p > 0 && /* @__PURE__ */ r("div", { className: "mb-ds-05 flex items-center gap-ds-04", children: [
-        /* @__PURE__ */ t(K, { value: p > 0 ? v / p * 100 : 0, className: "h-ds-02b" }),
-        /* @__PURE__ */ r("span", { className: "shrink-0 text-ds-sm font-medium text-text-placeholder", children: [
-          v,
-          "/",
-          p
-        ] })
-      ] }),
-      d.length > 0 ? /* @__PURE__ */ t("div", { className: "space-y-ds-01", children: d.map((e) => {
-        var N, b;
-        const o = ((N = e.column) == null ? void 0 : N.isTerminal) || e.columnId === g, i = (b = e.assignees[0]) == null ? void 0 : b.user;
-        return /* @__PURE__ */ r(
-          "div",
-          {
-            role: "button",
-            tabIndex: 0,
-            className: a(
-              "group flex items-center gap-ds-03 rounded-ds-lg px-ds-03 py-ds-02b transition-colors",
-              "hover:bg-field cursor-pointer"
-            ),
-            onClick: () => s == null ? void 0 : s(e.id),
-            onKeyDown: (n) => {
-              (n.key === "Enter" || n.key === " ") && (n.preventDefault(), s == null || s(e.id));
-            },
-            children: [
-              /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: (n) => {
-                    n.stopPropagation(), f || I(e.id, !o);
-                  },
-                  className: a(
-                    "shrink-0 rounded p-ds-01 transition-colors",
-                    f ? "cursor-default" : "hover:bg-layer-02"
-                  ),
-                  children: o ? /* @__PURE__ */ t(q, { className: "h-ico-sm w-ico-sm text-interactive", stroke: 1.5 }) : /* @__PURE__ */ t(B, { className: "h-ico-sm w-ico-sm text-text-placeholder", stroke: 1.5 })
-                }
-              ),
-              /* @__PURE__ */ t(
-                "div",
-                {
-                  className: a(
-                    "h-2 w-2 shrink-0 rounded-ds-full",
-                    _[e.priority]
-                  )
-                }
-              ),
-              /* @__PURE__ */ t(
-                "span",
-                {
-                  className: a(
-                    "flex-1 truncate text-ds-md",
-                    o ? "text-text-placeholder line-through" : "text-text-primary"
-                  ),
-                  children: e.title
-                }
-              ),
-              i && /* @__PURE__ */ r(D, { className: "h-ico-md w-ico-md shrink-0", children: [
-                i.image && /* @__PURE__ */ t(E, { src: i.image, alt: i.name }),
-                /* @__PURE__ */ t(P, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: S(i.name) })
-              ] })
-            ]
-          },
-          e.id
-        );
-      }) }) : !m && /* @__PURE__ */ t(
-        j,
-        {
-          icon: /* @__PURE__ */ t(L, {}),
-          title: "No subtasks",
-          description: "Break this task into smaller pieces",
-          compact: !0
-        }
-      ),
-      !f && (m ? /* @__PURE__ */ r("div", { className: "mt-ds-03 flex items-center gap-ds-03 rounded-ds-lg border border-border bg-layer-01 shadow-01 px-ds-04 py-ds-03", children: [
-        /* @__PURE__ */ t(
-          "input",
-          {
-            ref: u,
-            type: "text",
-            value: c,
-            onChange: (e) => h(e.target.value),
-            onKeyDown: R,
-            onBlur: () => {
-              c.trim() || x(!1);
-            },
-            placeholder: "Subtask title...",
-            className: "flex-1 bg-transparent text-ds-md text-text-primary placeholder:text-text-placeholder outline-none"
-          }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: y,
-            disabled: !c.trim(),
-            className: "inline-flex h-6 items-center gap-ds-02 rounded-ds-md bg-interactive px-ds-03 text-ds-sm font-semibold text-text-on-color transition-colors hover:bg-interactive-hover disabled:opacity-[0.38]",
-            children: "Add"
-          }
-        )
-      ] }) : /* @__PURE__ */ r(
-        "button",
-        {
-          type: "button",
-          onClick: () => x(!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(O, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-            "Add subtask"
-          ]
-        }
-      ))
-    ] });
-  }
-);
-C.displayName = "SubtasksTab";
-export {
-  C as SubtasksTab
-};