@devalok/shilp-sutra-karm 0.1.0

package/dist/tasks/activity-tab.js

@@ -0,0 +1,184 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import * as p from "react";
+import { cn as d } from "@devalok/shilp-sutra/ui";
+import { EmptyState as m } from "@devalok/shilp-sutra/composed";
+import { IconActivity as l, IconCalendarEvent as f, IconTag as x, IconFlag as h, IconEye as y, IconCircleCheck as b, IconGitPullRequest as w, IconPaperclip as v, IconMessage as k, IconUserMinus as N, IconUserPlus as D, IconArrowRight as C, IconEdit as I, IconPlus as A } from "@tabler/icons-react";
+const T = {
+  "task.created": {
+    icon: A,
+    color: "text-success-text",
+    dotColor: "bg-success",
+    getDescription: () => "created this task"
+  },
+  "task.updated": {
+    icon: I,
+    color: "text-category-slate-text",
+    dotColor: "bg-category-slate",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return (t == null ? void 0 : t.field) === "title" ? "updated the title" : (t == null ? void 0 : t.field) === "description" ? "updated the description" : (t == null ? void 0 : t.field) === "priority" ? `changed priority to ${(t == null ? void 0 : t.newValue) || "unknown"}` : (t == null ? void 0 : t.field) === "dueDate" ? "updated the due date" : (t == null ? void 0 : t.field) === "labels" ? "updated labels" : "updated this task";
+    }
+  },
+  "task.moved": {
+    icon: C,
+    color: "text-warning-text",
+    dotColor: "bg-warning",
+    getDescription: (e) => {
+      const t = e.metadata, c = (t == null ? void 0 : t.fromColumn) || "unknown", n = (t == null ? void 0 : t.toColumn) || "unknown";
+      return `moved from ${c} to ${n}`;
+    }
+  },
+  "task.assigned": {
+    icon: D,
+    color: "text-category-cyan-text",
+    dotColor: "bg-category-cyan",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return `assigned ${(t == null ? void 0 : t.assigneeName) || "a user"}`;
+    }
+  },
+  "task.unassigned": {
+    icon: N,
+    color: "text-text-secondary",
+    dotColor: "bg-icon-disabled",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return `removed ${(t == null ? void 0 : t.assigneeName) || "a user"}`;
+    }
+  },
+  "task.commented": {
+    icon: k,
+    color: "text-interactive",
+    dotColor: "bg-interactive",
+    getDescription: () => "added a comment"
+  },
+  "task.file_uploaded": {
+    icon: v,
+    color: "text-category-indigo-text",
+    dotColor: "bg-category-indigo",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return `uploaded ${(t == null ? void 0 : t.fileName) || "a file"}`;
+    }
+  },
+  "task.review_requested": {
+    icon: w,
+    color: "text-warning-text",
+    dotColor: "bg-warning",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return `requested review from ${(t == null ? void 0 : t.reviewerName) || "a reviewer"}`;
+    }
+  },
+  "task.review_completed": {
+    icon: b,
+    color: "text-success-text",
+    dotColor: "bg-success",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return `${(t == null ? void 0 : t.status) || "reviewed"} the task`;
+    }
+  },
+  "task.visibility_changed": {
+    icon: y,
+    color: "text-text-tertiary",
+    dotColor: "bg-icon-secondary",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return `changed visibility to ${(t == null ? void 0 : t.visibility) || "unknown"}`;
+    }
+  },
+  "task.priority_changed": {
+    icon: h,
+    color: "text-error-text",
+    dotColor: "bg-error",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return `changed priority to ${(t == null ? void 0 : t.priority) || "unknown"}`;
+    }
+  },
+  "task.labels_changed": {
+    icon: x,
+    color: "text-category-amber-text",
+    dotColor: "bg-category-amber",
+    getDescription: () => "updated labels"
+  },
+  "task.due_date_changed": {
+    icon: f,
+    color: "text-warning-text",
+    dotColor: "bg-warning",
+    getDescription: (e) => {
+      const t = e.metadata;
+      return t != null && t.dueDate ? `set due date to ${t.dueDate}` : "updated the due date";
+    }
+  }
+}, $ = {
+  icon: l,
+  color: "text-text-placeholder",
+  dotColor: "bg-icon-disabled",
+  getDescription: (e) => e.action
+};
+function _(e) {
+  const t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), o = Math.floor(n / 6e4), i = Math.floor(o / 60), s = Math.floor(i / 24);
+  return o < 1 ? "Just now" : o < 60 ? `${o}m ago` : i < 24 ? `${i}h ago` : s < 7 ? `${s}d ago` : t.toLocaleDateString("en-IN", {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function M(e) {
+  const t = e.metadata;
+  return t != null && t.actorName ? t.actorName : e.actorType === "SYSTEM" ? "System" : e.actorType === "AGENT" ? "AI Agent" : "Someone";
+}
+const E = p.forwardRef(
+  function({ activities: t, className: c }, n) {
+    return t.length === 0 ? /* @__PURE__ */ r(
+      m,
+      {
+        ref: n,
+        icon: l,
+        title: "No activity yet",
+        description: "Actions on this task will appear here",
+        compact: !0,
+        className: c
+      }
+    ) : /* @__PURE__ */ a("div", { ref: n, className: d("relative", c), children: [
+      /* @__PURE__ */ r("div", { className: "absolute left-[11px] top-2 bottom-2 w-px bg-border" }),
+      /* @__PURE__ */ r("div", { className: "space-y-ds-05", children: t.map((o) => {
+        const i = T[o.action] || $, s = i.icon, u = M(o), g = i.getDescription(o);
+        return /* @__PURE__ */ a("div", { className: "relative flex gap-ds-04 pl-0", children: [
+          /* @__PURE__ */ r("div", { className: "relative z-raised flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-ds-full bg-layer-01", children: /* @__PURE__ */ r(
+            "div",
+            {
+              className: d(
+                "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-layer-02"
+              ),
+              children: /* @__PURE__ */ r(
+                s,
+                {
+                  className: d("h-3 w-3", i.color),
+                  stroke: 2
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ a("div", { className: "flex-1 min-w-0 pt-ds-01", children: [
+            /* @__PURE__ */ a("p", { className: "text-ds-sm", children: [
+              /* @__PURE__ */ r("span", { className: "font-medium text-text-primary", children: u }),
+              /* @__PURE__ */ a("span", { className: "text-text-tertiary", children: [
+                " ",
+                g
+              ] })
+            ] }),
+            /* @__PURE__ */ r("p", { className: "mt-ds-01 text-ds-xs text-text-placeholder", children: _(o.timestamp) })
+          ] })
+        ] }, o.id);
+      }) })
+    ] });
+  }
+);
+E.displayName = "ActivityTab";
+export {
+  E as ActivityTab
+};

package/dist/tasks/conversation-tab.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+interface CommentAuthor {
+    id: string;
+    name: string;
+    email?: string;
+    image?: string | null;
+}
+export interface Comment {
+    id: string;
+    taskId: string;
+    authorType: 'INTERNAL' | 'CLIENT';
+    authorId: string;
+    content: string;
+    createdAt: string;
+    updatedAt: string;
+    internalAuthor?: CommentAuthor | null;
+    clientAuthor?: {
+        id: string;
+        name: string;
+        email: string;
+    } | null;
+}
+interface ConversationTabProps {
+    comments: Comment[];
+    taskVisibility: 'INTERNAL' | 'EVERYONE';
+    onPostComment: (content: string, authorType: 'INTERNAL' | 'CLIENT') => void;
+    className?: string;
+    /** When true, the viewer is a client -- adjusts warnings, labels, and author type */
+    clientMode?: boolean;
+    /** Optional rich text editor component. Falls back to plain textarea. */
+    renderEditor?: (props: {
+        content: string;
+        onChange: (content: string) => void;
+        placeholder: string;
+    }) => React.ReactNode;
+    /** Optional rich text viewer component. Falls back to plain text display. */
+    renderViewer?: (props: {
+        content: string;
+        className?: string;
+    }) => React.ReactNode;
+}
+declare const ConversationTab: React.ForwardRefExoticComponent<ConversationTabProps & React.RefAttributes<HTMLDivElement>>;
+export { ConversationTab };
+export type { ConversationTabProps };
+//# sourceMappingURL=conversation-tab.d.ts.map

package/dist/tasks/conversation-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-tab.d.ts","sourceRoot":"","sources":["../../src/tasks/conversation-tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IACrC,YAAY,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAClE;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,cAAc,EAAE,UAAU,GAAG,UAAU,CAAA;IACvC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,QAAQ,KAAK,IAAI,CAAA;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yEAAyE;IACzE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;QACnC,WAAW,EAAE,MAAM,CAAA;KACpB,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;CACnF;AAuDD,QAAA,MAAM,eAAe,6FAqJpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA;AAC1B,YAAY,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/tasks/conversation-tab.js

@@ -0,0 +1,126 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import * as m from "react";
+import { cn as g } from "@devalok/shilp-sutra/ui";
+import { Avatar as y, AvatarImage as v, AvatarFallback as w } from "@devalok/shilp-sutra/ui";
+import { EmptyState as T } from "@devalok/shilp-sutra/composed";
+import { IconMessageCircle as C, IconSend as A } from "@tabler/icons-react";
+import { getInitials as I } from "@devalok/shilp-sutra/composed";
+function E(e) {
+  const n = new Date(e), u = (/* @__PURE__ */ new Date()).getTime() - n.getTime(), o = Math.floor(u / 6e4), s = Math.floor(o / 60), l = Math.floor(s / 24);
+  return o < 1 ? "Just now" : o < 60 ? `${o}m ago` : s < 24 ? `${s}h ago` : l < 7 ? `${l}d ago` : n.toLocaleDateString("en-IN", {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function k(e) {
+  return e.authorType === "INTERNAL" && e.internalAuthor ? e.internalAuthor : e.authorType === "CLIENT" && e.clientAuthor ? {
+    id: e.clientAuthor.id,
+    name: e.clientAuthor.name,
+    email: e.clientAuthor.email,
+    image: null
+  } : { id: e.authorId, name: "Unknown", image: null };
+}
+function R(e) {
+  return e.replace(/<[^>]*>/g, "");
+}
+const L = m.forwardRef(
+  function({
+    comments: n,
+    taskVisibility: x,
+    onPostComment: u,
+    className: o,
+    clientMode: s = !1,
+    renderEditor: l,
+    renderViewer: h
+  }, b) {
+    const [d, p] = m.useState(""), c = m.useRef(null), N = () => {
+      const r = d.trim();
+      r.replace(/<[^>]*>/g, "").trim() && (u(r, s ? "CLIENT" : "INTERNAL"), p(""));
+    };
+    return m.useEffect(() => {
+      c.current && (c.current.scrollTop = c.current.scrollHeight);
+    }, [n.length]), /* @__PURE__ */ a("div", { ref: b, className: g("flex flex-col", o), children: [
+      n.length > 0 ? /* @__PURE__ */ t(
+        "div",
+        {
+          ref: c,
+          className: "flex-1 space-y-ds-05 overflow-y-auto",
+          children: n.map((r) => {
+            const i = k(r), f = r.authorType === "CLIENT";
+            return /* @__PURE__ */ a("div", { className: "flex gap-ds-03", children: [
+              /* @__PURE__ */ a(y, { className: "h-ds-xs-plus w-ds-xs-plus shrink-0 mt-ds-01", children: [
+                i.image && /* @__PURE__ */ t(v, { src: i.image, alt: i.name }),
+                /* @__PURE__ */ t(
+                  w,
+                  {
+                    className: g(
+                      "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: I(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 }),
+                  s ? !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: E(r.createdAt) })
+                ] }),
+                /* @__PURE__ */ t("div", { className: "mt-ds-02", children: h ? h({
+                  content: r.content,
+                  className: "[&_.ProseMirror]:!min-h-0 [&_.ProseMirror]:!p-0"
+                }) : /* @__PURE__ */ t("p", { className: "text-ds-md text-text-secondary whitespace-pre-wrap", children: R(r.content) }) })
+              ] })
+            ] }, r.id);
+          })
+        }
+      ) : /* @__PURE__ */ t(
+        T,
+        {
+          icon: C,
+          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: [
+        x === "EVERYONE" && !s && /* @__PURE__ */ t("p", { className: "text-ds-xs text-text-warning", children: "This task is visible to clients. Comments may be seen by external users." }),
+        l ? l({
+          content: d,
+          onChange: p,
+          placeholder: "Write a comment..."
+        }) : /* @__PURE__ */ t(
+          "textarea",
+          {
+            value: d,
+            onChange: (r) => p(r.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: N,
+            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(A, { className: "h-ico-sm w-ico-sm", stroke: 2 }),
+              "Comment"
+            ]
+          }
+        ) })
+      ] })
+    ] });
+  }
+);
+L.displayName = "ConversationTab";
+export {
+  L as ConversationTab
+};

package/dist/tasks/files-tab.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface TaskFile {
+    id: string;
+    taskId: string;
+    title: string;
+    fileUrl: string;
+    downloadUrl?: string;
+    fileType: string | null;
+    uploadedBy: {
+        id: string;
+        name: string;
+        image: string | null;
+    };
+    createdAt: string;
+}
+interface FilesTabProps {
+    files: TaskFile[];
+    onUpload: (file: File, title?: string) => void;
+    onDelete: (fileId: string) => void;
+    isUploading?: boolean;
+    className?: string;
+    /** When true, hide upload/delete controls (client view) */
+    readOnly?: boolean;
+}
+declare const FilesTab: React.ForwardRefExoticComponent<FilesTabProps & React.RefAttributes<HTMLDivElement>>;
+export { FilesTab };
+export type { FilesTabProps };
+//# sourceMappingURL=files-tab.d.ts.map

package/dist/tasks/files-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"files-tab.d.ts","sourceRoot":"","sources":["../../src/tasks/files-tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA+B9B,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KACrB,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAkCD,QAAA,MAAM,QAAQ,sFA2Lb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/tasks/files-tab.js

@@ -0,0 +1,184 @@
+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";
+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";
+import { Button as f } from "@devalok/shilp-sutra/ui";
+import { EmptyState as R } from "@devalok/shilp-sutra/composed";
+import { IconUpload as S, IconDownload as O, IconTrash as U, 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 _(i) {
+  if (!i) return x;
+  const s = i.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(i) {
+  return new Date(i).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
+  }, y) {
+    const a = d.useRef(null), [b, o] = d.useState(!1), D = (t) => {
+      var l;
+      const n = (l = t.target.files) == null ? void 0 : l[0];
+      n && c(n), a.current && (a.current.value = "");
+    }, N = (t) => {
+      var l;
+      t.preventDefault(), o(!1);
+      const n = (l = t.dataTransfer.files) == null ? void 0 : l[0];
+      n && c(n);
+    }, w = (t) => {
+      t.preventDefault(), o(!0);
+    }, F = () => {
+      o(!1);
+    };
+    return /* @__PURE__ */ r("div", { ref: y, 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",
+            b ? "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 = a.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: a,
+                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 n = _(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(
+                n,
+                {
+                  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: 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(O, { 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(U, { 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: "secondary", size: "sm", children: "Cancel" }) }),
+                      /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e(
+                        f,
+                        {
+                          variant: "error",
+                          size: "sm",
+                          onClick: () => g(t.id),
+                          children: "Delete"
+                        }
+                      ) })
+                    ] })
+                  ] })
+                ] })
+              ] })
+            ]
+          },
+          t.id
+        );
+      }) }) : /* @__PURE__ */ e("div", { className: "mt-ds-03", children: /* @__PURE__ */ e(
+        R,
+        {
+          icon: 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/index.d.ts

@@ -0,0 +1,8 @@
+export { TaskDetailPanel, type TaskDetailPanelProps, type FullTask } from './task-detail-panel';
+export { TaskProperties, type TaskPropertiesProps, type TaskData, type Member, type Column } from './task-properties';
+export { ActivityTab, type ActivityTabProps, type AuditLogEntry } from './activity-tab';
+export { ConversationTab, type ConversationTabProps, type Comment } from './conversation-tab';
+export { FilesTab, type FilesTabProps, type TaskFile } from './files-tab';
+export { ReviewTab, type ReviewTabProps, type ReviewRequest } from './review-tab';
+export { SubtasksTab, type SubtasksTabProps, type Subtask } from './subtasks-tab';
+//# sourceMappingURL=index.d.ts.map

package/dist/tasks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tasks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC/F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACrH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACvF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC7F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAA;AACzE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/tasks/index.js

@@ -0,0 +1,16 @@
+import { TaskDetailPanel as e } from "./task-detail-panel.js";
+import { TaskProperties as a } from "./task-properties.js";
+import { ActivityTab as f } from "./activity-tab.js";
+import { ConversationTab as m } from "./conversation-tab.js";
+import { FilesTab as x } from "./files-tab.js";
+import { ReviewTab as b } from "./review-tab.js";
+import { SubtasksTab as l } from "./subtasks-tab.js";
+export {
+  f as ActivityTab,
+  m as ConversationTab,
+  x as FilesTab,
+  b as ReviewTab,
+  l as SubtasksTab,
+  e as TaskDetailPanel,
+  a as TaskProperties
+};

package/dist/tasks/review-tab.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+interface ReviewUser {
+    id: string;
+    name: string;
+    image: string | null;
+}
+export interface ReviewRequest {
+    id: string;
+    taskId: string;
+    status: 'PENDING' | 'APPROVED' | 'CHANGES_REQUESTED' | 'REJECTED';
+    feedback: string | null;
+    requestedBy: ReviewUser;
+    reviewer: ReviewUser;
+    createdAt: string;
+    updatedAt: string;
+}
+interface Member {
+    id: string;
+    name: string;
+    image?: string | null;
+}
+interface ReviewTabProps {
+    reviews: ReviewRequest[];
+    members: Member[];
+    onRequestReview: (reviewerId: string) => void;
+    onUpdateStatus: (reviewId: string, status: ReviewRequest['status'], feedback?: string) => void;
+    className?: string;
+}
+declare const ReviewTab: React.ForwardRefExoticComponent<ReviewTabProps & React.RefAttributes<HTMLDivElement>>;
+export { ReviewTab };
+export type { ReviewTabProps };
+//# sourceMappingURL=review-tab.d.ts.map

package/dist/tasks/review-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"review-tab.d.ts","sourceRoot":"","sources":["../../src/tasks/review-tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwB9B,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,mBAAmB,GAAG,UAAU,CAAA;IACjE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,EAAE,UAAU,CAAA;IACvB,QAAQ,EAAE,UAAU,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,cAAc,EAAE,CACd,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC/B,QAAQ,CAAC,EAAE,MAAM,KACd,IAAI,CAAA;IACT,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA6BD,QAAA,MAAM,SAAS,uFA8Kd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,YAAY,EAAE,cAAc,EAAE,CAAA"}