@burdenoff/microfe-planmagnet 2026.925.14 → 2026.925.16

package/dist/planmagnet/pages/DocsDocsPagePage.js

@@ -0,0 +1,224 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { MarkdownEditor as r } from "../../components/MarkdownEditor.js";
+import { throwOnError as i } from "../utils/mutationResult.js";
+import { DOC_STATUSES as a, DOC_STATUS_LABEL as o, DocStatusBadge as s } from "../docs/DocStatusBadge.js";
+import { useDeferredValue as c, useState as l } from "react";
+import { FileText as u, Plus as d, Search as f } from "lucide-react";
+import { gql as p } from "@apollo/client";
+import { useMutation as m, useQuery as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, Card as y, CardContent as b, Input as x } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/DocsDocsPagePage.tsx
+var S = 50, C = p`
+  query DocsList(
+    $workspaceId: String
+    $filter: PlanmagnetDocFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetDocs(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {
+      totalCount
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      items {
+        id
+        title
+        status
+        version
+        updatedAt
+        updatedBy
+        createdBy
+      }
+    }
+  }
+`, w = p`
+  mutation DocsCreate($input: PlanmagnetCreateDocInput!) {
+    planmagnetCreateDoc(input: $input) {
+      id
+    }
+  }
+`, T = (e) => `/docs/doc-detail-page?docId=${encodeURIComponent(e)}`;
+function E() {
+	let { workspaceId: p } = e(), E = t(), [D, O] = l(""), [k, A] = l("ALL"), [j, M] = l(!1), [N, P] = l(""), [F, I] = l(""), [L, R] = l(null), [z, B] = l(!1), V = c(D.trim()), { data: H, loading: U, error: W, fetchMore: G } = h(C, {
+		variables: {
+			workspaceId: p,
+			filter: {
+				...V ? { search: V } : {},
+				...k === "ALL" ? {} : { status: k }
+			},
+			pagination: { first: S }
+		},
+		skip: !p,
+		fetchPolicy: "cache-and-network"
+	}), [K, q] = m(w, { refetchQueries: ["DocsList"] }), J = H?.planmagnetDocs, Y = J?.items ?? [], X = async () => {
+		R(null);
+		try {
+			let e = (await i(K({ variables: { input: {
+				title: N.trim(),
+				content: F
+			} } }))).data?.planmagnetCreateDoc.id;
+			M(!1), P(""), I(""), e && E(T(e));
+		} catch (e) {
+			R(e instanceof Error ? e.message : "The doc could not be created.");
+		}
+	}, Z = async () => {
+		let e = J?.pageInfo.endCursor;
+		if (e) {
+			B(!0);
+			try {
+				await G({
+					variables: { pagination: {
+						first: S,
+						after: e
+					} },
+					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetDocs: {
+						...t.planmagnetDocs,
+						items: [...e.planmagnetDocs.items, ...t.planmagnetDocs.items]
+					} })
+				});
+			} finally {
+				B(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		"data-testid": "docs-page",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
+					className: "text-2xl font-semibold",
+					children: "Docs"
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm text-muted-foreground",
+					children: J ? `${J.totalCount} doc${J.totalCount === 1 ? "" : "s"}${V || k !== "ALL" ? " match" : " in this workspace"}` : "Specs and documents, with full version history"
+				})] }), !j && /* @__PURE__ */ _(v, {
+					size: "sm",
+					onClick: () => M(!0),
+					"data-testid": "doc-new",
+					children: [/* @__PURE__ */ g(d, { className: "mr-1 h-4 w-4" }), "New doc"]
+				})]
+			}),
+			L && /* @__PURE__ */ g("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: L
+			}),
+			j && /* @__PURE__ */ g(y, { children: /* @__PURE__ */ _(b, {
+				className: "space-y-3 pt-6",
+				children: [
+					/* @__PURE__ */ g(x, {
+						"aria-label": "Doc title",
+						placeholder: "Doc title",
+						value: N,
+						onChange: (e) => P(e.target.value)
+					}),
+					/* @__PURE__ */ g(r, {
+						value: F,
+						onChange: I,
+						placeholder: "Write the doc…",
+						minHeight: 160
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "flex justify-end gap-2",
+						children: [/* @__PURE__ */ g(v, {
+							size: "sm",
+							variant: "ghost",
+							onClick: () => {
+								M(!1), R(null);
+							},
+							children: "Cancel"
+						}), /* @__PURE__ */ g(v, {
+							size: "sm",
+							onClick: X,
+							disabled: q.loading,
+							"data-testid": "doc-create",
+							children: q.loading ? "Creating…" : "Create doc"
+						})]
+					})
+				]
+			}) }),
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ _("div", {
+					className: "relative w-full max-w-sm",
+					children: [/* @__PURE__ */ g(f, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ g(x, {
+						"aria-label": "Search docs",
+						placeholder: "Search titles and content",
+						className: "pl-8",
+						value: D,
+						onChange: (e) => O(e.target.value)
+					})]
+				}), /* @__PURE__ */ g("div", {
+					className: "flex gap-1",
+					role: "group",
+					"aria-label": "Filter by status",
+					children: ["ALL", ...a].map((e) => /* @__PURE__ */ g("button", {
+						type: "button",
+						"aria-pressed": k === e,
+						onClick: () => A(e),
+						className: `px-3 py-1.5 text-sm rounded-md ${k === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+						children: e === "ALL" ? "All" : o[e]
+					}, e))
+				})]
+			}),
+			W && /* @__PURE__ */ _("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: ["Docs could not be loaded: ", W.message]
+			}),
+			U && !H && /* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading docs…"
+			}),
+			J && Y.length === 0 && /* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				children: V || k !== "ALL" ? "No docs match." : "No docs yet. Create the first one."
+			}),
+			/* @__PURE__ */ g("ul", {
+				className: "space-y-2",
+				children: Y.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
+					type: "button",
+					"data-testid": "doc-row",
+					onClick: () => E(T(e.id)),
+					className: "flex w-full items-center justify-between gap-3 rounded-md border p-3 text-left hover:border-primary transition-colors",
+					children: [/* @__PURE__ */ _("span", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [/* @__PURE__ */ g(u, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ _("span", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ g("span", {
+								className: "block truncate text-sm font-medium",
+								children: e.title
+							}), /* @__PURE__ */ _("span", {
+								className: "block text-xs text-muted-foreground",
+								children: [
+									"v",
+									e.version,
+									" · updated ",
+									new Date(e.updatedAt).toLocaleString(),
+									" by",
+									" ",
+									/* @__PURE__ */ g(n, { id: e.updatedBy ?? e.createdBy })
+								]
+							})]
+						})]
+					}), /* @__PURE__ */ g(s, { status: e.status })]
+				}) }, e.id))
+			}),
+			J?.pageInfo.hasNextPage && /* @__PURE__ */ g(v, {
+				size: "sm",
+				variant: "outline",
+				onClick: Z,
+				disabled: z,
+				children: z ? "Loading…" : `Show more (${Y.length} of ${J.totalCount})`
+			})
+		]
+	});
+}
+//#endregion
+export { E as DocsDocsPagePage };
+
+//# sourceMappingURL=DocsDocsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocsDocsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/DocsDocsPagePage.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent, Input } from '@burdenoff/fe-libs/ui';\nimport { FileText, Plus, Search } from 'lucide-react';\nimport { MarkdownEditor } from '#src/components/MarkdownEditor';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\nimport { throwOnError } from '../utils/mutationResult';\nimport {\n  DOC_STATUSES,\n  DOC_STATUS_LABEL,\n  DocStatusBadge,\n  type DocStatus,\n} from '../docs/DocStatusBadge';\n\n/**\n * Docs browse surface (P1.4). Before this, a doc could only be created from a\n * work item's \"Linked Docs\" panel and never opened again: there was no list,\n * no detail view and no history UI, although the service kept every revision.\n */\n\nconst PAGE = 50;\n\nconst DOCS = gql`\n  query DocsList(\n    $workspaceId: String\n    $filter: PlanmagnetDocFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetDocs(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\n        id\n        title\n        status\n        version\n        updatedAt\n        updatedBy\n        createdBy\n      }\n    }\n  }\n`;\n\nconst CREATE_DOC = gql`\n  mutation DocsCreate($input: PlanmagnetCreateDocInput!) {\n    planmagnetCreateDoc(input: $input) {\n      id\n    }\n  }\n`;\n\ninterface DocRow {\n  id: string;\n  title: string;\n  status: string;\n  version: number;\n  updatedAt: string;\n  updatedBy: string | null;\n  createdBy: string;\n}\n\ninterface DocsData {\n  planmagnetDocs: {\n    totalCount: number;\n    pageInfo: { hasNextPage: boolean; endCursor: string | null };\n    items: DocRow[];\n  };\n}\n\nexport const docDetailPath = (id: string) =>\n  `/docs/doc-detail-page?docId=${encodeURIComponent(id)}`;\n\nexport function DocsDocsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [search, setSearch] = useState('');\n  const [status, setStatus] = useState<DocStatus | 'ALL'>('ALL');\n  const [composing, setComposing] = useState(false);\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loadingMore, setLoadingMore] = useState(false);\n  const term = useDeferredValue(search.trim());\n\n  const filter = {\n    ...(term ? { search: term } : {}),\n    ...(status !== 'ALL' ? { status } : {}),\n  };\n  const {\n    data,\n    loading,\n    error: loadError,\n    fetchMore,\n  } = useQuery<DocsData>(DOCS, {\n    variables: { workspaceId, filter, pagination: { first: PAGE } },\n    skip: !workspaceId,\n    // Cached copies go stale here: a deleted doc, or someone else's newer version.\n    fetchPolicy: 'cache-and-network',\n  });\n  const [create, createState] = useMutation<{ planmagnetCreateDoc: { id: string } }>(CREATE_DOC, {\n    refetchQueries: ['DocsList'],\n  });\n\n  const list = data?.planmagnetDocs;\n  const docs = list?.items ?? [];\n\n  const submit = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({ variables: { input: { title: title.trim(), content } } })\n      );\n      const id = result.data?.planmagnetCreateDoc.id;\n      setComposing(false);\n      setTitle('');\n      setContent('');\n      if (id) navigate(docDetailPath(id));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The doc could not be created.');\n    }\n  };\n\n  const loadMore = async () => {\n    const after = list?.pageInfo.endCursor;\n    if (!after) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { first: PAGE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          planmagnetDocs: {\n            ...fetchMoreResult.planmagnetDocs,\n            items: [...prev.planmagnetDocs.items, ...fetchMoreResult.planmagnetDocs.items],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\" data-testid=\"docs-page\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Docs</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {list\n              ? `${list.totalCount} doc${list.totalCount === 1 ? '' : 's'}${term || status !== 'ALL' ? ' match' : ' in this workspace'}`\n              : 'Specs and documents, with full version history'}\n          </p>\n        </div>\n        {!composing && (\n          <Button size=\"sm\" onClick={() => setComposing(true)} data-testid=\"doc-new\">\n            <Plus className=\"mr-1 h-4 w-4\" />\n            New doc\n          </Button>\n        )}\n      </div>\n\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          {error}\n        </p>\n      )}\n\n      {composing && (\n        <Card>\n          <CardContent className=\"space-y-3 pt-6\">\n            <Input\n              aria-label=\"Doc title\"\n              placeholder=\"Doc title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n            <MarkdownEditor\n              value={content}\n              onChange={setContent}\n              placeholder=\"Write the doc…\"\n              minHeight={160}\n            />\n            <div className=\"flex justify-end gap-2\">\n              <Button\n                size=\"sm\"\n                variant=\"ghost\"\n                onClick={() => {\n                  setComposing(false);\n                  setError(null);\n                }}\n              >\n                Cancel\n              </Button>\n              <Button\n                size=\"sm\"\n                onClick={submit}\n                disabled={createState.loading}\n                data-testid=\"doc-create\"\n              >\n                {createState.loading ? 'Creating…' : 'Create doc'}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      )}\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <div className=\"relative w-full max-w-sm\">\n          <Search className=\"absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground\" />\n          <Input\n            aria-label=\"Search docs\"\n            placeholder=\"Search titles and content\"\n            className=\"pl-8\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\" role=\"group\" aria-label=\"Filter by status\">\n          {(['ALL', ...DOC_STATUSES] as const).map((s) => (\n            <button\n              key={s}\n              type=\"button\"\n              aria-pressed={status === s}\n              onClick={() => setStatus(s)}\n              className={`px-3 py-1.5 text-sm rounded-md ${status === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n            >\n              {s === 'ALL' ? 'All' : DOC_STATUS_LABEL[s]}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {loadError && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          Docs could not be loaded: {loadError.message}\n        </p>\n      )}\n      {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading docs…</p>}\n      {list && docs.length === 0 && (\n        <p className=\"text-sm text-muted-foreground\">\n          {term || status !== 'ALL' ? 'No docs match.' : 'No docs yet. Create the first one.'}\n        </p>\n      )}\n\n      <ul className=\"space-y-2\">\n        {docs.map((doc) => (\n          <li key={doc.id}>\n            <button\n              type=\"button\"\n              data-testid=\"doc-row\"\n              onClick={() => navigate(docDetailPath(doc.id))}\n              className=\"flex w-full items-center justify-between gap-3 rounded-md border p-3 text-left hover:border-primary transition-colors\"\n            >\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <FileText className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n                <span className=\"min-w-0\">\n                  <span className=\"block truncate text-sm font-medium\">{doc.title}</span>\n                  <span className=\"block text-xs text-muted-foreground\">\n                    v{doc.version} · updated {new Date(doc.updatedAt).toLocaleString()} by{' '}\n                    <PersonName id={doc.updatedBy ?? doc.createdBy} />\n                  </span>\n                </span>\n              </span>\n              <DocStatusBadge status={doc.status} />\n            </button>\n          </li>\n        ))}\n      </ul>\n      {list?.pageInfo.hasNextPage && (\n        <Button size=\"sm\" variant=\"outline\" onClick={loadMore} disabled={loadingMore}>\n          {loadingMore ? 'Loading…' : `Show more (${docs.length} of ${list.totalCount})`}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsReleaseDetailPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,6BAA6B,4CAoM5C"}
+{"version":3,"file":"ProductsReleaseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,6BAA6B,4CAyM5C"}

package/dist/planmagnet/pages/ProductsReleaseDetailPagePage.js

@@ -1,15 +1,16 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
 import { ReleaseNotesCard as n } from "../releases/ReleaseNotesCard.js";
-import { Calendar as r, Clock as i, GitBranch as a, Loader2 as o } from "lucide-react";
-import { useParams as s } from "react-router";
-import { gql as c } from "@apollo/client";
-import { useQuery as l } from "@apollo/client/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
-import { Markdown as _ } from "@burdenoff/fe-libs/shared/components";
+import { ReleaseGatesCard as r } from "../releases/ReleaseGatesCard.js";
+import { Calendar as i, Clock as a, GitBranch as o, Loader2 as s } from "lucide-react";
+import { useParams as c } from "react-router";
+import { gql as l } from "@apollo/client";
+import { useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Badge as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
+import { Markdown as v } from "@burdenoff/fe-libs/shared/components";
 //#region src/planmagnet/pages/ProductsReleaseDetailPagePage.tsx
-var v = c`
+var y = l`
   query GetRelease($id: ID!) {
     planmagnetRelease(id: $id) {
       id
@@ -36,7 +37,7 @@ var v = c`
       }
     }
   }
-`, y = {
+`, b = {
 	DRAFT: "bg-gray-100 text-gray-800",
 	PLANNING: "bg-yellow-100 text-yellow-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
@@ -45,89 +46,89 @@ var v = c`
 	CANCELLED: "bg-red-100 text-red-800",
 	ROLLED_BACK: "bg-red-100 text-red-800"
 };
-function b() {
-	let { workspaceId: c } = e(), b = s().id ?? "", { data: x, loading: S, error: C } = l(v, {
-		variables: { id: b },
-		skip: !b
+function x() {
+	let { workspaceId: l } = e(), x = c().id ?? "", { data: S, loading: C, error: w } = u(y, {
+		variables: { id: x },
+		skip: !x
 	});
-	if (S && !x) return /* @__PURE__ */ u("div", {
+	if (C && !S) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ u(o, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ d(s, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (C) return /* @__PURE__ */ d("div", {
+	if (w) return /* @__PURE__ */ f("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load release: ", C.message]
+		children: ["Failed to load release: ", w.message]
 	});
-	let w = x?.planmagnetRelease;
-	if (!w) return /* @__PURE__ */ u("div", {
+	let T = S?.planmagnetRelease;
+	if (!T) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Release not found."
 	});
-	let T = w.workItems ?? [], E = T.filter((e) => e.type === "STORY" || e.type === "FEATURE"), D = T.filter((e) => e.type === "BUG");
-	return /* @__PURE__ */ d("div", {
+	let E = T.workItems ?? [], D = E.filter((e) => e.type === "STORY" || e.type === "FEATURE"), O = E.filter((e) => e.type === "BUG");
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ u(a, { className: "h-5 w-5 text-primary" }),
-					/* @__PURE__ */ u("h1", {
+					/* @__PURE__ */ d(o, { className: "h-5 w-5 text-primary" }),
+					/* @__PURE__ */ d("h1", {
 						className: "text-2xl font-semibold",
-						children: w.version
+						children: T.version
 					}),
-					/* @__PURE__ */ u("span", {
-						className: `text-xs px-2 py-0.5 rounded-full capitalize ${y[w.status] ?? "bg-gray-100"}`,
-						children: w.status.toLowerCase().replace("_", " ")
+					/* @__PURE__ */ d("span", {
+						className: `text-xs px-2 py-0.5 rounded-full capitalize ${b[T.status] ?? "bg-gray-100"}`,
+						children: T.status.toLowerCase().replace("_", " ")
 					})
 				]
-			}), /* @__PURE__ */ u("p", {
+			}), /* @__PURE__ */ d("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: w.name
-			})] }), /* @__PURE__ */ u(f, {
+				children: T.name
+			})] }), /* @__PURE__ */ d(p, {
 				variant: "outline",
 				className: "capitalize",
-				children: w.status.toLowerCase().replace("_", " ")
+				children: T.status.toLowerCase().replace("_", " ")
 			})]
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ d("div", {
+			children: [/* @__PURE__ */ f("div", {
 				className: "lg:col-span-2 space-y-6",
 				children: [
-					/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Overview" }) }), /* @__PURE__ */ d(m, {
+					/* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_, { children: "Overview" }) }), /* @__PURE__ */ f(h, {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "text-sm prose prose-sm dark:prose-invert max-w-none",
-							children: w.description ? /* @__PURE__ */ u(_, { children: w.description }) : /* @__PURE__ */ u("p", { children: "No description provided." })
-						}), /* @__PURE__ */ d("div", {
+							children: T.description ? /* @__PURE__ */ d(v, { children: T.description }) : /* @__PURE__ */ d("p", { children: "No description provided." })
+						}), /* @__PURE__ */ f("div", {
 							className: "grid grid-cols-3 gap-4",
 							children: [
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ f("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ u("p", {
+									children: [/* @__PURE__ */ d("p", {
 										className: "text-lg font-semibold mt-1",
-										children: E.length
-									}), /* @__PURE__ */ u("p", {
+										children: D.length
+									}), /* @__PURE__ */ d("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Features"
 									})]
 								}),
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ f("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ u("p", {
+									children: [/* @__PURE__ */ d("p", {
 										className: "text-lg font-semibold mt-1",
-										children: D.length
-									}), /* @__PURE__ */ u("p", {
+										children: O.length
+									}), /* @__PURE__ */ d("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Bug Fixes"
 									})]
 								}),
-								/* @__PURE__ */ d("div", {
+								/* @__PURE__ */ f("div", {
 									className: "text-center p-3 bg-muted rounded-md",
-									children: [/* @__PURE__ */ u("p", {
+									children: [/* @__PURE__ */ d("p", {
 										className: "text-lg font-semibold mt-1",
-										children: T.length
-									}), /* @__PURE__ */ u("p", {
+										children: E.length
+									}), /* @__PURE__ */ d("p", {
 										className: "text-xs text-muted-foreground",
 										children: "Total Items"
 									})]
@@ -135,22 +136,27 @@ function b() {
 							]
 						})]
 					})] }),
-					/* @__PURE__ */ u(n, {
-						releaseId: w.id,
-						notes: w.releaseNotes ?? null
+					/* @__PURE__ */ d(r, {
+						releaseId: T.id,
+						projectId: T.projectId ?? null,
+						releaseStatus: T.status
+					}),
+					/* @__PURE__ */ d(n, {
+						releaseId: T.id,
+						notes: T.releaseNotes ?? null
 					}),
-					T.length > 0 && /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
+					E.length > 0 && /* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ f(_, { children: [
 						"Work Items (",
-						T.length,
+						E.length,
 						")"
-					] }) }), /* @__PURE__ */ u(m, {
+					] }) }), /* @__PURE__ */ d(h, {
 						className: "space-y-2",
-						children: T.map((e) => /* @__PURE__ */ d("div", {
+						children: E.map((e) => /* @__PURE__ */ f("div", {
 							className: "flex items-center justify-between border rounded-md p-3",
-							children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+							children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 								className: "text-sm font-medium",
 								children: e.title
-							}), /* @__PURE__ */ d("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "text-xs text-muted-foreground capitalize",
 								children: [
 									e.type.toLowerCase(),
@@ -158,7 +164,7 @@ function b() {
 									e.priority.toLowerCase(),
 									" priority"
 								]
-							})] }), /* @__PURE__ */ u(f, {
+							})] }), /* @__PURE__ */ d(p, {
 								variant: "outline",
 								className: "text-xs capitalize",
 								children: e.status.toLowerCase().replace("_", " ")
@@ -166,89 +172,89 @@ function b() {
 						}, e.id))
 					})] })
 				]
-			}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Timeline" }) }), /* @__PURE__ */ d(m, {
+					/* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_, { children: "Timeline" }) }), /* @__PURE__ */ f(h, {
 						className: "space-y-3 text-sm",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ u(r, { className: "h-4 w-4 text-muted-foreground" }),
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ d(i, { className: "h-4 w-4 text-muted-foreground" }),
+								/* @__PURE__ */ d("span", {
 									className: "text-muted-foreground",
 									children: "Planned:"
 								}),
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ d("span", {
 									className: "font-medium",
-									children: w.plannedDate ? new Date(w.plannedDate).toLocaleDateString() : "Not set"
+									children: T.plannedDate ? new Date(T.plannedDate).toLocaleDateString() : "Not set"
 								})
 							]
-						}), w.releasedAt && /* @__PURE__ */ d("div", {
+						}), T.releasedAt && /* @__PURE__ */ f("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ u(i, { className: "h-4 w-4 text-green-500" }),
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ d(a, { className: "h-4 w-4 text-green-500" }),
+								/* @__PURE__ */ d("span", {
 									className: "text-muted-foreground",
 									children: "Released:"
 								}),
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ d("span", {
 									className: "font-medium",
-									children: new Date(w.releasedAt).toLocaleDateString()
+									children: new Date(T.releasedAt).toLocaleDateString()
 								})
 							]
 						})]
 					})] }),
-					/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Details" }) }), /* @__PURE__ */ d(m, {
+					/* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_, { children: "Details" }) }), /* @__PURE__ */ f(h, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "text-muted-foreground",
 									children: "Version"
-								}), /* @__PURE__ */ u("span", {
+								}), /* @__PURE__ */ d("span", {
 									className: "font-medium",
-									children: w.version
+									children: T.version
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "text-muted-foreground",
 									children: "Status"
-								}), /* @__PURE__ */ u(f, {
+								}), /* @__PURE__ */ d(p, {
 									variant: "outline",
 									className: "text-xs capitalize",
-									children: w.status.toLowerCase().replace("_", " ")
+									children: T.status.toLowerCase().replace("_", " ")
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(t, { id: w.ownerId }) })]
+								}), /* @__PURE__ */ d("span", { children: /* @__PURE__ */ d(t, { id: T.ownerId }) })]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ u("span", { children: new Date(w.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ d("span", { children: new Date(T.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ u("span", { children: new Date(w.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ d("span", { children: new Date(T.updatedAt).toLocaleDateString() })]
 							})
 						]
 					})] }),
-					w.tags?.length > 0 && /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Tags" }) }), /* @__PURE__ */ u(m, {
+					T.tags?.length > 0 && /* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_, { children: "Tags" }) }), /* @__PURE__ */ d(h, {
 						className: "flex flex-wrap gap-1",
-						children: w.tags.map((e) => /* @__PURE__ */ u(f, {
+						children: T.tags.map((e) => /* @__PURE__ */ d(p, {
 							variant: "outline",
 							className: "text-xs",
 							children: e
@@ -260,6 +266,6 @@ function b() {
 	});
 }
 //#endregion
-export { b as ProductsReleaseDetailPagePage };
+export { x as ProductsReleaseDetailPagePage };
 
 //# sourceMappingURL=ProductsReleaseDetailPagePage.js.map