@burdenoff/planmagnet-fe-sdk 2026.704.4 → 2026.705.2

package/dist/index.js

@@ -512,6 +512,44 @@ var DELETE_WORK_ITEM = gql`
     planmagnetDeleteWorkItem(id: $id)
   }
 `;
+var ENTITY_COMMENT_FIELDS = gql`
+  fragment EntityCommentFields on EntityComment {
+    id
+    authorId
+    authorType
+    content {
+      text
+    }
+    createdAt
+    edited
+    editedAt
+    status
+  }
+`;
+var GET_ENTITY_COMMENTS = gql`
+  query GetEntityComments($input: GetCommentsInput!) {
+    getEntityComments(input: $input) {
+      items {
+        ...EntityCommentFields
+      }
+      total
+    }
+  }
+  ${ENTITY_COMMENT_FIELDS}
+`;
+var CREATE_ENTITY_COMMENT = gql`
+  mutation CreateEntityComment($input: CreateEntityCommentInput!) {
+    createEntityComment(input: $input) {
+      ...EntityCommentFields
+    }
+  }
+  ${ENTITY_COMMENT_FIELDS}
+`;
+var DELETE_ENTITY_COMMENT = gql`
+  mutation DeleteEntityComment($input: DeleteCommentInput!) {
+    deleteEntityComment(input: $input)
+  }
+`;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -748,6 +786,18 @@ var DEFAULT_TASK_LABELS = {
   linkedRecordsLabel: "Linked records",
   createdLabel: "Created",
   updatedLabel: "Updated",
+  parentLabel: "Parent",
+  subtasksLabel: "Sub-tasks",
+  addSubtask: "Add sub-task",
+  commentsLabel: "Comments",
+  commentPlaceholder: "Write a comment\u2026",
+  postComment: "Comment",
+  posting: "Posting\u2026",
+  noComments: "No comments yet",
+  you: "You",
+  editedTag: "(edited)",
+  failedToComment: "Failed to post comment",
+  failedToDeleteComment: "Failed to delete comment",
   create: "Create task",
   creating: "Creating\u2026",
   cancel: "Cancel",
@@ -1370,6 +1420,10 @@ function CreateTaskCore({
       projectId,
       title: title.trim(),
       type,
+      // Sub-task linkage: parentId is not an editable form field — it rides
+      // through from defaultValues (the "Add sub-task" flow) so a created work
+      // item nests under its parent.
+      ...defaultValues?.parentId ? { parentId: defaultValues.parentId } : {},
       ...hidden.has("status") ? {} : { status },
       ...hidden.has("priority") ? {} : { priority },
       ...hidden.has("description") || !description.trim() ? {} : { description: description.trim() },
@@ -2447,8 +2501,129 @@ function TaskToolbar({
     }
   );
 }
-var fieldClass2 = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring";
 var labelClass2 = "text-xs font-medium uppercase tracking-wide text-muted-foreground";
+var fieldClass2 = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring";
+function TaskCommentsCore({
+  entityType,
+  entityId,
+  currentActorId,
+  resolveAssignee,
+  readonly,
+  className
+}) {
+  const L = useTaskLabels();
+  const [text, setText] = useState("");
+  const [error, setError] = useState(null);
+  const { data, loading, refetch } = useQuery(
+    GET_ENTITY_COMMENTS,
+    {
+      variables: {
+        input: {
+          entityType,
+          entityId,
+          take: 100,
+          sortBy: "createdAt",
+          sortOrder: "asc"
+        }
+      },
+      skip: !entityId,
+      errorPolicy: "all"
+    }
+  );
+  const comments = data?.getEntityComments?.items ?? [];
+  const [createComment, { loading: posting }] = useMutation(CREATE_ENTITY_COMMENT);
+  const [deleteComment] = useMutation(
+    DELETE_ENTITY_COMMENT
+  );
+  const authorName = (id) => id === currentActorId ? L.you : resolveAssignee?.(id)?.name ?? void 0;
+  const handlePost = async (e) => {
+    e.preventDefault();
+    const body = text.trim();
+    if (!body) return;
+    setError(null);
+    try {
+      await createComment({
+        variables: {
+          input: {
+            entityType,
+            entityId,
+            content: { text: body },
+            contentType: "TEXT"
+          }
+        }
+      });
+      setText("");
+      await refetch();
+    } catch {
+      setError(L.failedToComment);
+    }
+  };
+  const handleDelete = async (id) => {
+    setError(null);
+    try {
+      await deleteComment({ variables: { input: { id, soft: true } } });
+      await refetch();
+    } catch {
+      setError(L.failedToDeleteComment);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: labelClass2, children: [
+      L.commentsLabel,
+      comments.length > 0 ? ` (${comments.length})` : ""
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: comments.length === 0 && !loading ? /* @__PURE__ */ jsx("li", { className: "text-sm text-muted-foreground", children: L.noComments }) : comments.map((c) => /* @__PURE__ */ jsxs("li", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(Avatar, { id: c.authorId, name: authorName(c.authorId), size: "sm" }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: authorName(c.authorId) ?? c.authorId.slice(0, 8) }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatDateFull(c.createdAt) }),
+          c.edited && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: L.editedTag }),
+          !readonly && c.authorId === currentActorId && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleDelete(c.id),
+              "aria-label": L.del,
+              title: L.del,
+              className: "ml-auto rounded p-1 text-muted-foreground hover:text-destructive",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words text-sm text-foreground", children: c.content?.text })
+      ] })
+    ] }, c.id)) }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }),
+    !readonly && /* @__PURE__ */ jsxs("form", { onSubmit: handlePost, className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          className: cn(fieldClass2, "min-h-[60px]"),
+          rows: 2,
+          value: text,
+          onChange: (e) => setText(e.target.value),
+          placeholder: L.commentPlaceholder,
+          "aria-label": L.commentsLabel
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          disabled: posting || !text.trim(),
+          className: cn(
+            "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground",
+            (posting || !text.trim()) && "cursor-not-allowed opacity-50"
+          ),
+          children: posting ? L.posting : L.postComment
+        }
+      ) })
+    ] })
+  ] });
+}
+var fieldClass3 = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring";
+var labelClass3 = "text-xs font-medium uppercase tracking-wide text-muted-foreground";
 var priorityVariant = {
   NONE: "muted",
   LOW: "muted",
@@ -2468,6 +2643,10 @@ function TaskDetailCore({
   assigneeOptions,
   linkSourceProduct,
   renderLinkIcon,
+  onOpenItem,
+  onAddSubtask,
+  commentsEntityType,
+  currentActorId,
   className
 }) {
   const client = useApolloClient();
@@ -2486,6 +2665,20 @@ function TaskDetailCore({
     linkSourceProduct
   );
   const links = item ? linksByItem.get(item.id) ?? [] : [];
+  const { data: parentData } = useQuery(GET_WORK_ITEM, {
+    variables: { id: item?.parentId },
+    skip: !item?.parentId
+  });
+  const parent = parentData?.planmagnetWorkItem ?? null;
+  const { data: childData } = useQuery(LIST_WORK_ITEMS, {
+    variables: {
+      workspaceId: item?.workspaceId,
+      filter: { parentId: item?.id },
+      pagination: { first: 100 }
+    },
+    skip: !item?.id || !item?.workspaceId
+  });
+  const children = childData?.planmagnetWorkItems?.items ?? [];
   const [editing, setEditing] = useState(false);
   const [confirmingDelete, setConfirmingDelete] = useState(false);
   const [title, setTitle] = useState("");
@@ -2638,69 +2831,133 @@ function TaskDetailCore({
       ": ",
       deleteError.message
     ] }),
-    !editing ? /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-      !hidden.has("type") && /* @__PURE__ */ jsx(Field, { label: L.typeLabel, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: L.type[item.type] }) }),
-      !hidden.has("status") && /* @__PURE__ */ jsx(Field, { label: L.statusLabel, children: /* @__PURE__ */ jsx("span", { className: "capitalize text-foreground", children: L.status[item.status] }) }),
-      !hidden.has("priority") && /* @__PURE__ */ jsx(Field, { label: L.priorityLabel, children: /* @__PURE__ */ jsx(Badge, { variant: priorityVariant[item.priority], children: L.priority[item.priority] }) }),
-      !hidden.has("assignee") && /* @__PURE__ */ jsx(Field, { label: L.assigneeLabel, children: item.assigneeId ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(
-          Avatar,
-          {
-            id: item.assigneeId,
-            name: resolveAssignee?.(item.assigneeId)?.name,
-            size: "sm"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: resolveAssignee?.(item.assigneeId)?.name ?? L.assigned })
-      ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: L.unassigned }) }),
-      !hidden.has("dueDate") && /* @__PURE__ */ jsx(Field, { label: L.dueDateLabel, children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: formatDateFull(item.dueDate) ?? "\u2014" }) }),
-      !hidden.has("storyPoints") && /* @__PURE__ */ jsx(Field, { label: L.storyPointsLabel, children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.storyPoints ?? 0 }) }),
-      !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
-        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: L.description }),
-        /* @__PURE__ */ jsx("dd", { className: "mt-1 whitespace-pre-wrap text-sm text-foreground", children: item.description || "\u2014" })
-      ] }),
-      !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
-        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: L.labelsLabel }),
-        /* @__PURE__ */ jsx("dd", { className: "mt-1 flex flex-wrap gap-1", children: (item.labels ?? []).length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" }) : item.labels.map((l) => /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
-            children: l
-          },
-          l
-        )) })
-      ] }),
-      links.length > 0 && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
-        /* @__PURE__ */ jsx("dt", { className: labelClass2, children: L.linkedRecordsLabel }),
-        /* @__PURE__ */ jsx("dd", { className: "mt-1 flex flex-wrap gap-1.5", children: links.map((link) => /* @__PURE__ */ jsx(
-          LinkChip,
-          {
-            link,
-            renderIcon: renderLinkIcon
-          },
-          link.id
-        )) })
-      ] }),
-      (item.createdAt || item.updatedAt) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-1 border-t border-border pt-3 text-xs text-muted-foreground sm:col-span-2", children: [
-        item.createdAt && /* @__PURE__ */ jsxs("span", { children: [
-          L.createdLabel,
-          " ",
-          formatDateFull(item.createdAt)
+    !editing ? /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+        !hidden.has("type") && /* @__PURE__ */ jsx(Field, { label: L.typeLabel, children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: L.type[item.type] }) }),
+        !hidden.has("status") && /* @__PURE__ */ jsx(Field, { label: L.statusLabel, children: /* @__PURE__ */ jsx("span", { className: "capitalize text-foreground", children: L.status[item.status] }) }),
+        !hidden.has("priority") && /* @__PURE__ */ jsx(Field, { label: L.priorityLabel, children: /* @__PURE__ */ jsx(Badge, { variant: priorityVariant[item.priority], children: L.priority[item.priority] }) }),
+        !hidden.has("assignee") && /* @__PURE__ */ jsx(Field, { label: L.assigneeLabel, children: item.assigneeId ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              id: item.assigneeId,
+              name: resolveAssignee?.(item.assigneeId)?.name,
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-foreground", children: resolveAssignee?.(item.assigneeId)?.name ?? L.assigned })
+        ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: L.unassigned }) }),
+        !hidden.has("dueDate") && /* @__PURE__ */ jsx(Field, { label: L.dueDateLabel, children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: formatDateFull(item.dueDate) ?? "\u2014" }) }),
+        !hidden.has("storyPoints") && /* @__PURE__ */ jsx(Field, { label: L.storyPointsLabel, children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: item.storyPoints ?? 0 }) }),
+        !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("dt", { className: labelClass3, children: L.description }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1 whitespace-pre-wrap text-sm text-foreground", children: item.description || "\u2014" })
+        ] }),
+        !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("dt", { className: labelClass3, children: L.labelsLabel }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1 flex flex-wrap gap-1", children: (item.labels ?? []).length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" }) : item.labels.map((l) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
+              children: l
+            },
+            l
+          )) })
+        ] }),
+        links.length > 0 && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("dt", { className: labelClass3, children: L.linkedRecordsLabel }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1 flex flex-wrap gap-1.5", children: links.map((link) => /* @__PURE__ */ jsx(
+            LinkChip,
+            {
+              link,
+              renderIcon: renderLinkIcon
+            },
+            link.id
+          )) })
         ] }),
-        item.updatedAt && /* @__PURE__ */ jsxs("span", { children: [
-          L.updatedLabel,
-          " ",
-          formatDateFull(item.updatedAt)
+        parent && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsx("dt", { className: labelClass3, children: L.parentLabel }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onOpenItem?.(parent.id),
+              className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-muted/40 px-2 py-1 text-sm text-foreground hover:bg-muted",
+              children: [
+                /* @__PURE__ */ jsx(StatusIcon, { status: parent.status }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: parent.key }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: parent.title })
+              ]
+            }
+          ) })
+        ] }),
+        (children.length > 0 || onAddSubtask && canEdit) && /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("dt", { className: labelClass3, children: [
+              L.subtasksLabel,
+              children.length > 0 ? ` (${children.length})` : ""
+            ] }),
+            onAddSubtask && canEdit && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onAddSubtask({
+                  id: item.id,
+                  projectId: item.projectId
+                }),
+                className: "text-xs font-medium text-primary hover:underline",
+                children: [
+                  "+ ",
+                  L.addSubtask
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("dd", { className: "mt-1 space-y-1", children: children.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" }) : children.map((c) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onOpenItem?.(c.id),
+              className: "flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm hover:bg-muted",
+              children: [
+                /* @__PURE__ */ jsx(StatusIcon, { status: c.status }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: c.key }),
+                /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-foreground", children: c.title })
+              ]
+            },
+            c.id
+          )) })
+        ] }),
+        (item.createdAt || item.updatedAt) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-1 border-t border-border pt-3 text-xs text-muted-foreground sm:col-span-2", children: [
+          item.createdAt && /* @__PURE__ */ jsxs("span", { children: [
+            L.createdLabel,
+            " ",
+            formatDateFull(item.createdAt)
+          ] }),
+          item.updatedAt && /* @__PURE__ */ jsxs("span", { children: [
+            L.updatedLabel,
+            " ",
+            formatDateFull(item.updatedAt)
+          ] })
         ] })
-      ] })
+      ] }),
+      commentsEntityType && /* @__PURE__ */ jsx("div", { className: "border-t border-border pt-4", children: /* @__PURE__ */ jsx(
+        TaskCommentsCore,
+        {
+          entityType: commentsEntityType,
+          entityId: item.id,
+          currentActorId,
+          resolveAssignee
+        }
+      ) })
     ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSave, className: "space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-title", className: labelClass2, children: L.title }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-title", className: labelClass3, children: L.title }),
         /* @__PURE__ */ jsx(
           "input",
           {
             id: "pm-detail-title",
-            className: fieldClass2,
+            className: fieldClass3,
             value: title,
             onChange: (e) => setTitle(e.target.value),
             required: true
@@ -2708,12 +2965,12 @@ function TaskDetailCore({
         )
       ] }),
       !hidden.has("description") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-desc", className: labelClass2, children: L.description }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-desc", className: labelClass3, children: L.description }),
         /* @__PURE__ */ jsx(
           "textarea",
           {
             id: "pm-detail-desc",
-            className: cn(fieldClass2, "min-h-[80px]"),
+            className: cn(fieldClass3, "min-h-[80px]"),
             value: description,
             onChange: (e) => setDescription(e.target.value)
           }
@@ -2721,12 +2978,12 @@ function TaskDetailCore({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
         !hidden.has("type") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-type", className: labelClass2, children: L.typeLabel }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-type", className: labelClass3, children: L.typeLabel }),
           /* @__PURE__ */ jsx(
             "select",
             {
               id: "pm-detail-type",
-              className: cn(fieldClass2, "capitalize"),
+              className: cn(fieldClass3, "capitalize"),
               value: type,
               onChange: (e) => setType(e.target.value),
               children: TASK_TYPES.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: L.type[t] }, t))
@@ -2734,12 +2991,12 @@ function TaskDetailCore({
           )
         ] }),
         !hidden.has("status") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-status", className: labelClass2, children: L.statusLabel }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-status", className: labelClass3, children: L.statusLabel }),
           /* @__PURE__ */ jsx(
             "select",
             {
               id: "pm-detail-status",
-              className: cn(fieldClass2, "capitalize"),
+              className: cn(fieldClass3, "capitalize"),
               value: status,
               onChange: (e) => setStatus(e.target.value),
               children: TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: L.status[s] }, s))
@@ -2747,12 +3004,12 @@ function TaskDetailCore({
           )
         ] }),
         !hidden.has("priority") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-priority", className: labelClass2, children: L.priorityLabel }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-priority", className: labelClass3, children: L.priorityLabel }),
           /* @__PURE__ */ jsx(
             "select",
             {
               id: "pm-detail-priority",
-              className: cn(fieldClass2, "capitalize"),
+              className: cn(fieldClass3, "capitalize"),
               value: priority,
               onChange: (e) => setPriority(e.target.value),
               children: TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: L.priority[p] }, p))
@@ -2760,12 +3017,12 @@ function TaskDetailCore({
           )
         ] }),
         !hidden.has("assignee") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-assignee", className: labelClass2, children: L.assigneeLabel }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-assignee", className: labelClass3, children: L.assigneeLabel }),
           assigneeOptions && assigneeOptions.length > 0 ? /* @__PURE__ */ jsxs(
             "select",
             {
               id: "pm-detail-assignee",
-              className: fieldClass2,
+              className: fieldClass3,
               value: assigneeId,
               onChange: (e) => setAssigneeId(e.target.value),
               children: [
@@ -2777,7 +3034,7 @@ function TaskDetailCore({
             "input",
             {
               id: "pm-detail-assignee",
-              className: fieldClass2,
+              className: fieldClass3,
               value: assigneeId,
               onChange: (e) => setAssigneeId(e.target.value),
               placeholder: L.assigneePlaceholder
@@ -2785,27 +3042,27 @@ function TaskDetailCore({
           )
         ] }),
         !hidden.has("dueDate") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-due", className: labelClass2, children: L.dueDateLabel }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-due", className: labelClass3, children: L.dueDateLabel }),
           /* @__PURE__ */ jsx(
             "input",
             {
               id: "pm-detail-due",
               type: "date",
-              className: fieldClass2,
+              className: fieldClass3,
               value: dueDate,
               onChange: (e) => setDueDate(e.target.value)
             }
           )
         ] }),
         !hidden.has("storyPoints") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-points", className: labelClass2, children: L.storyPointsLabel }),
+          /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-points", className: labelClass3, children: L.storyPointsLabel }),
           /* @__PURE__ */ jsx(
             "input",
             {
               id: "pm-detail-points",
               type: "number",
               min: 0,
-              className: fieldClass2,
+              className: fieldClass3,
               value: storyPoints,
               onChange: (e) => setStoryPoints(e.target.value)
             }
@@ -2813,12 +3070,12 @@ function TaskDetailCore({
         ] })
       ] }),
       !hidden.has("labels") && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-labels", className: labelClass2, children: L.labelsLabel }),
+        /* @__PURE__ */ jsx("label", { htmlFor: "pm-detail-labels", className: labelClass3, children: L.labelsLabel }),
         /* @__PURE__ */ jsx(
           "input",
           {
             id: "pm-detail-labels",
-            className: fieldClass2,
+            className: fieldClass3,
             value: labels,
             onChange: (e) => setLabels(e.target.value),
             placeholder: L.labelsPlaceholder
@@ -2858,7 +3115,7 @@ function TaskDetailCore({
 }
 function Field({ label, children }) {
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("dt", { className: labelClass2, children: label }),
+    /* @__PURE__ */ jsx("dt", { className: labelClass3, children: label }),
     /* @__PURE__ */ jsx("dd", { className: "mt-1 text-sm", children })
   ] });
 }
@@ -2905,6 +3162,7 @@ function TasksPageCore({
   renderLinkIcon,
   assigneeOptions,
   currentActorId,
+  commentsEntityType,
   labels,
   openItemId,
   header,
@@ -2924,6 +3182,7 @@ function TasksPageCore({
   const [mine, setMine] = useState(false);
   const [creating, setCreating] = useState(false);
   const [selectedId, setSelectedId] = useState(null);
+  const [createDefaults, setCreateDefaults] = useState(null);
   useEffect(() => {
     if (openItemId) setSelectedId(openItemId);
   }, [openItemId]);
@@ -2935,10 +3194,31 @@ function TasksPageCore({
     (workItem) => {
       refetchBoard();
       setCreating(false);
+      setCreateDefaults(null);
       onTaskSaved?.({ workItem, operation: "created" });
     },
     [refetchBoard, onTaskSaved]
   );
+  const handleAddSubtask = useCallback(
+    (parent) => {
+      setSelectedId(null);
+      setCreateDefaults({
+        parentId: parent.id,
+        projectId: parent.projectId,
+        type: "SUB_TASK"
+      });
+      setCreating(true);
+    },
+    []
+  );
+  const startCreate = useCallback(() => {
+    setCreateDefaults(null);
+    setCreating(true);
+  }, []);
+  const cancelCreate = useCallback(() => {
+    setCreating(false);
+    setCreateDefaults(null);
+  }, []);
   const handleUpdated = useCallback(
     (workItem) => {
       refetchBoard();
@@ -2966,8 +3246,9 @@ function TasksPageCore({
       projectId,
       assigneeOptions,
       hiddenFields,
+      defaultValues: createDefaults ?? void 0,
       onCreated: handleCreated,
-      onCancel: () => setCreating(false)
+      onCancel: cancelCreate
     }
   );
   const detailView = selectedId != null ? /* @__PURE__ */ jsx(
@@ -2981,7 +3262,11 @@ function TasksPageCore({
       linkSourceProduct,
       renderLinkIcon,
       onUpdated: handleUpdated,
-      onDeleted: handleDeleted
+      onDeleted: handleDeleted,
+      onOpenItem: handleSelect,
+      onAddSubtask: handleAddSubtask,
+      commentsEntityType,
+      currentActorId
     }
   ) : null;
   const listPriority = priority === "ALL" ? void 0 : priority;
@@ -3009,7 +3294,7 @@ function TasksPageCore({
         onPriorityChange: setPriority,
         type,
         onTypeChange: setType,
-        onNewTask: () => setCreating(true),
+        onNewTask: startCreate,
         canCreate,
         mine,
         onMineChange: currentActorId ? setMine : void 0
@@ -3071,7 +3356,7 @@ function TasksPageCore({
       Modal,
       {
         open: creating,
-        onClose: () => setCreating(false),
+        onClose: cancelCreate,
         ariaLabel: "Create task",
         className: "max-w-xl",
         children: /* @__PURE__ */ jsx("div", { className: "p-2 pt-8", children: createForm })
@@ -3117,6 +3402,6 @@ function TasksPage({
   );
 }
 
-export { Avatar, Badge, CREATE_WORK_ITEM, CREATE_WORK_ITEM_LINK, CreateTask, CreateTaskCore, DEFAULT_BOARD_COLUMNS, DEFAULT_TASK_LABELS, DELETE_WORK_ITEM, DELETE_WORK_ITEM_LINK, Drawer, GET_PROJECTS, GET_WORK_ITEM, LIST_MILESTONES, LIST_WORK_ITEMS, LIST_WORK_ITEM_LINKS, LinkChip, MILESTONE_FIELDS, MOVE_WORK_ITEM, Modal, PRIORITY_META, PROJECT_SUMMARY_FIELDS, PlanMagnetProvider, PriorityIndicator, STATUS_META, StatusIcon, StatusPill, TASK_PRIORITIES, TASK_STATUSES, TASK_TYPES, TaskBoard, TaskBoardCore, TaskCard, TaskDetail, TaskDetailCore, TaskLabelsProvider, TaskList, TaskListCore, TaskTimelineCore, TaskToolbar, TasksPage, TasksPageCore, TypeBadge, UPDATE_WORK_ITEM, WORK_ITEM_FIELDS, WORK_ITEM_LINK_FIELDS, WORK_ITEM_SUMMARY_FIELDS, badgeVariants, cn, config, createPlanMagnetClient, enumLabel, getGraphQLEndpoint, getPlanMagnetClient, getPlanMagnetClientSafe, getPlanMagnetConfig, isPlanMagnetClientReady, mergeTaskLabels, resetPlanMagnetClient, resetPlanMagnetConfig, setPlanMagnetClient, setPlanMagnetConfig, useMilestones, usePlanMagnetContext, usePlanMagnetContextSafe, useTaskLabels, useWorkItemLinks, validateTrustedOrigin, waitForPlanMagnetClient };
+export { Avatar, Badge, CREATE_WORK_ITEM, CREATE_WORK_ITEM_LINK, CreateTask, CreateTaskCore, DEFAULT_BOARD_COLUMNS, DEFAULT_TASK_LABELS, DELETE_WORK_ITEM, DELETE_WORK_ITEM_LINK, Drawer, GET_PROJECTS, GET_WORK_ITEM, LIST_MILESTONES, LIST_WORK_ITEMS, LIST_WORK_ITEM_LINKS, LinkChip, MILESTONE_FIELDS, MOVE_WORK_ITEM, Modal, PRIORITY_META, PROJECT_SUMMARY_FIELDS, PlanMagnetProvider, PriorityIndicator, STATUS_META, StatusIcon, StatusPill, TASK_PRIORITIES, TASK_STATUSES, TASK_TYPES, TaskBoard, TaskBoardCore, TaskCard, TaskCommentsCore, TaskDetail, TaskDetailCore, TaskLabelsProvider, TaskList, TaskListCore, TaskTimelineCore, TaskToolbar, TasksPage, TasksPageCore, TypeBadge, UPDATE_WORK_ITEM, WORK_ITEM_FIELDS, WORK_ITEM_LINK_FIELDS, WORK_ITEM_SUMMARY_FIELDS, badgeVariants, cn, config, createPlanMagnetClient, enumLabel, getGraphQLEndpoint, getPlanMagnetClient, getPlanMagnetClientSafe, getPlanMagnetConfig, isPlanMagnetClientReady, mergeTaskLabels, resetPlanMagnetClient, resetPlanMagnetConfig, setPlanMagnetClient, setPlanMagnetConfig, useMilestones, usePlanMagnetContext, usePlanMagnetContextSafe, useTaskLabels, useWorkItemLinks, validateTrustedOrigin, waitForPlanMagnetClient };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map