@burdenoff/microfe-planmagnet 2026.930.24 → 2026.930.25

package/dist/planmagnet/pages/TasksTaskDetailPagePage.js

@@ -4,21 +4,25 @@ import { throwOnError as r } from "../utils/mutationResult.js";
 import { WORK_ITEM_PRIORITIES as i, WorkItemAssigneeSelect as a, WorkItemEnumSelect as o, WorkItemHeaderActions as s, WorkItemStatusSelect as c } from "../controls/WorkItemControls.js";
 import { DocSearchSelect as l } from "../controls/Pickers.js";
 import { MarkdownEditor as u } from "../../components/MarkdownEditor.js";
-import { WorkItemMilestoneSelect as d } from "../milestones/MilestoneControls.js";
-import { WorkItemComments as f } from "../comments/WorkItemComments.js";
-import { WorkItemActivity as p } from "../comments/WorkItemActivity.js";
-import { TaskTimePanel as m } from "../time/TaskTimePanel.js";
-import { CustomFieldsPanel as h } from "../controls/CustomFieldValuesPanel.js";
-import { DependencyPanel as g } from "../dependency/DependencyPanel.js";
-import { IssueLinksPanel as _ } from "../links/IssueLinksPanel.js";
-import { useState as v } from "react";
-import { FileText as y, Link2 as b, Plus as x, X as S } from "lucide-react";
-import { gql as C } from "@apollo/client";
-import { useMutation as w, useQuery as T } from "@apollo/client/react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Badge as O, Button as k, Card as A, CardContent as j, CardHeader as M, CardTitle as N, Input as P } from "@burdenoff/fe-libs/ui";
+import { PresenceAvatars as d } from "../presence/PresenceAvatars.js";
+import { usePresence as f } from "../hooks/usePresence.js";
+import { WorkItemMilestoneSelect as p } from "../milestones/MilestoneControls.js";
+import { WorkItemComments as m } from "../comments/WorkItemComments.js";
+import { WorkItemActivity as h } from "../comments/WorkItemActivity.js";
+import { TaskTimePanel as g } from "../time/TaskTimePanel.js";
+import { CustomFieldsPanel as _ } from "../controls/CustomFieldValuesPanel.js";
+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";
 //#region src/planmagnet/pages/TasksTaskDetailPagePage.tsx
-var F = C`
+var z = D`
   query GetWorkItemDetail($workItemId: ID!) {
     planmagnetWorkItem(id: $workItemId) {
       id
@@ -46,9 +50,21 @@ var F = C`
         definitionId
         value
       }
+      discussionConversationId
+      codeLinks {
+        id
+        kind
+        title
+        url
+        state
+        number
+        authorLogin
+        mergedAt
+        ref
+      }
     }
   }
-`, I = C`
+`, B = D`
   query GetWorkItemDocs($workItemId: ID!) {
     planmagnetWorkItemDocs(workItemId: $workItemId) {
       id
@@ -58,40 +74,40 @@ var F = C`
       updatedAt
     }
   }
-`, L = C`
+`, V = D`
   mutation CreateDocForWorkItem($input: PlanmagnetCreateDocInput!) {
     planmagnetCreateDoc(input: $input) {
       id
     }
   }
-`, R = C`
+`, H = D`
   mutation LinkDocToWorkItem($docId: ID!, $workItemId: ID!) {
     planmagnetLinkDocToWorkItem(docId: $docId, workItemId: $workItemId) {
       id
     }
   }
-`, z = C`
+`, U = D`
   mutation UnlinkDocFromWorkItem($docId: ID!, $workItemId: ID!) {
     planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)
   }
-`, B = {
+`, W = {
 	DRAFT: "bg-gray-100 text-gray-800",
 	PUBLISHED: "bg-green-100 text-green-800",
 	ARCHIVED: "bg-gray-100 text-gray-500"
 };
-function V({ workItemId: e }) {
-	let n = t(), [i, a] = v(!1), [o, s] = v(!1), [c, d] = v(""), [f, p] = v(""), [m, h] = v(""), { data: g, loading: _, error: C, refetch: O } = T(I, {
+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, {
 		variables: { workItemId: e },
 		skip: !e
-	}), [F, { loading: V }] = w(L), [H, { loading: U }] = w(R), [W, { loading: G }] = w(z), [K, q] = v(null), J = g?.planmagnetWorkItemDocs ?? [], Y = async () => {
+	}), [b, { loading: x }] = O(V), [D, { loading: M }] = O(H), [z, { loading: G }] = O(U), [K, q] = S(null), J = g?.planmagnetWorkItemDocs ?? [], Y = async () => {
 		if (!(!f.trim() || !m.trim())) {
 			q(null);
 			try {
-				let t = (await r(F({ variables: { input: {
+				let t = (await r(b({ variables: { input: {
 					title: f.trim(),
 					content: m.trim()
 				} } }))).data?.planmagnetCreateDoc?.id;
-				t && await r(H({ variables: {
+				t && await r(D({ variables: {
 					docId: t,
 					workItemId: e
 				} }));
@@ -99,13 +115,13 @@ function V({ workItemId: e }) {
 				q(e instanceof Error ? e.message : "The doc could not be saved.");
 				return;
 			}
-			p(""), h(""), a(!1), O();
+			p(""), h(""), a(!1), y();
 		}
 	}, X = async () => {
 		if (c) {
 			q(null);
 			try {
-				await r(H({ variables: {
+				await r(D({ variables: {
 					docId: c,
 					workItemId: e
 				} }));
@@ -113,12 +129,12 @@ function V({ workItemId: e }) {
 				q(e instanceof Error ? e.message : "The doc could not be linked.");
 				return;
 			}
-			d(""), s(!1), O();
+			d(""), s(!1), y();
 		}
 	}, Z = async (t) => {
 		q(null);
 		try {
-			await r(W({ variables: {
+			await r(z({ variables: {
 				docId: t,
 				workItemId: e
 			} }));
@@ -126,308 +142,326 @@ function V({ workItemId: e }) {
 			q(e instanceof Error ? e.message : "The doc could not be unlinked.");
 			return;
 		}
-		O();
+		y();
 	};
-	return /* @__PURE__ */ D(A, { children: [/* @__PURE__ */ D(M, {
+	return /* @__PURE__ */ j(P, { children: [/* @__PURE__ */ j(I, {
 		className: "flex flex-row items-center justify-between space-y-0",
-		children: [/* @__PURE__ */ E(N, { children: "Linked Docs" }), !i && !o && /* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ A(L, { children: "Linked Docs" }), !i && !o && /* @__PURE__ */ j("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ D(k, {
+			children: [/* @__PURE__ */ j(N, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => s(!0),
-				children: [/* @__PURE__ */ E(b, { className: "h-4 w-4 mr-1" }), "Link existing doc"]
-			}), /* @__PURE__ */ D(k, {
+				children: [/* @__PURE__ */ A(w, { className: "h-4 w-4 mr-1" }), "Link existing doc"]
+			}), /* @__PURE__ */ j(N, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => a(!0),
-				children: [/* @__PURE__ */ E(x, { className: "h-4 w-4 mr-1" }), "New Doc"]
+				children: [/* @__PURE__ */ A(T, { className: "h-4 w-4 mr-1" }), "New Doc"]
 			})]
 		})]
-	}), /* @__PURE__ */ D(j, {
+	}), /* @__PURE__ */ j(F, {
 		className: "space-y-4",
 		children: [
-			o && /* @__PURE__ */ D("div", {
+			o && /* @__PURE__ */ j("div", {
 				className: "space-y-2 rounded-md border border-input p-3",
-				children: [/* @__PURE__ */ E(l, {
+				children: [/* @__PURE__ */ A(l, {
 					id: "task-link-doc",
 					value: c,
 					onChange: d,
 					exclude: J.map((e) => e.id)
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ j("div", {
 					className: "flex gap-2 justify-end",
-					children: [/* @__PURE__ */ E(k, {
+					children: [/* @__PURE__ */ A(N, {
 						size: "sm",
 						variant: "ghost",
 						onClick: () => {
 							s(!1), d("");
 						},
 						children: "Cancel"
-					}), /* @__PURE__ */ E(k, {
+					}), /* @__PURE__ */ A(N, {
 						size: "sm",
-						disabled: !c || U,
+						disabled: !c || M,
 						onClick: X,
-						children: U ? "Linking..." : "Link"
+						children: M ? "Linking..." : "Link"
 					})]
 				})]
 			}),
-			i && /* @__PURE__ */ D("div", {
+			i && /* @__PURE__ */ j("div", {
 				className: "space-y-3 rounded-md border border-input p-3",
 				children: [
-					/* @__PURE__ */ E(P, {
+					/* @__PURE__ */ A(R, {
 						placeholder: "Doc title",
 						value: f,
 						onChange: (e) => p(e.target.value)
 					}),
-					/* @__PURE__ */ E(u, {
+					/* @__PURE__ */ A(u, {
 						value: m,
 						onChange: h,
 						placeholder: "Write the spec/doc content...",
 						minHeight: 140
 					}),
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ j("div", {
 						className: "flex gap-2 justify-end",
-						children: [/* @__PURE__ */ E(k, {
+						children: [/* @__PURE__ */ A(N, {
 							size: "sm",
 							variant: "ghost",
 							onClick: () => {
 								a(!1), p(""), h("");
 							},
 							children: "Cancel"
-						}), /* @__PURE__ */ E(k, {
+						}), /* @__PURE__ */ A(N, {
 							size: "sm",
-							disabled: V || !f.trim() || !m.trim(),
+							disabled: x || !f.trim() || !m.trim(),
 							onClick: Y,
-							children: V ? "Creating..." : "Create & Link"
+							children: x ? "Creating..." : "Create & Link"
 						})]
 					})
 				]
 			}),
-			_ && /* @__PURE__ */ E("p", {
+			_ && /* @__PURE__ */ A("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Loading docs..."
 			}),
-			C && /* @__PURE__ */ D("p", {
+			v && /* @__PURE__ */ j("p", {
 				className: "text-sm text-red-500",
-				children: ["Error: ", C.message]
+				children: ["Error: ", v.message]
 			}),
-			K && /* @__PURE__ */ E("p", {
+			K && /* @__PURE__ */ A("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
 				children: K
 			}),
-			!_ && !C && J.length === 0 && !i && !o && /* @__PURE__ */ E("p", {
+			!_ && !v && J.length === 0 && !i && !o && /* @__PURE__ */ A("p", {
 				className: "text-sm text-muted-foreground",
 				children: "No docs linked to this work item yet."
 			}),
-			J.map((e) => /* @__PURE__ */ D("div", {
+			J.map((e) => /* @__PURE__ */ j("div", {
 				className: "flex items-center justify-between gap-3 rounded-md border border-input p-3",
-				children: [/* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ j("div", {
 					className: "flex items-center gap-2 min-w-0",
-					children: [/* @__PURE__ */ E(y, { className: "h-4 w-4 text-muted-foreground shrink-0" }), /* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ A(C, { className: "h-4 w-4 text-muted-foreground shrink-0" }), /* @__PURE__ */ j("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ E("button", {
+						children: [/* @__PURE__ */ A("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__ */ D("p", {
+						}), /* @__PURE__ */ j("p", {
 							className: "text-xs text-muted-foreground",
 							children: ["v", e.version]
 						})]
 					})]
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ j("div", {
 					className: "flex items-center gap-2 shrink-0",
-					children: [/* @__PURE__ */ E("span", {
-						className: `text-xs px-2 py-0.5 rounded-full capitalize ${B[e.status] ?? ""}`,
+					children: [/* @__PURE__ */ A("span", {
+						className: `text-xs px-2 py-0.5 rounded-full capitalize ${W[e.status] ?? ""}`,
 						children: e.status.toLowerCase()
-					}), /* @__PURE__ */ E(k, {
+					}), /* @__PURE__ */ A(N, {
 						size: "icon",
 						variant: "ghost",
 						disabled: G,
 						onClick: () => Z(e.id),
 						"aria-label": `Unlink ${e.title}`,
-						children: /* @__PURE__ */ E(S, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ A(E, { className: "h-4 w-4" })
 					})]
 				})]
 			}, e.id))
 		]
 	})] });
 }
-function H() {
-	let { workspaceId: t } = e(), r = new URLSearchParams(window.location.search).get("taskId") ?? "", { data: l, loading: u, error: v } = T(F, {
+function K() {
+	let { workspaceId: t } = e(), r = new URLSearchParams(window.location.search).get("taskId") ?? "", { data: l, loading: u, error: S } = k(z, {
 		variables: { workItemId: r },
 		skip: !t || !r
-	});
-	if (u && !l) return /* @__PURE__ */ E("div", {
+	}), C = f("WORK_ITEM", r || null);
+	if (u && !l) return /* @__PURE__ */ A("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ E("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ A("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (v) return /* @__PURE__ */ D("div", {
+	if (S) return /* @__PURE__ */ j("div", {
 		className: "p-6 text-red-500",
-		children: ["Error: ", v.message]
+		children: ["Error: ", S.message]
 	});
-	let y = l?.planmagnetWorkItem;
-	return y ? /* @__PURE__ */ D("div", {
+	let w = l?.planmagnetWorkItem;
+	return w ? /* @__PURE__ */ j("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ j("div", {
 			className: "flex items-start justify-between gap-4",
-			children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
-				className: "text-2xl font-semibold",
-				children: y.title
-			}), /* @__PURE__ */ D("p", {
-				className: "text-sm text-muted-foreground",
-				children: [
-					y.key,
-					" · ",
-					y.type.toLowerCase()
-				]
-			})] }), /* @__PURE__ */ E(s, {
-				workItemId: y.id,
-				title: y.title
+			children: [/* @__PURE__ */ j("div", { children: [
+				/* @__PURE__ */ A("h1", {
+					className: "text-2xl font-semibold",
+					children: w.title
+				}),
+				/* @__PURE__ */ j("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						w.key,
+						" · ",
+						w.type.toLowerCase()
+					]
+				}),
+				/* @__PURE__ */ A(d, { others: C.others })
+			] }), /* @__PURE__ */ A(s, {
+				workItemId: w.id,
+				title: w.title
 			})]
-		}), /* @__PURE__ */ D("div", {
+		}), /* @__PURE__ */ j("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ D("div", {
+			children: [/* @__PURE__ */ j("div", {
 				className: "lg:col-span-2 space-y-6",
 				children: [
-					/* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, { children: /* @__PURE__ */ E(N, { children: "Description" }) }), /* @__PURE__ */ E(j, { children: /* @__PURE__ */ E("p", {
+					/* @__PURE__ */ j(P, { children: [/* @__PURE__ */ A(I, { children: /* @__PURE__ */ A(L, { children: "Description" }) }), /* @__PURE__ */ A(F, { children: /* @__PURE__ */ A("p", {
 						className: "text-sm",
-						children: y.description ?? "No description provided."
+						children: w.description ?? "No description provided."
 					}) })] }),
-					/* @__PURE__ */ E(h, {
-						workItemId: y.id,
-						projectId: y.projectId,
-						values: y.customFieldValues ?? []
+					/* @__PURE__ */ A(_, {
+						workItemId: w.id,
+						projectId: w.projectId,
+						values: w.customFieldValues ?? []
 					}),
-					/* @__PURE__ */ E(V, { workItemId: y.id }),
-					/* @__PURE__ */ E(m, {
+					/* @__PURE__ */ A(G, { workItemId: w.id }),
+					/* @__PURE__ */ A(g, {
 						workspaceId: t,
-						workItemId: y.id,
-						projectId: y.projectId,
-						taskLabel: `${y.key} — ${y.title}`
+						workItemId: w.id,
+						projectId: w.projectId,
+						taskLabel: `${w.key} — ${w.title}`
 					}),
-					/* @__PURE__ */ E(g, {
+					/* @__PURE__ */ A(v, {
 						workspaceId: t ?? "",
-						workItemId: y.id,
-						projectId: y.projectId
+						workItemId: w.id,
+						projectId: w.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__ */ A(x, { codeLinks: w.codeLinks ?? [] }),
+					/* @__PURE__ */ A(m, {
+						workItemId: w.id,
+						presence: {
+							typingActorIds: C.typingActorIds,
+							notifyTyping: C.notifyTyping
+						}
 					}),
-					/* @__PURE__ */ E(_, { workItemId: y.id }),
-					/* @__PURE__ */ E(f, { workItemId: y.id }),
-					/* @__PURE__ */ E(p, { workItemId: y.id })
+					/* @__PURE__ */ A(h, { workItemId: w.id })
 				]
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ A("div", {
 				className: "space-y-6",
-				children: /* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, { children: /* @__PURE__ */ E(N, { children: "Details" }) }), /* @__PURE__ */ D(j, {
+				children: /* @__PURE__ */ j(P, { children: [/* @__PURE__ */ A(I, { children: /* @__PURE__ */ A(L, { children: "Details" }) }), /* @__PURE__ */ j(F, {
 					className: "space-y-3 text-sm",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Status"
-							}), /* @__PURE__ */ E(c, {
-								workItemId: y.id,
-								projectId: y.projectId,
-								value: y.status
+							}), /* @__PURE__ */ A(c, {
+								workItemId: w.id,
+								projectId: w.projectId,
+								value: w.status
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Priority"
-							}), /* @__PURE__ */ E(o, {
-								workItemId: y.id,
+							}), /* @__PURE__ */ A(o, {
+								workItemId: w.id,
 								field: "priority",
-								value: y.priority,
+								value: w.priority,
 								options: i,
 								label: "Priority"
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Type"
-							}), /* @__PURE__ */ E(O, {
+							}), /* @__PURE__ */ A(M, {
 								variant: "outline",
 								className: "capitalize",
-								children: y.type.toLowerCase()
+								children: w.type.toLowerCase()
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Milestone"
-							}), /* @__PURE__ */ E(d, {
-								workItemId: y.id,
-								projectId: y.projectId,
-								milestoneId: y.milestoneId
+							}), /* @__PURE__ */ A(p, {
+								workItemId: w.id,
+								projectId: w.projectId,
+								milestoneId: w.milestoneId
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Story Points"
-							}), /* @__PURE__ */ E("span", {
+							}), /* @__PURE__ */ A("span", {
 								className: "font-medium",
-								children: y.storyPoints ?? 0
+								children: w.storyPoints ?? 0
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Assignee"
-							}), /* @__PURE__ */ E(a, {
-								workItemId: y.id,
-								assigneeId: y.assigneeId
+							}), /* @__PURE__ */ A(a, {
+								workItemId: w.id,
+								assigneeId: w.assigneeId
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Reporter"
-							}), /* @__PURE__ */ E(n, { id: y.reporterId ?? y.createdBy })]
+							}), /* @__PURE__ */ A(n, { id: w.reporterId ?? w.createdBy })]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Key"
-							}), /* @__PURE__ */ E("span", { children: y.key })]
+							}), /* @__PURE__ */ A("span", { children: w.key })]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Due Date"
-							}), /* @__PURE__ */ E("span", { children: y.dueDate ?? "Not set" })]
+							}), /* @__PURE__ */ A("span", { children: w.dueDate ?? "Not set" })]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Created"
-							}), /* @__PURE__ */ E("span", { children: y.createdAt })]
+							}), /* @__PURE__ */ A("span", { children: w.createdAt })]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ j("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ A("span", {
 								className: "text-muted-foreground",
 								children: "Updated"
-							}), /* @__PURE__ */ E("span", { children: y.updatedAt })]
+							}), /* @__PURE__ */ A("span", { children: w.updatedAt })]
 						}),
-						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("span", {
+						/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("span", {
 							className: "text-muted-foreground text-xs",
 							children: "Labels"
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ A("div", {
 							className: "flex gap-1 mt-1 flex-wrap",
-							children: (y.labels ?? []).map((e) => /* @__PURE__ */ E("span", {
+							children: (w.labels ?? []).map((e) => /* @__PURE__ */ A("span", {
 								className: "text-xs px-2 py-0.5 rounded bg-muted",
 								children: e
 							}, e))
@@ -436,12 +470,12 @@ function H() {
 				})] })
 			})]
 		})]
-	}) : /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ A("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Task not found."
 	});
 }
 //#endregion
-export { H as TasksTaskDetailPagePage };
+export { K as TasksTaskDetailPagePage };
 
 //# sourceMappingURL=TasksTaskDetailPagePage.js.map