@burdenoff/microfe-planmagnet 2026.726.1 → 2026.730.2

package/dist/planmagnet/pages/TasksTaskDetailPagePage.js

@@ -1,10 +1,13 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { gql as t } from "@apollo/client";
-import { useQuery as n } from "@apollo/client/react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Badge as a, Card as o, CardContent as s, CardHeader as c, CardTitle as l } from "@burdenoff/fe-libs/ui";
+import { MarkdownEditor as t } from "../../components/MarkdownEditor.js";
+import { useState as n } from "react";
+import { FileText as r, Plus as i, X as a } from "lucide-react";
+import { gql as o } from "@apollo/client";
+import { useMutation as s, useQuery as c } from "@apollo/client/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, Input as _ } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/TasksTaskDetailPagePage.tsx
-var u = t`
+var v = o`
   query GetWorkItemDetail($workItemId: ID!) {
     planmagnetWorkItem(id: $workItemId) {
       id
@@ -26,12 +29,38 @@ var u = t`
       updatedAt
     }
   }
-`, d = {
+`, y = o`
+  query GetWorkItemDocs($workItemId: ID!) {
+    planmagnetWorkItemDocs(workItemId: $workItemId) {
+      id
+      title
+      status
+      version
+      updatedAt
+    }
+  }
+`, b = o`
+  mutation CreateDocForWorkItem($input: PlanmagnetCreateDocInput!) {
+    planmagnetCreateDoc(input: $input) {
+      id
+    }
+  }
+`, x = o`
+  mutation LinkDocToWorkItem($docId: ID!, $workItemId: ID!) {
+    planmagnetLinkDocToWorkItem(docId: $docId, workItemId: $workItemId) {
+      id
+    }
+  }
+`, S = o`
+  mutation UnlinkDocFromWorkItem($docId: ID!, $workItemId: ID!) {
+    planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)
+  }
+`, C = {
 	LOW: "bg-gray-100 text-gray-800",
 	MEDIUM: "bg-blue-100 text-blue-800",
 	HIGH: "bg-orange-100 text-orange-800",
 	CRITICAL: "bg-red-100 text-red-800"
-}, f = {
+}, w = {
 	BACKLOG: "bg-gray-100 text-gray-800",
 	TODO: "bg-blue-100 text-blue-800",
 	IN_PROGRESS: "bg-yellow-100 text-yellow-800",
@@ -40,178 +69,293 @@ var u = t`
 	BLOCKED: "bg-red-100 text-red-800",
 	TESTING: "bg-teal-100 text-teal-800",
 	CANCELLED: "bg-gray-100 text-gray-800"
+}, T = {
+	DRAFT: "bg-gray-100 text-gray-800",
+	PUBLISHED: "bg-green-100 text-green-800",
+	ARCHIVED: "bg-gray-100 text-gray-500"
 };
-function p() {
-	let { workspaceId: t } = e(), p = new URLSearchParams(window.location.search).get("taskId") ?? "", { data: m, loading: h, error: g } = n(u, {
-		variables: { workItemId: p },
-		skip: !t || !p
+function E({ workItemId: e }) {
+	let [o, d] = n(!1), [v, C] = n(""), [w, E] = n(""), { data: D, loading: O, error: k, refetch: A } = c(y, {
+		variables: { workItemId: e },
+		skip: !e
+	}), [j, { loading: M }] = s(b), [N] = s(x), [P, { loading: F }] = s(S), I = D?.planmagnetWorkItemDocs ?? [], L = async () => {
+		if (!v.trim() || !w.trim()) return;
+		let t = (await j({ variables: { input: {
+			title: v.trim(),
+			content: w.trim()
+		} } })).data?.planmagnetCreateDoc?.id;
+		t && await N({ variables: {
+			docId: t,
+			workItemId: e
+		} }), C(""), E(""), d(!1), A();
+	}, R = async (t) => {
+		await P({ variables: {
+			docId: t,
+			workItemId: e
+		} }), A();
+	};
+	return /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+		className: "flex flex-row items-center justify-between space-y-0",
+		children: [/* @__PURE__ */ l(g, { children: "Linked Docs" }), !o && /* @__PURE__ */ u(f, {
+			size: "sm",
+			variant: "outline",
+			onClick: () => d(!0),
+			children: [/* @__PURE__ */ l(i, { className: "h-4 w-4 mr-1" }), "New Doc"]
+		})]
+	}), /* @__PURE__ */ u(m, {
+		className: "space-y-4",
+		children: [
+			o && /* @__PURE__ */ u("div", {
+				className: "space-y-3 rounded-md border border-input p-3",
+				children: [
+					/* @__PURE__ */ l(_, {
+						placeholder: "Doc title",
+						value: v,
+						onChange: (e) => C(e.target.value)
+					}),
+					/* @__PURE__ */ l(t, {
+						value: w,
+						onChange: E,
+						placeholder: "Write the spec/doc content...",
+						minHeight: 140
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "flex gap-2 justify-end",
+						children: [/* @__PURE__ */ l(f, {
+							size: "sm",
+							variant: "ghost",
+							onClick: () => {
+								d(!1), C(""), E("");
+							},
+							children: "Cancel"
+						}), /* @__PURE__ */ l(f, {
+							size: "sm",
+							disabled: M || !v.trim() || !w.trim(),
+							onClick: L,
+							children: M ? "Creating..." : "Create & Link"
+						})]
+					})
+				]
+			}),
+			O && /* @__PURE__ */ l("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading docs..."
+			}),
+			k && /* @__PURE__ */ u("p", {
+				className: "text-sm text-red-500",
+				children: ["Error: ", k.message]
+			}),
+			!O && !k && I.length === 0 && !o && /* @__PURE__ */ l("p", {
+				className: "text-sm text-muted-foreground",
+				children: "No docs linked to this work item yet."
+			}),
+			I.map((e) => /* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between gap-3 rounded-md border border-input p-3",
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2 min-w-0",
+					children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 text-muted-foreground shrink-0" }), /* @__PURE__ */ u("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ l("p", {
+							className: "text-sm font-medium truncate",
+							children: e.title
+						}), /* @__PURE__ */ u("p", {
+							className: "text-xs text-muted-foreground",
+							children: ["v", e.version]
+						})]
+					})]
+				}), /* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2 shrink-0",
+					children: [/* @__PURE__ */ l("span", {
+						className: `text-xs px-2 py-0.5 rounded-full capitalize ${T[e.status] ?? ""}`,
+						children: e.status.toLowerCase()
+					}), /* @__PURE__ */ l(f, {
+						size: "icon",
+						variant: "ghost",
+						disabled: F,
+						onClick: () => R(e.id),
+						"aria-label": `Unlink ${e.title}`,
+						children: /* @__PURE__ */ l(a, { className: "h-4 w-4" })
+					})]
+				})]
+			}, e.id))
+		]
+	})] });
+}
+function D() {
+	let { workspaceId: t } = e(), n = new URLSearchParams(window.location.search).get("taskId") ?? "", { data: r, loading: i, error: a } = c(v, {
+		variables: { workItemId: n },
+		skip: !t || !n
 	});
-	if (h) return /* @__PURE__ */ r("div", {
+	if (i) return /* @__PURE__ */ l("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ r("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ l("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (g) return /* @__PURE__ */ i("div", {
+	if (a) return /* @__PURE__ */ u("div", {
 		className: "p-6 text-red-500",
-		children: ["Error: ", g.message]
+		children: ["Error: ", a.message]
 	});
-	let _ = m?.planmagnetWorkItem;
-	if (!_) return /* @__PURE__ */ r("div", {
+	let o = r?.planmagnetWorkItem;
+	if (!o) return /* @__PURE__ */ l("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Task not found."
 	});
-	let v = _.status.toLowerCase().replace("_", " "), y = [
+	let s = o.status.toLowerCase().replace("_", " "), f = [
 		{
 			action: "Task created",
-			by: _.reporterId ?? "Unknown",
-			at: _.createdAt
+			by: o.reporterId ?? "Unknown",
+			at: o.createdAt
 		},
 		{
-			action: `Assigned to ${_.assigneeId ?? "Unassigned"}`,
-			by: _.reporterId ?? "Unknown",
-			at: _.createdAt
+			action: `Assigned to ${o.assigneeId ?? "Unassigned"}`,
+			by: o.reporterId ?? "Unknown",
+			at: o.createdAt
 		},
 		{
-			action: `Status changed to ${v}`,
-			by: _.assigneeId ?? "Unknown",
-			at: _.updatedAt
+			action: `Status changed to ${s}`,
+			by: o.assigneeId ?? "Unknown",
+			at: o.updatedAt
 		}
 	];
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h1", {
+		children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
 			className: "text-2xl font-semibold",
-			children: _.title
-		}), /* @__PURE__ */ i("p", {
+			children: o.title
+		}), /* @__PURE__ */ u("p", {
 			className: "text-sm text-muted-foreground",
 			children: [
-				_.key,
+				o.key,
 				" · ",
-				_.type.toLowerCase()
+				o.type.toLowerCase()
 			]
-		})] }), /* @__PURE__ */ i("div", {
+		})] }), /* @__PURE__ */ u("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ i("div", {
+			children: [/* @__PURE__ */ u("div", {
 				className: "lg:col-span-2 space-y-6",
-				children: [/* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(l, { children: "Description" }) }), /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("p", {
-					className: "text-sm",
-					children: _.description ?? "No description provided."
-				}) })] }), /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(l, { children: "Activity" }) }), /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("div", {
-					className: "space-y-3",
-					children: y.map((e, t) => /* @__PURE__ */ i("div", {
-						className: "flex gap-3",
-						children: [/* @__PURE__ */ i("div", {
-							className: "flex flex-col items-center",
-							children: [/* @__PURE__ */ r("div", { className: "h-2.5 w-2.5 rounded-full bg-primary mt-1.5" }), t < y.length - 1 && /* @__PURE__ */ r("div", { className: "w-px flex-1 bg-border" })]
-						}), /* @__PURE__ */ i("div", {
-							className: "pb-3",
-							children: [/* @__PURE__ */ r("p", {
-								className: "text-sm",
-								children: e.action
-							}), /* @__PURE__ */ i("p", {
-								className: "text-xs text-muted-foreground",
-								children: [
-									e.by,
-									" · ",
-									e.at
-								]
+				children: [
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, { children: "Description" }) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("p", {
+						className: "text-sm",
+						children: o.description ?? "No description provided."
+					}) })] }),
+					/* @__PURE__ */ l(E, { workItemId: o.id }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, { children: "Activity" }) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("div", {
+						className: "space-y-3",
+						children: f.map((e, t) => /* @__PURE__ */ u("div", {
+							className: "flex gap-3",
+							children: [/* @__PURE__ */ u("div", {
+								className: "flex flex-col items-center",
+								children: [/* @__PURE__ */ l("div", { className: "h-2.5 w-2.5 rounded-full bg-primary mt-1.5" }), t < f.length - 1 && /* @__PURE__ */ l("div", { className: "w-px flex-1 bg-border" })]
+							}), /* @__PURE__ */ u("div", {
+								className: "pb-3",
+								children: [/* @__PURE__ */ l("p", {
+									className: "text-sm",
+									children: e.action
+								}), /* @__PURE__ */ u("p", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										e.by,
+										" · ",
+										e.at
+									]
+								})]
 							})]
-						})]
-					}, t))
-				}) })] })]
-			}), /* @__PURE__ */ r("div", {
+						}, t))
+					}) })] })
+				]
+			}), /* @__PURE__ */ l("div", {
 				className: "space-y-6",
-				children: /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(l, { children: "Details" }) }), /* @__PURE__ */ i(s, {
+				children: /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, { children: "Details" }) }), /* @__PURE__ */ u(m, {
 					className: "space-y-3 text-sm",
 					children: [
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Status"
-							}), /* @__PURE__ */ r("span", {
-								className: `text-xs px-2 py-0.5 rounded-full capitalize ${f[_.status] ?? ""}`,
-								children: v
+							}), /* @__PURE__ */ l("span", {
+								className: `text-xs px-2 py-0.5 rounded-full capitalize ${w[o.status] ?? ""}`,
+								children: s
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Priority"
-							}), /* @__PURE__ */ r("span", {
-								className: `text-xs px-2 py-0.5 rounded-full capitalize ${d[_.priority] ?? ""}`,
-								children: _.priority.toLowerCase()
+							}), /* @__PURE__ */ l("span", {
+								className: `text-xs px-2 py-0.5 rounded-full capitalize ${C[o.priority] ?? ""}`,
+								children: o.priority.toLowerCase()
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Type"
-							}), /* @__PURE__ */ r(a, {
+							}), /* @__PURE__ */ l(d, {
 								variant: "outline",
 								className: "capitalize",
-								children: _.type.toLowerCase()
+								children: o.type.toLowerCase()
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Story Points"
-							}), /* @__PURE__ */ r("span", {
+							}), /* @__PURE__ */ l("span", {
 								className: "font-medium",
-								children: _.storyPoints ?? 0
+								children: o.storyPoints ?? 0
 							})]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Assignee"
-							}), /* @__PURE__ */ r("span", { children: _.assigneeId ?? "Unassigned" })]
+							}), /* @__PURE__ */ l("span", { children: o.assigneeId ?? "Unassigned" })]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Reporter"
-							}), /* @__PURE__ */ r("span", { children: _.reporterId ?? "Unknown" })]
+							}), /* @__PURE__ */ l("span", { children: o.reporterId ?? "Unknown" })]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Key"
-							}), /* @__PURE__ */ r("span", { children: _.key })]
+							}), /* @__PURE__ */ l("span", { children: o.key })]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Due Date"
-							}), /* @__PURE__ */ r("span", { children: _.dueDate ?? "Not set" })]
+							}), /* @__PURE__ */ l("span", { children: o.dueDate ?? "Not set" })]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Created"
-							}), /* @__PURE__ */ r("span", { children: _.createdAt })]
+							}), /* @__PURE__ */ l("span", { children: o.createdAt })]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ r("span", {
+							children: [/* @__PURE__ */ l("span", {
 								className: "text-muted-foreground",
 								children: "Updated"
-							}), /* @__PURE__ */ r("span", { children: _.updatedAt })]
+							}), /* @__PURE__ */ l("span", { children: o.updatedAt })]
 						}),
-						/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("span", {
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
 							className: "text-muted-foreground text-xs",
 							children: "Labels"
-						}), /* @__PURE__ */ r("div", {
+						}), /* @__PURE__ */ l("div", {
 							className: "flex gap-1 mt-1 flex-wrap",
-							children: (_.labels ?? []).map((e) => /* @__PURE__ */ r("span", {
+							children: (o.labels ?? []).map((e) => /* @__PURE__ */ l("span", {
 								className: "text-xs px-2 py-0.5 rounded bg-muted",
 								children: e
 							}, e))
@@ -223,6 +367,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as TasksTaskDetailPagePage };
+export { D as TasksTaskDetailPagePage };
 
 //# sourceMappingURL=TasksTaskDetailPagePage.js.map

package/dist/planmagnet/pages/TasksTaskDetailPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TasksTaskDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTaskDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_WORK_ITEM = gql`\n  query GetWorkItemDetail($workItemId: ID!) {\n    planmagnetWorkItem(id: $workItemId) {\n      id\n      title\n      description\n      type\n      status\n      priority\n      key\n      assigneeId\n      reporterId\n      sprintId\n      storyPoints\n      estimateMinutes\n      dueDate\n      labels\n      tags\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  storyPoints: number | null;\n  estimateMinutes: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-800',\n  MEDIUM: 'bg-blue-100 text-blue-800',\n  HIGH: 'bg-orange-100 text-orange-800',\n  CRITICAL: 'bg-red-100 text-red-800',\n};\n\nconst statusColor: Record<string, string> = {\n  BACKLOG: 'bg-gray-100 text-gray-800',\n  TODO: 'bg-blue-100 text-blue-800',\n  IN_PROGRESS: 'bg-yellow-100 text-yellow-800',\n  IN_REVIEW: 'bg-purple-100 text-purple-800',\n  DONE: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  TESTING: 'bg-teal-100 text-teal-800',\n  CANCELLED: 'bg-gray-100 text-gray-800',\n};\n\nexport function TasksTaskDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n\n  // In a real app, workItemId comes from route params.\n  const workItemId = new URLSearchParams(window.location.search).get('taskId') ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetWorkItem: WorkItemNode;\n  }>(GET_WORK_ITEM, {\n    variables: { workItemId },\n    skip: !workspaceId || !workItemId,\n  });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const task = data?.planmagnetWorkItem;\n  if (!task) return <div className=\"p-6 text-muted-foreground\">Task not found.</div>;\n\n  const statusDisplay = task.status.toLowerCase().replace('_', ' ');\n\n  const activityLog = [\n    { action: 'Task created', by: task.reporterId ?? 'Unknown', at: task.createdAt },\n    {\n      action: `Assigned to ${task.assigneeId ?? 'Unassigned'}`,\n      by: task.reporterId ?? 'Unknown',\n      at: task.createdAt,\n    },\n    {\n      action: `Status changed to ${statusDisplay}`,\n      by: task.assigneeId ?? 'Unknown',\n      at: task.updatedAt,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">{task.title}</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {task.key} &middot; {task.type.toLowerCase()}\n        </p>\n      </div>\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{task.description ?? 'No description provided.'}</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Activity</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-3\">\n                {activityLog.map((a, i) => (\n                  <div key={i} className=\"flex gap-3\">\n                    <div className=\"flex flex-col items-center\">\n                      <div className=\"h-2.5 w-2.5 rounded-full bg-primary mt-1.5\" />\n                      {i < activityLog.length - 1 && <div className=\"w-px flex-1 bg-border\" />}\n                    </div>\n                    <div className=\"pb-3\">\n                      <p className=\"text-sm\">{a.action}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {a.by} &middot; {a.at}\n                      </p>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[task.status] ?? ''}`}\n                >\n                  {statusDisplay}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Priority</span>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                >\n                  {task.priority.toLowerCase()}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <Badge variant=\"outline\" className=\"capitalize\">\n                  {task.type.toLowerCase()}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Story Points</span>\n                <span className=\"font-medium\">{task.storyPoints ?? 0}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Assignee</span>\n                <span>{task.assigneeId ?? 'Unassigned'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Reporter</span>\n                <span>{task.reporterId ?? 'Unknown'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Key</span>\n                <span>{task.key}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Due Date</span>\n                <span>{task.dueDate ?? 'Not set'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{task.createdAt}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{task.updatedAt}</span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground text-xs\">Labels</span>\n                <div className=\"flex gap-1 mt-1 flex-wrap\">\n                  {(task.labels ?? []).map((l) => (\n                    <span key={l} className=\"text-xs px-2 py-0.5 rounded bg-muted\">\n                      {l}\n                    </span>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TasksTaskDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTaskDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { FileText, Plus, X } from 'lucide-react';\nimport { MarkdownEditor } from '#src/components/MarkdownEditor';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_WORK_ITEM = gql`\n  query GetWorkItemDetail($workItemId: ID!) {\n    planmagnetWorkItem(id: $workItemId) {\n      id\n      title\n      description\n      type\n      status\n      priority\n      key\n      assigneeId\n      reporterId\n      sprintId\n      storyPoints\n      estimateMinutes\n      dueDate\n      labels\n      tags\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\nconst GET_WORK_ITEM_DOCS = gql`\n  query GetWorkItemDocs($workItemId: ID!) {\n    planmagnetWorkItemDocs(workItemId: $workItemId) {\n      id\n      title\n      status\n      version\n      updatedAt\n    }\n  }\n`;\n\nconst CREATE_DOC = gql`\n  mutation CreateDocForWorkItem($input: PlanmagnetCreateDocInput!) {\n    planmagnetCreateDoc(input: $input) {\n      id\n    }\n  }\n`;\n\nconst LINK_DOC_TO_WORK_ITEM = gql`\n  mutation LinkDocToWorkItem($docId: ID!, $workItemId: ID!) {\n    planmagnetLinkDocToWorkItem(docId: $docId, workItemId: $workItemId) {\n      id\n    }\n  }\n`;\n\nconst UNLINK_DOC_FROM_WORK_ITEM = gql`\n  mutation UnlinkDocFromWorkItem($docId: ID!, $workItemId: ID!) {\n    planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  storyPoints: number | null;\n  estimateMinutes: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\ninterface WorkItemDocNode {\n  id: string;\n  title: string;\n  status: string;\n  version: number;\n  updatedAt: string;\n}\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-800',\n  MEDIUM: 'bg-blue-100 text-blue-800',\n  HIGH: 'bg-orange-100 text-orange-800',\n  CRITICAL: 'bg-red-100 text-red-800',\n};\n\nconst statusColor: Record<string, string> = {\n  BACKLOG: 'bg-gray-100 text-gray-800',\n  TODO: 'bg-blue-100 text-blue-800',\n  IN_PROGRESS: 'bg-yellow-100 text-yellow-800',\n  IN_REVIEW: 'bg-purple-100 text-purple-800',\n  DONE: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  TESTING: 'bg-teal-100 text-teal-800',\n  CANCELLED: 'bg-gray-100 text-gray-800',\n};\n\nconst docStatusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PUBLISHED: 'bg-green-100 text-green-800',\n  ARCHIVED: 'bg-gray-100 text-gray-500',\n};\n\n/**\n * Linked-docs panel (BOFF-4443): create a doc and link it to this work item\n * in one action, view currently-linked docs, and unlink one. Reads/writes go\n * through the real planmagnetWorkItemDocs / planmagnetCreateDoc /\n * planmagnetLinkDocToWorkItem / planmagnetUnlinkDocFromWorkItem GraphQL\n * fields — no fabricated data. Full doc editing (revisions, revert) lives on\n * a dedicated doc detail view; this panel is scoped to linking.\n */\nfunction LinkedDocsPanel({ workItemId }: { workItemId: string }) {\n  const [isComposing, setIsComposing] = useState(false);\n  const [newTitle, setNewTitle] = useState('');\n  const [newContent, setNewContent] = useState('');\n\n  const { data, loading, error, refetch } = useQuery<{\n    planmagnetWorkItemDocs: WorkItemDocNode[];\n  }>(GET_WORK_ITEM_DOCS, {\n    variables: { workItemId },\n    skip: !workItemId,\n  });\n\n  const [createDoc, { loading: creating }] = useMutation(CREATE_DOC);\n  const [linkDoc] = useMutation(LINK_DOC_TO_WORK_ITEM);\n  const [unlinkDoc, { loading: unlinking }] = useMutation(UNLINK_DOC_FROM_WORK_ITEM);\n\n  const docs = data?.planmagnetWorkItemDocs ?? [];\n\n  const handleCreateAndLink = async () => {\n    if (!newTitle.trim() || !newContent.trim()) return;\n    const result = await createDoc({\n      variables: { input: { title: newTitle.trim(), content: newContent.trim() } },\n    });\n    const docId = result.data?.planmagnetCreateDoc?.id;\n    if (docId) {\n      await linkDoc({ variables: { docId, workItemId } });\n    }\n    setNewTitle('');\n    setNewContent('');\n    setIsComposing(false);\n    void refetch();\n  };\n\n  const handleUnlink = async (docId: string) => {\n    await unlinkDoc({ variables: { docId, workItemId } });\n    void refetch();\n  };\n\n  return (\n    <Card>\n      <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n        <CardTitle>Linked Docs</CardTitle>\n        {!isComposing && (\n          <Button size=\"sm\" variant=\"outline\" onClick={() => setIsComposing(true)}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            New Doc\n          </Button>\n        )}\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {isComposing && (\n          <div className=\"space-y-3 rounded-md border border-input p-3\">\n            <Input\n              placeholder=\"Doc title\"\n              value={newTitle}\n              onChange={(e) => setNewTitle(e.target.value)}\n            />\n            <MarkdownEditor\n              value={newContent}\n              onChange={setNewContent}\n              placeholder=\"Write the spec/doc content...\"\n              minHeight={140}\n            />\n            <div className=\"flex gap-2 justify-end\">\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setIsComposing(false);\n                  setNewTitle('');\n                  setNewContent('');\n                }}\n              >\n                Cancel\n              </Button>\n              <Button\n                size=\"sm\"\n                disabled={creating || !newTitle.trim() || !newContent.trim()}\n                onClick={handleCreateAndLink}\n              >\n                {creating ? 'Creating...' : 'Create & Link'}\n              </Button>\n            </div>\n          </div>\n        )}\n\n        {loading && <p className=\"text-sm text-muted-foreground\">Loading docs...</p>}\n        {error && <p className=\"text-sm text-red-500\">Error: {error.message}</p>}\n        {!loading && !error && docs.length === 0 && !isComposing && (\n          <p className=\"text-sm text-muted-foreground\">No docs linked to this work item yet.</p>\n        )}\n        {docs.map((doc) => (\n          <div\n            key={doc.id}\n            className=\"flex items-center justify-between gap-3 rounded-md border border-input p-3\"\n          >\n            <div className=\"flex items-center gap-2 min-w-0\">\n              <FileText className=\"h-4 w-4 text-muted-foreground shrink-0\" />\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-medium truncate\">{doc.title}</p>\n                <p className=\"text-xs text-muted-foreground\">v{doc.version}</p>\n              </div>\n            </div>\n            <div className=\"flex items-center gap-2 shrink-0\">\n              <span\n                className={`text-xs px-2 py-0.5 rounded-full capitalize ${docStatusColor[doc.status] ?? ''}`}\n              >\n                {doc.status.toLowerCase()}\n              </span>\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                disabled={unlinking}\n                onClick={() => handleUnlink(doc.id)}\n                aria-label={`Unlink ${doc.title}`}\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          </div>\n        ))}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function TasksTaskDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n\n  // In a real app, workItemId comes from route params.\n  const workItemId = new URLSearchParams(window.location.search).get('taskId') ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetWorkItem: WorkItemNode;\n  }>(GET_WORK_ITEM, {\n    variables: { workItemId },\n    skip: !workspaceId || !workItemId,\n  });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const task = data?.planmagnetWorkItem;\n  if (!task) return <div className=\"p-6 text-muted-foreground\">Task not found.</div>;\n\n  const statusDisplay = task.status.toLowerCase().replace('_', ' ');\n\n  const activityLog = [\n    { action: 'Task created', by: task.reporterId ?? 'Unknown', at: task.createdAt },\n    {\n      action: `Assigned to ${task.assigneeId ?? 'Unassigned'}`,\n      by: task.reporterId ?? 'Unknown',\n      at: task.createdAt,\n    },\n    {\n      action: `Status changed to ${statusDisplay}`,\n      by: task.assigneeId ?? 'Unknown',\n      at: task.updatedAt,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">{task.title}</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {task.key} &middot; {task.type.toLowerCase()}\n        </p>\n      </div>\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{task.description ?? 'No description provided.'}</p>\n            </CardContent>\n          </Card>\n          <LinkedDocsPanel workItemId={task.id} />\n          <Card>\n            <CardHeader>\n              <CardTitle>Activity</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-3\">\n                {activityLog.map((a, i) => (\n                  <div key={i} className=\"flex gap-3\">\n                    <div className=\"flex flex-col items-center\">\n                      <div className=\"h-2.5 w-2.5 rounded-full bg-primary mt-1.5\" />\n                      {i < activityLog.length - 1 && <div className=\"w-px flex-1 bg-border\" />}\n                    </div>\n                    <div className=\"pb-3\">\n                      <p className=\"text-sm\">{a.action}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {a.by} &middot; {a.at}\n                      </p>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[task.status] ?? ''}`}\n                >\n                  {statusDisplay}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Priority</span>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                >\n                  {task.priority.toLowerCase()}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <Badge variant=\"outline\" className=\"capitalize\">\n                  {task.type.toLowerCase()}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Story Points</span>\n                <span className=\"font-medium\">{task.storyPoints ?? 0}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Assignee</span>\n                <span>{task.assigneeId ?? 'Unassigned'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Reporter</span>\n                <span>{task.reporterId ?? 'Unknown'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Key</span>\n                <span>{task.key}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Due Date</span>\n                <span>{task.dueDate ?? 'Not set'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{task.createdAt}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{task.updatedAt}</span>\n              </div>\n              <div>\n                <span className=\"text-muted-foreground text-xs\">Labels</span>\n                <div className=\"flex gap-1 mt-1 flex-wrap\">\n                  {(task.labels ?? []).map((l) => (\n                    <span key={l} className=\"text-xs px-2 py-0.5 rounded bg-muted\">\n                      {l}\n                    </span>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-planmagnet",
-  "version": "2026.726.1",
+  "version": "2026.730.2",
   "description": "Burdenoff PlanMagnet Microfrontend",
   "type": "module",
   "files": [