@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/pages/TemplatesEditTemplatePagePage.js

@@ -0,0 +1,316 @@
+import { throwOnError as e } from "../utils/mutationResult.js";
+import { useEntityId as t } from "../hooks/useEntityId.js";
+import { ErrorLine as n } from "../controls/ConfirmButton.js";
+import { TEMPLATE_QUERIES as r, TemplateDeleteButton as i } from "../controls/TemplateControls.js";
+import { useState as a } from "react";
+import { LayoutTemplate as o, Save as s } from "lucide-react";
+import { gql as c } from "@apollo/client";
+import { useMutation as l, useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Badge as p, Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, Input as y, Switch as b } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TemplatesEditTemplatePagePage.tsx
+var x = c`
+  query GetTemplate($id: ID!) {
+    planmagnetProjectTemplate(id: $id) {
+      id
+      name
+      description
+      category
+      isBuiltIn
+      isPublished
+      tags
+      usageCount
+      configuration
+      boardConfig
+      sprintConfig
+      customFieldsConfig
+    }
+  }
+`, S = c`
+  mutation UpdateProjectTemplate($id: ID!, $input: PlanmagnetUpdateProjectTemplateInput!) {
+    planmagnetUpdateProjectTemplate(id: $id, input: $input) {
+      id
+      name
+      description
+      category
+      isPublished
+      tags
+      configuration
+      boardConfig
+      sprintConfig
+      customFieldsConfig
+    }
+  }
+`, C = (e) => e == null ? "" : JSON.stringify(e, null, 2);
+function w(e) {
+	if (e.trim() === "") return {
+		ok: !0,
+		value: null
+	};
+	try {
+		return {
+			ok: !0,
+			value: JSON.parse(e)
+		};
+	} catch {
+		return {
+			ok: !1,
+			error: "Not valid JSON."
+		};
+	}
+}
+function T({ id: e, label: t, hint: r, value: i, onChange: a, error: o }) {
+	return /* @__PURE__ */ f("div", { children: [
+		/* @__PURE__ */ d("label", {
+			htmlFor: e,
+			className: "text-sm font-medium",
+			children: t
+		}),
+		/* @__PURE__ */ d("p", {
+			className: "text-xs text-muted-foreground",
+			children: r
+		}),
+		/* @__PURE__ */ d("textarea", {
+			id: e,
+			spellCheck: !1,
+			className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs min-h-[100px] disabled:opacity-60",
+			value: i,
+			onChange: (e) => a(e.target.value),
+			"aria-invalid": !!o
+		}),
+		o && /* @__PURE__ */ d(n, { message: o })
+	] });
+}
+function E() {
+	let c = t(), { data: E, loading: D, error: O } = u(x, {
+		variables: { id: c ?? "" },
+		skip: !c,
+		fetchPolicy: "cache-and-network"
+	}), [k, { loading: A }] = l(S, { refetchQueries: r }), j = E?.planmagnetProjectTemplate ?? null, [M, N] = a(null), [P, F] = a(null), [I, L] = a(!1), [R, z] = a(null);
+	if (j && R !== j.id && (z(j.id), N({
+		name: j.name,
+		description: j.description ?? "",
+		category: j.category ?? "",
+		tags: j.tags.join(", "),
+		isPublished: j.isPublished,
+		configuration: C(j.configuration),
+		boardConfig: C(j.boardConfig),
+		sprintConfig: C(j.sprintConfig),
+		customFieldsConfig: C(j.customFieldsConfig)
+	})), !c) return /* @__PURE__ */ d("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No template selected. Open one from the list."
+	});
+	if (D && !E) return /* @__PURE__ */ d("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ d("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (O) return /* @__PURE__ */ f("div", {
+		className: "p-6 text-destructive",
+		children: ["Template could not be loaded: ", O.message]
+	});
+	if (!j || !M) return /* @__PURE__ */ d("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Template not found."
+	});
+	let B = w(M.configuration), V = w(M.boardConfig), H = w(M.sprintConfig), U = w(M.customFieldsConfig), W = [
+		B,
+		V,
+		H,
+		U
+	].filter((e) => !e.ok).length, G = async () => {
+		if (F(null), L(!1), W > 0 || !B.ok || !V.ok || !H.ok || !U.ok) return;
+		let t = {};
+		M.name.trim() !== j.name && (t.name = M.name.trim()), M.description.trim() !== (j.description ?? "") && (t.description = M.description.trim() || null), M.category.trim() !== (j.category ?? "") && (t.category = M.category.trim() || null), M.isPublished !== j.isPublished && (t.isPublished = M.isPublished);
+		let n = M.tags.split(",").map((e) => e.trim()).filter(Boolean);
+		if (JSON.stringify(n) !== JSON.stringify(j.tags) && (t.tags = n), M.configuration !== C(j.configuration) && (t.configuration = B.value), M.boardConfig !== C(j.boardConfig) && (t.boardConfig = V.value), M.sprintConfig !== C(j.sprintConfig) && (t.sprintConfig = H.value), M.customFieldsConfig !== C(j.customFieldsConfig) && (t.customFieldsConfig = U.value), Object.keys(t).length === 0) {
+			L(!0);
+			return;
+		}
+		try {
+			await e(k({ variables: {
+				id: j.id,
+				input: t
+			} })), L(!0);
+		} catch (e) {
+			F(e instanceof Error ? e.message : "The template could not be saved.");
+		}
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6 max-w-3xl",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ d("h1", {
+						className: "text-2xl font-semibold",
+						children: j.name
+					}), j.isBuiltIn && /* @__PURE__ */ d(p, {
+						variant: "secondary",
+						children: "Built-in"
+					})]
+				}), /* @__PURE__ */ f("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						"Used ",
+						j.usageCount,
+						" time",
+						j.usageCount === 1 ? "" : "s"
+					]
+				})] }), /* @__PURE__ */ d(i, {
+					templateId: j.id,
+					name: j.name,
+					isBuiltIn: j.isBuiltIn
+				})]
+			}),
+			P && /* @__PURE__ */ d(n, { message: P }),
+			I && !P && /* @__PURE__ */ d("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Saved."
+			}),
+			/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ f(v, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ d(o, { className: "h-4 w-4" }), "Template details"]
+			}) }), /* @__PURE__ */ f(g, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						htmlFor: "template-name",
+						className: "text-sm font-medium",
+						children: "Name"
+					}), /* @__PURE__ */ d(y, {
+						id: "template-name",
+						className: "mt-1",
+						value: M.name,
+						onChange: (e) => N({
+							...M,
+							name: e.target.value
+						})
+					})] }),
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						htmlFor: "template-description",
+						className: "text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ d("textarea", {
+						id: "template-description",
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]",
+						value: M.description,
+						onChange: (e) => N({
+							...M,
+							description: e.target.value
+						})
+					})] }),
+					/* @__PURE__ */ f("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: "template-category",
+							className: "text-sm font-medium",
+							children: "Category"
+						}), /* @__PURE__ */ d(y, {
+							id: "template-category",
+							className: "mt-1",
+							value: M.category,
+							onChange: (e) => N({
+								...M,
+								category: e.target.value
+							}),
+							placeholder: "e.g. Engineering"
+						})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: "template-tags",
+							className: "text-sm font-medium",
+							children: "Tags (comma-separated)"
+						}), /* @__PURE__ */ d(y, {
+							id: "template-tags",
+							className: "mt-1",
+							value: M.tags,
+							onChange: (e) => N({
+								...M,
+								tags: e.target.value
+							}),
+							placeholder: "agile, web"
+						})] })]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ d(b, {
+							id: "template-published",
+							checked: M.isPublished,
+							onCheckedChange: (e) => N({
+								...M,
+								isPublished: e
+							})
+						}), /* @__PURE__ */ d("label", {
+							htmlFor: "template-published",
+							className: "text-sm",
+							children: "Published — available to start new projects from"
+						})]
+					})
+				]
+			})] }),
+			/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ d(v, { children: "Advanced configuration" }) }), /* @__PURE__ */ f(g, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ d(T, {
+						id: "template-configuration",
+						label: "Configuration",
+						hint: "Project settings and work item types applied when this template is used.",
+						value: M.configuration,
+						onChange: (e) => N({
+							...M,
+							configuration: e
+						}),
+						error: B.ok ? null : B.error
+					}),
+					/* @__PURE__ */ d(T, {
+						id: "template-board-config",
+						label: "Board layout",
+						hint: "Optional. Leave empty to clear.",
+						value: M.boardConfig,
+						onChange: (e) => N({
+							...M,
+							boardConfig: e
+						}),
+						error: V.ok ? null : V.error
+					}),
+					/* @__PURE__ */ d(T, {
+						id: "template-sprint-config",
+						label: "Default sprint configuration",
+						hint: "Optional. Leave empty to clear.",
+						value: M.sprintConfig,
+						onChange: (e) => N({
+							...M,
+							sprintConfig: e
+						}),
+						error: H.ok ? null : H.error
+					}),
+					/* @__PURE__ */ d(T, {
+						id: "template-custom-fields-config",
+						label: "Custom field definitions",
+						hint: "Optional. Leave empty to clear.",
+						value: M.customFieldsConfig,
+						onChange: (e) => N({
+							...M,
+							customFieldsConfig: e
+						}),
+						error: U.ok ? null : U.error
+					})
+				]
+			})] }),
+			/* @__PURE__ */ d("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ f(m, {
+					size: "sm",
+					onClick: () => void G(),
+					disabled: A || W > 0,
+					"data-testid": "template-save",
+					children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), A ? "Saving…" : "Save changes"]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { E as TemplatesEditTemplatePagePage };
+
+//# sourceMappingURL=TemplatesEditTemplatePagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesEditTemplatePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TemplatesEditTemplatePagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  Switch,\n} from '@burdenoff/fe-libs/ui';\nimport { LayoutTemplate, Save } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { throwOnError } from '../utils/mutationResult';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport { TEMPLATE_QUERIES, TemplateDeleteButton } from '../controls/TemplateControls';\n\nconst GET_TEMPLATE = gql`\n  query GetTemplate($id: ID!) {\n    planmagnetProjectTemplate(id: $id) {\n      id\n      name\n      description\n      category\n      isBuiltIn\n      isPublished\n      tags\n      usageCount\n      configuration\n      boardConfig\n      sprintConfig\n      customFieldsConfig\n    }\n  }\n`;\n\nconst UPDATE = gql`\n  mutation UpdateProjectTemplate($id: ID!, $input: PlanmagnetUpdateProjectTemplateInput!) {\n    planmagnetUpdateProjectTemplate(id: $id, input: $input) {\n      id\n      name\n      description\n      category\n      isPublished\n      tags\n      configuration\n      boardConfig\n      sprintConfig\n      customFieldsConfig\n    }\n  }\n`;\n\ninterface TemplateDetail {\n  id: string;\n  name: string;\n  description: string | null;\n  category: string | null;\n  isBuiltIn: boolean;\n  isPublished: boolean;\n  tags: string[];\n  usageCount: number;\n  configuration: unknown;\n  boardConfig: unknown;\n  sprintConfig: unknown;\n  customFieldsConfig: unknown;\n}\n\nconst jsonText = (value: unknown) => (value == null ? '' : JSON.stringify(value, null, 2));\n\n/** Parses one JSON textarea's raw text. Empty means \"clear this field\" (null); invalid text is reported, not sent. */\nfunction parseJsonField(raw: string): { ok: true; value: unknown } | { ok: false; error: string } {\n  if (raw.trim() === '') return { ok: true, value: null };\n  try {\n    return { ok: true, value: JSON.parse(raw) };\n  } catch {\n    return { ok: false, error: 'Not valid JSON.' };\n  }\n}\n\nfunction JsonField({\n  id,\n  label,\n  hint,\n  value,\n  onChange,\n  error,\n}: {\n  id: string;\n  label: string;\n  hint: string;\n  value: string;\n  onChange: (raw: string) => void;\n  error: string | null;\n}) {\n  return (\n    <div>\n      <label htmlFor={id} className=\"text-sm font-medium\">\n        {label}\n      </label>\n      <p className=\"text-xs text-muted-foreground\">{hint}</p>\n      <textarea\n        id={id}\n        spellCheck={false}\n        className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 font-mono text-xs min-h-[100px] disabled:opacity-60\"\n        value={value}\n        onChange={(e) => onChange(e.target.value)}\n        aria-invalid={!!error}\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nexport function TemplatesEditTemplatePagePage() {\n  const templateId = useEntityId();\n  const { data, loading, error } = useQuery<{ planmagnetProjectTemplate: TemplateDetail | null }>(\n    GET_TEMPLATE,\n    {\n      variables: { id: templateId ?? '' },\n      skip: !templateId,\n      fetchPolicy: 'cache-and-network',\n    }\n  );\n  const [update, { loading: saving }] = useMutation(UPDATE, { refetchQueries: TEMPLATE_QUERIES });\n  const template = data?.planmagnetProjectTemplate ?? null;\n\n  const [form, setForm] = useState<{\n    name: string;\n    description: string;\n    category: string;\n    tags: string;\n    isPublished: boolean;\n    configuration: string;\n    boardConfig: string;\n    sprintConfig: string;\n    customFieldsConfig: string;\n  } | null>(null);\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n  const [seededFor, setSeededFor] = useState<string | null>(null);\n\n  // Seeds the form the first time the template arrives, adjusted during render (React's documented pattern for\n  // deriving state from a query change) rather than in an effect — a later refetch (after Save) must not stomp\n  // in-progress edits, and this takes effect on the very render the template shows up.\n  if (template && seededFor !== template.id) {\n    setSeededFor(template.id);\n    setForm({\n      name: template.name,\n      description: template.description ?? '',\n      category: template.category ?? '',\n      tags: template.tags.join(', '),\n      isPublished: template.isPublished,\n      configuration: jsonText(template.configuration),\n      boardConfig: jsonText(template.boardConfig),\n      sprintConfig: jsonText(template.sprintConfig),\n      customFieldsConfig: jsonText(template.customFieldsConfig),\n    });\n  }\n\n  if (!templateId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">No template selected. Open one from the list.</div>\n    );\n  if (loading && !data)\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  if (error)\n    return (\n      <div className=\"p-6 text-destructive\">Template could not be loaded: {error.message}</div>\n    );\n  if (!template || !form)\n    return <div className=\"p-6 text-muted-foreground\">Template not found.</div>;\n\n  const configuration = parseJsonField(form.configuration);\n  const boardConfig = parseJsonField(form.boardConfig);\n  const sprintConfig = parseJsonField(form.sprintConfig);\n  const customFieldsConfig = parseJsonField(form.customFieldsConfig);\n  const jsonErrors = [configuration, boardConfig, sprintConfig, customFieldsConfig].filter(\n    (r) => !r.ok\n  ).length;\n\n  const handleSave = async () => {\n    setSaveError(null);\n    setSaved(false);\n    if (\n      jsonErrors > 0 ||\n      !configuration.ok ||\n      !boardConfig.ok ||\n      !sprintConfig.ok ||\n      !customFieldsConfig.ok\n    )\n      return;\n\n    const input: Record<string, unknown> = {};\n    if (form.name.trim() !== template.name) input.name = form.name.trim();\n    if (form.description.trim() !== (template.description ?? ''))\n      input.description = form.description.trim() || null;\n    if (form.category.trim() !== (template.category ?? ''))\n      input.category = form.category.trim() || null;\n    if (form.isPublished !== template.isPublished) input.isPublished = form.isPublished;\n    const tags = form.tags\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n    if (JSON.stringify(tags) !== JSON.stringify(template.tags)) input.tags = tags;\n    if (form.configuration !== jsonText(template.configuration))\n      input.configuration = configuration.value;\n    if (form.boardConfig !== jsonText(template.boardConfig)) input.boardConfig = boardConfig.value;\n    if (form.sprintConfig !== jsonText(template.sprintConfig))\n      input.sprintConfig = sprintConfig.value;\n    if (form.customFieldsConfig !== jsonText(template.customFieldsConfig))\n      input.customFieldsConfig = customFieldsConfig.value;\n\n    if (Object.keys(input).length === 0) {\n      setSaved(true);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: template.id, input } }));\n      setSaved(true);\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The template could not be saved.');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <h1 className=\"text-2xl font-semibold\">{template.name}</h1>\n            {template.isBuiltIn && <Badge variant=\"secondary\">Built-in</Badge>}\n          </div>\n          <p className=\"text-sm text-muted-foreground\">\n            Used {template.usageCount} time{template.usageCount === 1 ? '' : 's'}\n          </p>\n        </div>\n        <TemplateDeleteButton\n          templateId={template.id}\n          name={template.name}\n          isBuiltIn={template.isBuiltIn}\n        />\n      </div>\n\n      {saveError && <ErrorLine message={saveError} />}\n      {saved && !saveError && <p className=\"text-sm text-muted-foreground\">Saved.</p>}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <LayoutTemplate className=\"h-4 w-4\" />\n            Template details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label htmlFor=\"template-name\" className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id=\"template-name\"\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"template-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"template-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label htmlFor=\"template-category\" className=\"text-sm font-medium\">\n                Category\n              </label>\n              <Input\n                id=\"template-category\"\n                className=\"mt-1\"\n                value={form.category}\n                onChange={(e) => setForm({ ...form, category: e.target.value })}\n                placeholder=\"e.g. Engineering\"\n              />\n            </div>\n            <div>\n              <label htmlFor=\"template-tags\" className=\"text-sm font-medium\">\n                Tags (comma-separated)\n              </label>\n              <Input\n                id=\"template-tags\"\n                className=\"mt-1\"\n                value={form.tags}\n                onChange={(e) => setForm({ ...form, tags: e.target.value })}\n                placeholder=\"agile, web\"\n              />\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Switch\n              id=\"template-published\"\n              checked={form.isPublished}\n              onCheckedChange={(checked) => setForm({ ...form, isPublished: checked })}\n            />\n            <label htmlFor=\"template-published\" className=\"text-sm\">\n              Published — available to start new projects from\n            </label>\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Advanced configuration</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <JsonField\n            id=\"template-configuration\"\n            label=\"Configuration\"\n            hint=\"Project settings and work item types applied when this template is used.\"\n            value={form.configuration}\n            onChange={(v) => setForm({ ...form, configuration: v })}\n            error={configuration.ok ? null : configuration.error}\n          />\n          <JsonField\n            id=\"template-board-config\"\n            label=\"Board layout\"\n            hint=\"Optional. Leave empty to clear.\"\n            value={form.boardConfig}\n            onChange={(v) => setForm({ ...form, boardConfig: v })}\n            error={boardConfig.ok ? null : boardConfig.error}\n          />\n          <JsonField\n            id=\"template-sprint-config\"\n            label=\"Default sprint configuration\"\n            hint=\"Optional. Leave empty to clear.\"\n            value={form.sprintConfig}\n            onChange={(v) => setForm({ ...form, sprintConfig: v })}\n            error={sprintConfig.ok ? null : sprintConfig.error}\n          />\n          <JsonField\n            id=\"template-custom-fields-config\"\n            label=\"Custom field definitions\"\n            hint=\"Optional. Leave empty to clear.\"\n            value={form.customFieldsConfig}\n            onChange={(v) => setForm({ ...form, customFieldsConfig: v })}\n            error={customFieldsConfig.ok ? null : customFieldsConfig.error}\n          />\n        </CardContent>\n      </Card>\n\n      <div className=\"flex justify-end\">\n        <Button\n          size=\"sm\"\n          onClick={() => void handleSave()}\n          disabled={saving || jsonErrors > 0}\n          data-testid=\"template-save\"\n        >\n          <Save className=\"mr-1 h-4 w-4\" />\n          {saving ? 'Saving…' : 'Save changes'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TemplatesTemplatesPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TemplatesTemplatesPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplatesTemplatesPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesTemplatesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TemplatesTemplatesPagePage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,0BAA0B,4CAsLzC"}

package/dist/planmagnet/pages/TemplatesTemplatesPagePage.js

@@ -0,0 +1,208 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { detailPath as n, stopRowActivation as r } from "../utils/rowNavigation.js";
+import { ApplyTemplateDialog as i, NewTemplateFromProjectDialog as a } from "../create/CreateDialogs.js";
+import { TemplateDeleteButton as o } from "../controls/TemplateControls.js";
+import { useDeferredValue as s, useState as c } from "react";
+import { LayoutTemplate as l, Pencil as u, Search as d } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useQuery as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, EmptyState as v, Input as y } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TemplatesTemplatesPagePage.tsx
+var b = f`
+  query TemplatesList(
+    $workspaceId: ID!
+    $filter: PlanmagnetProjectTemplateFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetProjectTemplates(
+      workspaceId: $workspaceId
+      filter: $filter
+      pagination: $pagination
+    ) {
+      totalCount
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      items {
+        id
+        name
+        description
+        category
+        isBuiltIn
+        isPublished
+        tags
+        usageCount
+      }
+    }
+  }
+`, x = 50;
+function S() {
+	let { workspaceId: f } = e(), S = t(), [C, w] = c(""), [T, E] = c(!1), [D, O] = c(!1), k = s(C.trim()), A = {
+		...k ? { search: k } : {},
+		...T ? { isPublished: !0 } : {}
+	}, { data: j, loading: M, error: N, fetchMore: P } = p(b, {
+		variables: {
+			workspaceId: f ?? "",
+			filter: A,
+			pagination: { first: x }
+		},
+		skip: !f,
+		fetchPolicy: "cache-and-network"
+	}), F = j?.planmagnetProjectTemplates, I = F?.items ?? [], L = async () => {
+		let e = F?.pageInfo.endCursor;
+		if (e) {
+			O(!0);
+			try {
+				await P({
+					variables: { pagination: {
+						first: x,
+						after: e
+					} },
+					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetProjectTemplates: {
+						...t.planmagnetProjectTemplates,
+						items: [...e.planmagnetProjectTemplates.items, ...t.planmagnetProjectTemplates.items]
+					} })
+				});
+			} finally {
+				O(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-6 p-6",
+		"data-testid": "templates-page",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl font-semibold",
+					children: "Project templates"
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: F ? `${F.totalCount} template${F.totalCount === 1 ? "" : "s"}` : "Reusable project configurations — capture one from a project, or start a project from one"
+				})] }), /* @__PURE__ */ m(a, { onCreated: (e) => S(n("/templates/edit-template-page", e)) })]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ h("div", {
+					className: "relative w-full max-w-sm",
+					children: [/* @__PURE__ */ m(d, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ m(y, {
+						"aria-label": "Search templates",
+						placeholder: "Search by name or description",
+						className: "pl-8",
+						value: C,
+						onChange: (e) => w(e.target.value)
+					})]
+				}), /* @__PURE__ */ m("button", {
+					type: "button",
+					"aria-pressed": T,
+					onClick: () => E((e) => !e),
+					className: `px-3 py-1.5 text-sm rounded-md ${T ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					children: "Published only"
+				})]
+			}),
+			N && /* @__PURE__ */ h("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: ["Templates could not be loaded: ", N.message]
+			}),
+			M && !j && /* @__PURE__ */ m("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading templates…"
+			}),
+			F && I.length === 0 && /* @__PURE__ */ m(v, {
+				icon: /* @__PURE__ */ m(l, { className: "h-8 w-8 text-muted-foreground" }),
+				title: k || T ? "No templates match" : "No templates yet",
+				description: "Save an existing project's setup as a template, then start new projects from it in one step.",
+				action: k || T ? void 0 : /* @__PURE__ */ m(a, { onCreated: (e) => S(n("/templates/edit-template-page", e)) })
+			}),
+			/* @__PURE__ */ m("ul", {
+				className: "grid grid-cols-1 gap-3 md:grid-cols-2",
+				children: I.map((e) => /* @__PURE__ */ h("li", {
+					"data-testid": "template-row",
+					className: "flex flex-col gap-2 rounded-md border p-3",
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ h("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ m("p", {
+									className: "truncate text-sm font-medium",
+									children: e.name
+								}), /* @__PURE__ */ m("p", {
+									className: "truncate text-xs text-muted-foreground",
+									children: e.description ?? "No description"
+								})]
+							}), /* @__PURE__ */ h("div", {
+								className: "flex shrink-0 gap-1",
+								children: [e.isBuiltIn && /* @__PURE__ */ m(g, {
+									variant: "secondary",
+									children: "Built-in"
+								}), /* @__PURE__ */ m(g, {
+									variant: e.isPublished ? "success" : "outline",
+									children: e.isPublished ? "Published" : "Draft"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "flex flex-wrap items-center gap-1",
+							children: [e.category && /* @__PURE__ */ m(g, {
+								variant: "outline",
+								className: "text-xs",
+								children: e.category
+							}), e.tags.map((e) => /* @__PURE__ */ m(g, {
+								variant: "outline",
+								className: "text-xs",
+								children: e
+							}, e))]
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"Used ",
+								e.usageCount,
+								" time",
+								e.usageCount === 1 ? "" : "s"
+							]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "flex items-center justify-between gap-2 border-t pt-2",
+							onClick: r,
+							children: [/* @__PURE__ */ h("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ h(_, {
+									size: "sm",
+									variant: "outline",
+									onClick: () => S(n("/templates/edit-template-page", e.id)),
+									"data-testid": "template-edit",
+									children: [/* @__PURE__ */ m(u, { className: "mr-1 h-4 w-4" }), "Edit"]
+								}), /* @__PURE__ */ m(o, {
+									templateId: e.id,
+									name: e.name,
+									isBuiltIn: e.isBuiltIn
+								})]
+							}), /* @__PURE__ */ m(i, {
+								templateId: e.id,
+								templateName: e.name,
+								onApplied: (e) => S(n("/projects/project-detail-page", e))
+							})]
+						})
+					]
+				}, e.id))
+			}),
+			F?.pageInfo.hasNextPage && /* @__PURE__ */ m(_, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => void L(),
+				disabled: D,
+				children: D ? "Loading…" : `Show more (${I.length} of ${F.totalCount})`
+			})
+		]
+	});
+}
+//#endregion
+export { S as TemplatesTemplatesPagePage };
+
+//# sourceMappingURL=TemplatesTemplatesPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesTemplatesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TemplatesTemplatesPagePage.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Badge, Button, EmptyState, Input } from '@burdenoff/fe-libs/ui';\nimport { LayoutTemplate, Pencil, Search } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { ApplyTemplateDialog, NewTemplateFromProjectDialog } from '../create/CreateDialogs';\nimport { TemplateDeleteButton } from '../controls/TemplateControls';\nimport { detailPath, stopRowActivation } from '../utils/rowNavigation';\n\n/**\n * Project templates browse surface (BOFF-8047, capability register \"Project templates\": model/API/authz were\n * already real and prod-verified — `planmagnetProjectTemplates`/Create/Update/Delete/Apply/CreateFromProject —\n * gate 3 (UI) was the only gap; \"No UI anywhere\" until now.\n */\n\nconst TEMPLATES = gql`\n  query TemplatesList(\n    $workspaceId: ID!\n    $filter: PlanmagnetProjectTemplateFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjectTemplates(\n      workspaceId: $workspaceId\n      filter: $filter\n      pagination: $pagination\n    ) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      items {\n        id\n        name\n        description\n        category\n        isBuiltIn\n        isPublished\n        tags\n        usageCount\n      }\n    }\n  }\n`;\n\ninterface TemplateRow {\n  id: string;\n  name: string;\n  description: string | null;\n  category: string | null;\n  isBuiltIn: boolean;\n  isPublished: boolean;\n  tags: string[];\n  usageCount: number;\n}\n\nconst PAGE = 50;\n\nexport function TemplatesTemplatesPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [search, setSearch] = useState('');\n  const [publishedOnly, setPublishedOnly] = useState(false);\n  const [loadingMore, setLoadingMore] = useState(false);\n  const term = useDeferredValue(search.trim());\n\n  const filter = {\n    ...(term ? { search: term } : {}),\n    ...(publishedOnly ? { isPublished: true } : {}),\n  };\n\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetProjectTemplates: {\n      totalCount: number;\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      items: TemplateRow[];\n    };\n  }>(TEMPLATES, {\n    variables: { workspaceId: workspaceId ?? '', filter, pagination: { first: PAGE } },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const list = data?.planmagnetProjectTemplates;\n  const templates = list?.items ?? [];\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          planmagnetProjectTemplates: {\n            ...fetchMoreResult.planmagnetProjectTemplates,\n            items: [\n              ...prev.planmagnetProjectTemplates.items,\n              ...fetchMoreResult.planmagnetProjectTemplates.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\" data-testid=\"templates-page\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Project templates</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {list\n              ? `${list.totalCount} template${list.totalCount === 1 ? '' : 's'}`\n              : 'Reusable project configurations — capture one from a project, or start a project from one'}\n          </p>\n        </div>\n        <NewTemplateFromProjectDialog\n          onCreated={(id) => navigate(detailPath('/templates/edit-template-page', id))}\n        />\n      </div>\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 templates\"\n            placeholder=\"Search by name or description\"\n            className=\"pl-8\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <button\n          type=\"button\"\n          aria-pressed={publishedOnly}\n          onClick={() => setPublishedOnly((v) => !v)}\n          className={`px-3 py-1.5 text-sm rounded-md ${publishedOnly ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n        >\n          Published only\n        </button>\n      </div>\n\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          Templates could not be loaded: {error.message}\n        </p>\n      )}\n      {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading templates…</p>}\n      {list && templates.length === 0 && (\n        <EmptyState\n          icon={<LayoutTemplate className=\"h-8 w-8 text-muted-foreground\" />}\n          title={term || publishedOnly ? 'No templates match' : 'No templates yet'}\n          description=\"Save an existing project's setup as a template, then start new projects from it in one step.\"\n          action={\n            !(term || publishedOnly) ? (\n              <NewTemplateFromProjectDialog\n                onCreated={(id) => navigate(detailPath('/templates/edit-template-page', id))}\n              />\n            ) : undefined\n          }\n        />\n      )}\n\n      <ul className=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n        {templates.map((template) => (\n          <li\n            key={template.id}\n            data-testid=\"template-row\"\n            className=\"flex flex-col gap-2 rounded-md border p-3\"\n          >\n            <div className=\"flex items-start justify-between gap-2\">\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium\">{template.name}</p>\n                <p className=\"truncate text-xs text-muted-foreground\">\n                  {template.description ?? 'No description'}\n                </p>\n              </div>\n              <div className=\"flex shrink-0 gap-1\">\n                {template.isBuiltIn && <Badge variant=\"secondary\">Built-in</Badge>}\n                <Badge variant={template.isPublished ? 'success' : 'outline'}>\n                  {template.isPublished ? 'Published' : 'Draft'}\n                </Badge>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap items-center gap-1\">\n              {template.category && (\n                <Badge variant=\"outline\" className=\"text-xs\">\n                  {template.category}\n                </Badge>\n              )}\n              {template.tags.map((tag) => (\n                <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                  {tag}\n                </Badge>\n              ))}\n            </div>\n            <p className=\"text-xs text-muted-foreground\">\n              Used {template.usageCount} time{template.usageCount === 1 ? '' : 's'}\n            </p>\n            <div\n              className=\"flex items-center justify-between gap-2 border-t pt-2\"\n              onClick={stopRowActivation}\n            >\n              <div className=\"flex gap-2\">\n                <Button\n                  size=\"sm\"\n                  variant=\"outline\"\n                  onClick={() => navigate(detailPath('/templates/edit-template-page', template.id))}\n                  data-testid=\"template-edit\"\n                >\n                  <Pencil className=\"mr-1 h-4 w-4\" />\n                  Edit\n                </Button>\n                <TemplateDeleteButton\n                  templateId={template.id}\n                  name={template.name}\n                  isBuiltIn={template.isBuiltIn}\n                />\n              </div>\n              <ApplyTemplateDialog\n                templateId={template.id}\n                templateName={template.name}\n                onApplied={(projectId) =>\n                  navigate(detailPath('/projects/project-detail-page', projectId))\n                }\n              />\n            </div>\n          </li>\n        ))}\n      </ul>\n      {list?.pageInfo.hasNextPage && (\n        <Button size=\"sm\" variant=\"outline\" onClick={() => void loadMore()} disabled={loadingMore}>\n          {loadingMore ? 'Loading…' : `Show more (${templates.length} of ${list.totalCount})`}\n        </Button>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/analytics/DeliveryHealthCards.d.ts

@@ -4,12 +4,7 @@ export declare function CycleTimeCard({ workspaceId, projectId, }: {
     workspaceId?: string | null;
     projectId: string;
 }): import("react/jsx-runtime").JSX.Element;
-type BudgetState = 'no-plan' | 'on-track' | 'near-limit' | 'over-budget';
-/** Share of the plan spent; `null` when there is no plan to measure against. */
-export declare function budgetUsage(planned: number, spent: number): number | null;
-export declare function budgetState(usage: number | null): BudgetState;
 export declare function BudgetPerformanceCard({ workspaceId }: {
     workspaceId?: string | null;
 }): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=DeliveryHealthCards.d.ts.map

package/dist/planmagnet/pages/analytics/DeliveryHealthCards.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeliveryHealthCards.d.ts","sourceRoot":"","sources":["../../../../src/planmagnet/pages/analytics/DeliveryHealthCards.tsx"],"names":[],"mappings":"AA2FA,8DAA8D;AAC9D,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAKvE;AAYD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,SAAS,GACV,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB,2CAkGA;AAED,KAAK,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;AAEzE,gFAAgF;AAChF,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGzE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,WAAW,CAM7D;AA6CD,wBAAgB,qBAAqB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,2CA8HrF"}
+{"version":3,"file":"DeliveryHealthCards.d.ts","sourceRoot":"","sources":["../../../../src/planmagnet/pages/analytics/DeliveryHealthCards.tsx"],"names":[],"mappings":"AA2FA,8DAA8D;AAC9D,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAKvE;AAYD,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,SAAS,GACV,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CACnB,2CAkGA;AAED,wBAAgB,qBAAqB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,2CA8HrF"}