@burdenoff/microfe-planmagnet 2026.1002.1 → 2026.1002.3

package/dist/planmagnet/pages/TasksTaskDetailPagePage.js

@@ -15,14 +15,16 @@ import { DependencyPanel as v } from "../dependency/DependencyPanel.js";
 import { IssueLinksPanel as y } from "../links/IssueLinksPanel.js";
 import { WorkItemDiscussionPanel as b } from "../discussion/WorkItemDiscussionPanel.js";
 import { CodeLinksPanel as x } from "../links/CodeLinksPanel.js";
-import { useState as S } from "react";
-import { FileText as C, Link2 as w, Plus as T, X as E } from "lucide-react";
-import { gql as D } from "@apollo/client";
-import { useMutation as O, useQuery as k } from "@apollo/client/react";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { Badge as M, Button as N, Card as P, CardContent as F, CardHeader as I, CardTitle as L, Input as R } from "@burdenoff/fe-libs/ui";
+import { WorkItemProductFeatureChip as S } from "../product/WorkItemProductFeatureChip.js";
+import { WorkItemRequiredSkills as C } from "../skills/WorkItemRequiredSkills.js";
+import { useState as w } from "react";
+import { FileText as T, Link2 as E, Plus as D, X as O } from "lucide-react";
+import { gql as k } from "@apollo/client";
+import { useMutation as A, useQuery as j } from "@apollo/client/react";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Badge as P, Button as F, Card as I, CardContent as L, CardHeader as R, CardTitle as z, Input as B } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/TasksTaskDetailPagePage.tsx
-var z = D`
+var V = k`
   query GetWorkItemDetail($workItemId: ID!) {
     planmagnetWorkItem(id: $workItemId) {
       id
@@ -64,7 +66,7 @@ var z = D`
       }
     }
   }
-`, B = D`
+`, H = k`
   query GetWorkItemDocs($workItemId: ID!) {
     planmagnetWorkItemDocs(workItemId: $workItemId) {
       id
@@ -74,32 +76,32 @@ var z = D`
       updatedAt
     }
   }
-`, V = D`
+`, U = k`
   mutation CreateDocForWorkItem($input: PlanmagnetCreateDocInput!) {
     planmagnetCreateDoc(input: $input) {
       id
     }
   }
-`, H = D`
+`, W = k`
   mutation LinkDocToWorkItem($docId: ID!, $workItemId: ID!) {
     planmagnetLinkDocToWorkItem(docId: $docId, workItemId: $workItemId) {
       id
     }
   }
-`, U = D`
+`, G = k`
   mutation UnlinkDocFromWorkItem($docId: ID!, $workItemId: ID!) {
     planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)
   }
-`, W = {
+`, K = {
 	DRAFT: "bg-gray-100 text-gray-800",
 	PUBLISHED: "bg-green-100 text-green-800",
 	ARCHIVED: "bg-gray-100 text-gray-500"
 };
-function G({ workItemId: e }) {
-	let n = t(), [i, a] = S(!1), [o, s] = S(!1), [c, d] = S(""), [f, p] = S(""), [m, h] = S(""), { data: g, loading: _, error: v, refetch: y } = k(B, {
+function q({ workItemId: e }) {
+	let n = t(), [i, a] = w(!1), [o, s] = w(!1), [c, d] = w(""), [f, p] = w(""), [m, h] = w(""), { data: g, loading: _, error: v, refetch: y } = j(H, {
 		variables: { workItemId: e },
 		skip: !e
-	}), [b, { loading: x }] = O(V), [D, { loading: M }] = O(H), [z, { loading: G }] = O(U), [K, q] = S(null), J = g?.planmagnetWorkItemDocs ?? [], Y = async () => {
+	}), [b, { loading: x }] = A(U), [S, { loading: C }] = A(W), [k, { loading: P }] = A(G), [V, q] = w(null), J = g?.planmagnetWorkItemDocs ?? [], Y = async () => {
 		if (!(!f.trim() || !m.trim())) {
 			q(null);
 			try {
@@ -107,7 +109,7 @@ function G({ workItemId: e }) {
 					title: f.trim(),
 					content: m.trim()
 				} } }))).data?.planmagnetCreateDoc?.id;
-				t && await r(D({ variables: {
+				t && await r(S({ variables: {
 					docId: t,
 					workItemId: e
 				} }));
@@ -121,7 +123,7 @@ function G({ workItemId: e }) {
 		if (c) {
 			q(null);
 			try {
-				await r(D({ variables: {
+				await r(S({ variables: {
 					docId: c,
 					workItemId: e
 				} }));
@@ -134,7 +136,7 @@ function G({ workItemId: e }) {
 	}, Z = async (t) => {
 		q(null);
 		try {
-			await r(z({ variables: {
+			await r(k({ variables: {
 				docId: t,
 				workItemId: e
 			} }));
@@ -144,73 +146,73 @@ function G({ workItemId: e }) {
 		}
 		y();
 	};
-	return /* @__PURE__ */ j(P, { children: [/* @__PURE__ */ j(I, {
+	return /* @__PURE__ */ N(I, { children: [/* @__PURE__ */ N(R, {
 		className: "flex flex-row items-center justify-between space-y-0",
-		children: [/* @__PURE__ */ A(L, { children: "Linked Docs" }), !i && !o && /* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ M(z, { children: "Linked Docs" }), !i && !o && /* @__PURE__ */ N("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ j(N, {
+			children: [/* @__PURE__ */ N(F, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => s(!0),
-				children: [/* @__PURE__ */ A(w, { className: "h-4 w-4 mr-1" }), "Link existing doc"]
-			}), /* @__PURE__ */ j(N, {
+				children: [/* @__PURE__ */ M(E, { className: "h-4 w-4 mr-1" }), "Link existing doc"]
+			}), /* @__PURE__ */ N(F, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => a(!0),
-				children: [/* @__PURE__ */ A(T, { className: "h-4 w-4 mr-1" }), "New Doc"]
+				children: [/* @__PURE__ */ M(D, { className: "h-4 w-4 mr-1" }), "New Doc"]
 			})]
 		})]
-	}), /* @__PURE__ */ j(F, {
+	}), /* @__PURE__ */ N(L, {
 		className: "space-y-4",
 		children: [
-			o && /* @__PURE__ */ j("div", {
+			o && /* @__PURE__ */ N("div", {
 				className: "space-y-2 rounded-md border border-input p-3",
-				children: [/* @__PURE__ */ A(l, {
+				children: [/* @__PURE__ */ M(l, {
 					id: "task-link-doc",
 					value: c,
 					onChange: d,
 					exclude: J.map((e) => e.id)
-				}), /* @__PURE__ */ j("div", {
+				}), /* @__PURE__ */ N("div", {
 					className: "flex gap-2 justify-end",
-					children: [/* @__PURE__ */ A(N, {
+					children: [/* @__PURE__ */ M(F, {
 						size: "sm",
 						variant: "ghost",
 						onClick: () => {
 							s(!1), d("");
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ A(N, {
+					}), /* @__PURE__ */ M(F, {
 						size: "sm",
-						disabled: !c || M,
+						disabled: !c || C,
 						onClick: X,
-						children: M ? "Linking..." : "Link"
+						children: C ? "Linking..." : "Link"
 					})]
 				})]
 			}),
-			i && /* @__PURE__ */ j("div", {
+			i && /* @__PURE__ */ N("div", {
 				className: "space-y-3 rounded-md border border-input p-3",
 				children: [
-					/* @__PURE__ */ A(R, {
+					/* @__PURE__ */ M(B, {
 						placeholder: "Doc title",
 						value: f,
 						onChange: (e) => p(e.target.value)
 					}),
-					/* @__PURE__ */ A(u, {
+					/* @__PURE__ */ M(u, {
 						value: m,
 						onChange: h,
 						placeholder: "Write the spec/doc content...",
 						minHeight: 140
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ N("div", {
 						className: "flex gap-2 justify-end",
-						children: [/* @__PURE__ */ A(N, {
+						children: [/* @__PURE__ */ M(F, {
 							size: "sm",
 							variant: "ghost",
 							onClick: () => {
 								a(!1), p(""), h("");
 							},
 							children: "Cancel"
-						}), /* @__PURE__ */ A(N, {
+						}), /* @__PURE__ */ M(F, {
 							size: "sm",
 							disabled: x || !f.trim() || !m.trim(),
 							onClick: Y,
@@ -219,263 +221,265 @@ function G({ workItemId: e }) {
 					})
 				]
 			}),
-			_ && /* @__PURE__ */ A("p", {
+			_ && /* @__PURE__ */ M("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Loading docs..."
 			}),
-			v && /* @__PURE__ */ j("p", {
+			v && /* @__PURE__ */ N("p", {
 				className: "text-sm text-red-500",
 				children: ["Error: ", v.message]
 			}),
-			K && /* @__PURE__ */ A("p", {
+			V && /* @__PURE__ */ M("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
-				children: K
+				children: V
 			}),
-			!_ && !v && J.length === 0 && !i && !o && /* @__PURE__ */ A("p", {
+			!_ && !v && J.length === 0 && !i && !o && /* @__PURE__ */ M("p", {
 				className: "text-sm text-muted-foreground",
 				children: "No docs linked to this work item yet."
 			}),
-			J.map((e) => /* @__PURE__ */ j("div", {
+			J.map((e) => /* @__PURE__ */ N("div", {
 				className: "flex items-center justify-between gap-3 rounded-md border border-input p-3",
-				children: [/* @__PURE__ */ j("div", {
+				children: [/* @__PURE__ */ N("div", {
 					className: "flex items-center gap-2 min-w-0",
-					children: [/* @__PURE__ */ A(C, { className: "h-4 w-4 text-muted-foreground shrink-0" }), /* @__PURE__ */ j("div", {
+					children: [/* @__PURE__ */ M(T, { className: "h-4 w-4 text-muted-foreground shrink-0" }), /* @__PURE__ */ N("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ A("button", {
+						children: [/* @__PURE__ */ M("button", {
 							type: "button",
 							className: "block max-w-full truncate text-left text-sm font-medium hover:underline",
 							onClick: () => n(`/docs/doc-detail-page?docId=${encodeURIComponent(e.id)}`),
 							children: e.title
-						}), /* @__PURE__ */ j("p", {
+						}), /* @__PURE__ */ N("p", {
 							className: "text-xs text-muted-foreground",
 							children: ["v", e.version]
 						})]
 					})]
-				}), /* @__PURE__ */ j("div", {
+				}), /* @__PURE__ */ N("div", {
 					className: "flex items-center gap-2 shrink-0",
-					children: [/* @__PURE__ */ A("span", {
-						className: `text-xs px-2 py-0.5 rounded-full capitalize ${W[e.status] ?? ""}`,
+					children: [/* @__PURE__ */ M("span", {
+						className: `text-xs px-2 py-0.5 rounded-full capitalize ${K[e.status] ?? ""}`,
 						children: e.status.toLowerCase()
-					}), /* @__PURE__ */ A(N, {
+					}), /* @__PURE__ */ M(F, {
 						size: "icon",
 						variant: "ghost",
-						disabled: G,
+						disabled: P,
 						onClick: () => Z(e.id),
 						"aria-label": `Unlink ${e.title}`,
-						children: /* @__PURE__ */ A(E, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ M(O, { className: "h-4 w-4" })
 					})]
 				})]
 			}, e.id))
 		]
 	})] });
 }
-function K() {
-	let { workspaceId: t } = e(), r = new URLSearchParams(window.location.search).get("taskId") ?? "", { data: l, loading: u, error: S } = k(z, {
+function J() {
+	let { workspaceId: t } = e(), r = new URLSearchParams(window.location.search).get("taskId") ?? "", { data: l, loading: u, error: w } = j(V, {
 		variables: { workItemId: r },
 		skip: !t || !r
-	}), C = f("WORK_ITEM", r || null);
-	if (u && !l) return /* @__PURE__ */ A("div", {
+	}), T = f("WORK_ITEM", r || null);
+	if (u && !l) return /* @__PURE__ */ M("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ A("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ M("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (S) return /* @__PURE__ */ j("div", {
+	if (w) return /* @__PURE__ */ N("div", {
 		className: "p-6 text-red-500",
-		children: ["Error: ", S.message]
+		children: ["Error: ", w.message]
 	});
-	let w = l?.planmagnetWorkItem;
-	return w ? /* @__PURE__ */ j("div", {
+	let E = l?.planmagnetWorkItem;
+	return E ? /* @__PURE__ */ N("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "flex items-start justify-between gap-4",
-			children: [/* @__PURE__ */ j("div", { children: [
-				/* @__PURE__ */ A("h1", {
+			children: [/* @__PURE__ */ N("div", { children: [
+				/* @__PURE__ */ M("h1", {
 					className: "text-2xl font-semibold",
-					children: w.title
+					children: E.title
 				}),
-				/* @__PURE__ */ j("p", {
+				/* @__PURE__ */ N("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
-						w.key,
+						E.key,
 						" · ",
-						w.type.toLowerCase()
+						E.type.toLowerCase()
 					]
 				}),
-				/* @__PURE__ */ A(d, { others: C.others })
-			] }), /* @__PURE__ */ A(s, {
-				workItemId: w.id,
-				title: w.title
+				/* @__PURE__ */ M(S, { workItemId: E.id }),
+				/* @__PURE__ */ M(d, { others: T.others })
+			] }), /* @__PURE__ */ M(s, {
+				workItemId: E.id,
+				title: E.title
 			})]
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ N("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ N("div", {
 				className: "lg:col-span-2 space-y-6",
 				children: [
-					/* @__PURE__ */ j(P, { children: [/* @__PURE__ */ A(I, { children: /* @__PURE__ */ A(L, { children: "Description" }) }), /* @__PURE__ */ A(F, { children: /* @__PURE__ */ A("p", {
+					/* @__PURE__ */ N(I, { children: [/* @__PURE__ */ M(R, { children: /* @__PURE__ */ M(z, { children: "Description" }) }), /* @__PURE__ */ M(L, { children: /* @__PURE__ */ M("p", {
 						className: "text-sm",
-						children: w.description ?? "No description provided."
+						children: E.description ?? "No description provided."
 					}) })] }),
-					/* @__PURE__ */ A(_, {
-						workItemId: w.id,
-						projectId: w.projectId,
-						values: w.customFieldValues ?? []
+					/* @__PURE__ */ M(_, {
+						workItemId: E.id,
+						projectId: E.projectId,
+						values: E.customFieldValues ?? []
 					}),
-					/* @__PURE__ */ A(G, { workItemId: w.id }),
-					/* @__PURE__ */ A(g, {
+					/* @__PURE__ */ M(q, { workItemId: E.id }),
+					/* @__PURE__ */ M(g, {
 						workspaceId: t,
-						workItemId: w.id,
-						projectId: w.projectId,
-						taskLabel: `${w.key} — ${w.title}`
+						workItemId: E.id,
+						projectId: E.projectId,
+						taskLabel: `${E.key} — ${E.title}`
 					}),
-					/* @__PURE__ */ A(v, {
+					/* @__PURE__ */ M(v, {
 						workspaceId: t ?? "",
-						workItemId: w.id,
-						projectId: w.projectId
+						workItemId: E.id,
+						projectId: E.projectId
 					}),
-					/* @__PURE__ */ A(y, { workItemId: w.id }),
-					/* @__PURE__ */ A(b, {
-						workItemId: w.id,
-						workItemKey: w.key,
-						workItemTitle: w.title,
-						assigneeId: w.assigneeId,
-						discussionConversationId: w.discussionConversationId
+					/* @__PURE__ */ M(y, { workItemId: E.id }),
+					/* @__PURE__ */ M(b, {
+						workItemId: E.id,
+						workItemKey: E.key,
+						workItemTitle: E.title,
+						assigneeId: E.assigneeId,
+						discussionConversationId: E.discussionConversationId
 					}),
-					/* @__PURE__ */ A(x, { codeLinks: w.codeLinks ?? [] }),
-					/* @__PURE__ */ A(m, {
-						workItemId: w.id,
+					/* @__PURE__ */ M(x, { codeLinks: E.codeLinks ?? [] }),
+					/* @__PURE__ */ M(m, {
+						workItemId: E.id,
 						presence: {
-							typingActorIds: C.typingActorIds,
-							notifyTyping: C.notifyTyping
+							typingActorIds: T.typingActorIds,
+							notifyTyping: T.notifyTyping
 						}
 					}),
-					/* @__PURE__ */ A(h, { workItemId: w.id })
+					/* @__PURE__ */ M(h, { workItemId: E.id })
 				]
-			}), /* @__PURE__ */ A("div", {
+			}), /* @__PURE__ */ M("div", {
 				className: "space-y-6",
-				children: /* @__PURE__ */ j(P, { children: [/* @__PURE__ */ A(I, { children: /* @__PURE__ */ A(L, { children: "Details" }) }), /* @__PURE__ */ j(F, {
+				children: /* @__PURE__ */ N(I, { children: [/* @__PURE__ */ M(R, { children: /* @__PURE__ */ M(z, { children: "Details" }) }), /* @__PURE__ */ N(L, {
 					className: "space-y-3 text-sm",
 					children: [
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Status"
-							}), /* @__PURE__ */ A(c, {
-								workItemId: w.id,
-								projectId: w.projectId,
-								value: w.status
+							}), /* @__PURE__ */ M(c, {
+								workItemId: E.id,
+								projectId: E.projectId,
+								value: E.status
 							})]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Priority"
-							}), /* @__PURE__ */ A(o, {
-								workItemId: w.id,
+							}), /* @__PURE__ */ M(o, {
+								workItemId: E.id,
 								field: "priority",
-								value: w.priority,
+								value: E.priority,
 								options: i,
 								label: "Priority"
 							})]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Type"
-							}), /* @__PURE__ */ A(M, {
+							}), /* @__PURE__ */ M(P, {
 								variant: "outline",
 								className: "capitalize",
-								children: w.type.toLowerCase()
+								children: E.type.toLowerCase()
 							})]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Milestone"
-							}), /* @__PURE__ */ A(p, {
-								workItemId: w.id,
-								projectId: w.projectId,
-								milestoneId: w.milestoneId
+							}), /* @__PURE__ */ M(p, {
+								workItemId: E.id,
+								projectId: E.projectId,
+								milestoneId: E.milestoneId
 							})]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Story Points"
-							}), /* @__PURE__ */ A("span", {
+							}), /* @__PURE__ */ M("span", {
 								className: "font-medium",
-								children: w.storyPoints ?? 0
+								children: E.storyPoints ?? 0
 							})]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Assignee"
-							}), /* @__PURE__ */ A(a, {
-								workItemId: w.id,
-								assigneeId: w.assigneeId
+							}), /* @__PURE__ */ M(a, {
+								workItemId: E.id,
+								assigneeId: E.assigneeId
 							})]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Reporter"
-							}), /* @__PURE__ */ A(n, { id: w.reporterId ?? w.createdBy })]
+							}), /* @__PURE__ */ M(n, { id: E.reporterId ?? E.createdBy })]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Key"
-							}), /* @__PURE__ */ A("span", { children: w.key })]
+							}), /* @__PURE__ */ M("span", { children: E.key })]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Due Date"
-							}), /* @__PURE__ */ A("span", { children: w.dueDate ?? "Not set" })]
+							}), /* @__PURE__ */ M("span", { children: E.dueDate ?? "Not set" })]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Created"
-							}), /* @__PURE__ */ A("span", { children: w.createdAt })]
+							}), /* @__PURE__ */ M("span", { children: E.createdAt })]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ N("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-muted-foreground",
 								children: "Updated"
-							}), /* @__PURE__ */ A("span", { children: w.updatedAt })]
+							}), /* @__PURE__ */ M("span", { children: E.updatedAt })]
 						}),
-						/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("span", {
+						/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("span", {
 							className: "text-muted-foreground text-xs",
 							children: "Labels"
-						}), /* @__PURE__ */ A("div", {
+						}), /* @__PURE__ */ M("div", {
 							className: "flex gap-1 mt-1 flex-wrap",
-							children: (w.labels ?? []).map((e) => /* @__PURE__ */ A("span", {
+							children: (E.labels ?? []).map((e) => /* @__PURE__ */ M("span", {
 								className: "text-xs px-2 py-0.5 rounded bg-muted",
 								children: e
 							}, e))
-						})] })
+						})] }),
+						/* @__PURE__ */ M(C, { workItemId: E.id })
 					]
 				})] })
 			})]
 		})]
-	}) : /* @__PURE__ */ A("div", {
+	}) : /* @__PURE__ */ M("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Task not found."
 	});
 }
 //#endregion
-export { K as TasksTaskDetailPagePage };
+export { J as TasksTaskDetailPagePage };
 
 //# sourceMappingURL=TasksTaskDetailPagePage.js.map