@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.5

package/dist/planmagnet/pages/TasksTaskDetailPagePage.js

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