@burdenoff/microfe-atheletebridge 2026.626.1 → 2026.629.1

package/dist/atheletebridge/pages/programs/ProgramDetailPage.js

@@ -0,0 +1,374 @@
+import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { PROGRAM_LEVEL_LABELS as r, SPORT_LABELS as i } from "../../components/domain.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { ErrorState as ee, LoadingState as te } from "../../components/LoadingState.js";
+import { useAddDrill as o, useArchiveProgram as s, useProgram as c, useRemoveDrill as l, useTransitionProgram as u } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as d, fieldInputClass as f } from "../../components/form.js";
+import { useMemo as p, useState as m } from "react";
+import { Archive as h, ArrowLeft as g, Copy as _, Edit as v, Loader2 as y, Plus as b, Send as x, Trash2 as S, Undo2 as C } from "lucide-react";
+import { useParams as w } from "react-router-dom";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, GlassCard as k, ResponsiveDialog as A, ResponsiveDialogContent as j, ResponsiveDialogFooter as M, ResponsiveDialogHeader as N, ResponsiveDialogTitle as P } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/pages/programs/ProgramDetailPage.tsx
+var F = {
+	name: "",
+	description: "",
+	weekNumber: "1",
+	sets: "",
+	reps: "",
+	durationSec: "",
+	restSec: ""
+}, I = (e) => {
+	let t = e.trim();
+	if (!t) return;
+	let n = Number.parseInt(t, 10);
+	return Number.isNaN(n) ? void 0 : n;
+};
+function L() {
+	let { id: L } = w(), { navigateTo: R } = e(), z = c(L), B = u(), V = s(), H = o(), U = l(L), [W, G] = m(!1), [K, q] = m(F), [J, Y] = m(null), X = p(() => {
+		let e = z.data?.drills ?? [], t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = t.get(n.weekNumber) ?? [];
+			e.push(n), t.set(n.weekNumber, e);
+		}
+		return Array.from(t.entries()).sort(([e], [t]) => e - t).map(([e, t]) => ({
+			week: e,
+			drills: [...t].sort((e, t) => e.orderIndex - t.orderIndex)
+		}));
+	}, [z.data]);
+	if (z.isLoading) return /* @__PURE__ */ E(t, {
+		title: "Program",
+		children: /* @__PURE__ */ E(te, { label: "Loading program…" })
+	});
+	if (z.isError || !z.data) return /* @__PURE__ */ E(t, {
+		title: "Program",
+		children: /* @__PURE__ */ E(ee, {
+			title: "Program not found",
+			message: "This program does not exist or you do not have access to it.",
+			onRetry: () => R("/programs")
+		})
+	});
+	let Z = z.data, Q = Z.drills?.length ?? 0, $ = (e) => {
+		L && B.mutate({
+			id: L,
+			status: e
+		});
+	};
+	return /* @__PURE__ */ D(t, {
+		title: Z.name,
+		description: `${i[Z.sport]} · ${r[Z.level]} · ${Z.weeks} ${Z.weeks === 1 ? "week" : "weeks"}`,
+		actions: /* @__PURE__ */ D("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [
+				/* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => R("/programs"),
+					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+					children: [/* @__PURE__ */ E(g, { className: "h-4 w-4" }), " Back"]
+				}),
+				/* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => R(`/programs/${Z.id}/edit`),
+					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+					children: [/* @__PURE__ */ E(v, { className: "h-4 w-4" }), " Edit"]
+				}),
+				Z.status !== "ARCHIVED" && /* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: async () => {
+						L && (await V.mutateAsync(L), R("/programs"));
+					},
+					disabled: V.isPending,
+					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60",
+					children: [
+						V.isPending ? /* @__PURE__ */ E(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(h, { className: "h-4 w-4" }),
+						" ",
+						"Archive"
+					]
+				})
+			]
+		}),
+		children: [
+			/* @__PURE__ */ D(k, {
+				treatment: "insight",
+				className: "mb-8 p-6",
+				children: [
+					/* @__PURE__ */ D("div", {
+						className: "flex flex-wrap items-center gap-3",
+						children: [/* @__PURE__ */ E(n, { status: Z.status }), Z.isTemplate && /* @__PURE__ */ D("span", {
+							className: "inline-flex items-center gap-1 text-sm text-text-secondary",
+							children: [/* @__PURE__ */ E(_, { className: "h-3.5 w-3.5" }), " Template"]
+						})]
+					}),
+					Z.summary && /* @__PURE__ */ E("p", {
+						className: "mt-4 text-sm text-text-secondary",
+						children: Z.summary
+					}),
+					Z.tags.length > 0 && /* @__PURE__ */ E("div", {
+						className: "mt-4 flex flex-wrap gap-1.5",
+						children: Z.tags.map((e) => /* @__PURE__ */ E("span", {
+							className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ D("div", {
+						className: "mt-5 flex flex-wrap items-center gap-2 border-t border-border-seam pt-5",
+						children: [
+							/* @__PURE__ */ E("span", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Publish lifecycle:"
+							}),
+							Z.status === "DRAFT" && /* @__PURE__ */ D("button", {
+								type: "button",
+								onClick: () => $("PUBLISHED"),
+								disabled: B.isPending,
+								className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
+								children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), " Publish"]
+							}),
+							Z.status === "PUBLISHED" && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ D("button", {
+								type: "button",
+								onClick: () => $("DRAFT"),
+								disabled: B.isPending,
+								className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60",
+								children: [/* @__PURE__ */ E(C, { className: "h-4 w-4" }), " Pull back to draft"]
+							}), /* @__PURE__ */ D("button", {
+								type: "button",
+								onClick: () => $("ARCHIVED"),
+								disabled: B.isPending,
+								className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60",
+								children: [/* @__PURE__ */ E(h, { className: "h-4 w-4" }), " Archive"]
+							})] }),
+							Z.status === "ARCHIVED" && /* @__PURE__ */ E("span", {
+								className: "text-sm text-text-secondary",
+								children: "This program is archived."
+							}),
+							B.isPending && /* @__PURE__ */ E(y, { className: "h-4 w-4 animate-spin text-text-secondary" })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ D("section", { children: [/* @__PURE__ */ D("div", {
+				className: "mb-4 flex items-center justify-between",
+				children: [/* @__PURE__ */ D("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: [
+						"Drills (",
+						Q,
+						")"
+					]
+				}), /* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => {
+						Y(null), G(!0);
+					},
+					className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
+					children: [/* @__PURE__ */ E(b, { className: "h-4 w-4" }), " Add drill"]
+				})]
+			}), Q === 0 ? /* @__PURE__ */ E(a, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ E(b, { className: "h-10 w-10" }),
+				title: "No drills yet",
+				description: "Add drills with sets, reps and durations, organized by week."
+			}) : /* @__PURE__ */ E("div", {
+				className: "space-y-6",
+				children: X.map(({ week: e, drills: t }) => /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("h3", {
+					className: "mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary",
+					children: ["Week ", e]
+				}), /* @__PURE__ */ E(O, { children: /* @__PURE__ */ E("div", {
+					className: "divide-y divide-border-seam",
+					children: t.map((e) => /* @__PURE__ */ D("div", {
+						className: "flex items-start gap-4 py-3",
+						children: [/* @__PURE__ */ D("div", {
+							className: "min-w-0 flex-1",
+							children: [
+								/* @__PURE__ */ E("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: e.name
+								}),
+								e.description && /* @__PURE__ */ E("p", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: e.description
+								}),
+								/* @__PURE__ */ D("div", {
+									className: "mt-1.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary",
+									children: [
+										e.sets !== null && /* @__PURE__ */ D("span", { children: [e.sets, " sets"] }),
+										e.reps !== null && /* @__PURE__ */ D("span", { children: [e.reps, " reps"] }),
+										e.durationSec !== null && /* @__PURE__ */ D("span", { children: [e.durationSec, "s work"] }),
+										e.restSec !== null && /* @__PURE__ */ D("span", { children: [e.restSec, "s rest"] })
+									]
+								})
+							]
+						}), /* @__PURE__ */ E("button", {
+							type: "button",
+							onClick: () => void U.mutate(e.id),
+							disabled: U.isPending,
+							"aria-label": `Remove ${e.name}`,
+							className: "rounded-lg p-2 text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text disabled:opacity-60",
+							children: /* @__PURE__ */ E(S, { className: "h-4 w-4" })
+						})]
+					}, e.id))
+				}) })] }, e))
+			})] }),
+			/* @__PURE__ */ E(A, {
+				open: W,
+				onOpenChange: G,
+				children: /* @__PURE__ */ D(j, { children: [/* @__PURE__ */ E(N, { children: /* @__PURE__ */ E(P, { children: "Add drill" }) }), /* @__PURE__ */ D("form", {
+					onSubmit: async (e) => {
+						if (e.preventDefault(), Y(null), !L) return;
+						if (!K.name.trim()) {
+							Y("Drill name is required.");
+							return;
+						}
+						let t = I(K.weekNumber) ?? 1;
+						try {
+							await H.mutateAsync({
+								programId: L,
+								name: K.name.trim(),
+								description: K.description.trim() || void 0,
+								weekNumber: t,
+								orderIndex: z.data?.drills?.filter((e) => e.weekNumber === t).length ?? 0,
+								sets: I(K.sets),
+								reps: I(K.reps),
+								durationSec: I(K.durationSec),
+								restSec: I(K.restSec)
+							}), q(F), G(!1);
+						} catch (e) {
+							Y(e instanceof Error ? e.message : "Failed to add drill.");
+						}
+					},
+					className: "space-y-4 px-1",
+					children: [
+						/* @__PURE__ */ E(d, {
+							label: "Name",
+							htmlFor: "drillName",
+							required: !0,
+							children: /* @__PURE__ */ E("input", {
+								id: "drillName",
+								className: f,
+								value: K.name,
+								onChange: (e) => q((t) => ({
+									...t,
+									name: e.target.value
+								})),
+								placeholder: "e.g. Box jumps"
+							})
+						}),
+						/* @__PURE__ */ E(d, {
+							label: "Description",
+							htmlFor: "drillDesc",
+							children: /* @__PURE__ */ E("textarea", {
+								id: "drillDesc",
+								className: f,
+								rows: 2,
+								value: K.description,
+								onChange: (e) => q((t) => ({
+									...t,
+									description: e.target.value
+								})),
+								placeholder: "How to perform the drill."
+							})
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "grid grid-cols-3 gap-4",
+							children: [
+								/* @__PURE__ */ E(d, {
+									label: "Week",
+									htmlFor: "drillWeek",
+									children: /* @__PURE__ */ E("input", {
+										id: "drillWeek",
+										inputMode: "numeric",
+										className: f,
+										value: K.weekNumber,
+										onChange: (e) => q((t) => ({
+											...t,
+											weekNumber: e.target.value
+										}))
+									})
+								}),
+								/* @__PURE__ */ E(d, {
+									label: "Sets",
+									htmlFor: "drillSets",
+									children: /* @__PURE__ */ E("input", {
+										id: "drillSets",
+										inputMode: "numeric",
+										className: f,
+										value: K.sets,
+										onChange: (e) => q((t) => ({
+											...t,
+											sets: e.target.value
+										}))
+									})
+								}),
+								/* @__PURE__ */ E(d, {
+									label: "Reps",
+									htmlFor: "drillReps",
+									children: /* @__PURE__ */ E("input", {
+										id: "drillReps",
+										inputMode: "numeric",
+										className: f,
+										value: K.reps,
+										onChange: (e) => q((t) => ({
+											...t,
+											reps: e.target.value
+										}))
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ E(d, {
+								label: "Work (sec)",
+								htmlFor: "drillDuration",
+								children: /* @__PURE__ */ E("input", {
+									id: "drillDuration",
+									inputMode: "numeric",
+									className: f,
+									value: K.durationSec,
+									onChange: (e) => q((t) => ({
+										...t,
+										durationSec: e.target.value
+									}))
+								})
+							}), /* @__PURE__ */ E(d, {
+								label: "Rest (sec)",
+								htmlFor: "drillRest",
+								children: /* @__PURE__ */ E("input", {
+									id: "drillRest",
+									inputMode: "numeric",
+									className: f,
+									value: K.restSec,
+									onChange: (e) => q((t) => ({
+										...t,
+										restSec: e.target.value
+									}))
+								})
+							})]
+						}),
+						J && /* @__PURE__ */ E("p", {
+							className: "text-sm text-status-error-text",
+							children: J
+						}),
+						/* @__PURE__ */ D(M, { children: [/* @__PURE__ */ E("button", {
+							type: "button",
+							onClick: () => G(!1),
+							className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+							children: "Cancel"
+						}), /* @__PURE__ */ D("button", {
+							type: "submit",
+							disabled: H.isPending,
+							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
+							children: [H.isPending && /* @__PURE__ */ E(y, { className: "h-4 w-4 animate-spin" }), "Add drill"]
+						})] })
+					]
+				})] })
+			})
+		]
+	});
+}
+//#endregion
+export { L as ProgramDetailPage };
+
+//# sourceMappingURL=ProgramDetailPage.js.map

package/dist/atheletebridge/pages/programs/ProgramDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/programs/ProgramDetailPage.tsx"],"sourcesContent":["/**\n * Program Detail\n * @module atheletebridge/pages/programs\n *\n * Reads a single program with its drills (athProgram), supports the publish\n * lifecycle (athTransitionProgram), editing/archiving, and adding/removing\n * drills (athAddDrill / athRemoveDrill).\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Edit, Archive, Plus, Trash2, Loader2, Send, Undo2, Copy } from 'lucide-react';\nimport {\n  GlassCard,\n  EmphasisPanel,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { SPORT_LABELS, PROGRAM_LEVEL_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n  useProgram,\n  useTransitionProgram,\n  useArchiveProgram,\n  useAddDrill,\n  useRemoveDrill,\n} from '../../hooks/useAthleteBridgeApi';\nimport type { AthDrill, AthProgramStatus } from '../../types';\n\ninterface DrillForm {\n  name: string;\n  description: string;\n  weekNumber: string;\n  sets: string;\n  reps: string;\n  durationSec: string;\n  restSec: string;\n}\n\nconst EMPTY_DRILL: DrillForm = {\n  name: '',\n  description: '',\n  weekNumber: '1',\n  sets: '',\n  reps: '',\n  durationSec: '',\n  restSec: '',\n};\n\nconst numOrUndefined = (v: string): number | undefined => {\n  const t = v.trim();\n  if (!t) return undefined;\n  const n = Number.parseInt(t, 10);\n  return Number.isNaN(n) ? undefined : n;\n};\n\nexport function ProgramDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAthleteBridge();\n\n  const program = useProgram(id);\n  const transition = useTransitionProgram();\n  const archive = useArchiveProgram();\n  const addDrill = useAddDrill();\n  const removeDrill = useRemoveDrill(id);\n\n  const [drillOpen, setDrillOpen] = useState(false);\n  const [drillForm, setDrillForm] = useState<DrillForm>(EMPTY_DRILL);\n  const [drillError, setDrillError] = useState<string | null>(null);\n\n  const drillsByWeek = useMemo(() => {\n    const drills = program.data?.drills ?? [];\n    const groups = new Map<number, AthDrill[]>();\n    for (const d of drills) {\n      const list = groups.get(d.weekNumber) ?? [];\n      list.push(d);\n      groups.set(d.weekNumber, list);\n    }\n    return Array.from(groups.entries())\n      .sort(([a], [b]) => a - b)\n      .map(([week, list]) => ({\n        week,\n        drills: [...list].sort((a, b) => a.orderIndex - b.orderIndex),\n      }));\n  }, [program.data]);\n\n  if (program.isLoading) {\n    return (\n      <PageLayout title=\"Program\">\n        <LoadingState label=\"Loading program…\" />\n      </PageLayout>\n    );\n  }\n\n  if (program.isError || !program.data) {\n    return (\n      <PageLayout title=\"Program\">\n        <ErrorState\n          title=\"Program not found\"\n          message=\"This program does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/programs')}\n        />\n      </PageLayout>\n    );\n  }\n\n  const p = program.data;\n  const drillCount = p.drills?.length ?? 0;\n\n  const handleTransition = (status: AthProgramStatus) => {\n    if (!id) return;\n    void transition.mutate({ id, status });\n  };\n\n  const handleArchive = async () => {\n    if (!id) return;\n    await archive.mutateAsync(id);\n    navigateTo('/programs');\n  };\n\n  const handleAddDrill = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setDrillError(null);\n    if (!id) return;\n    if (!drillForm.name.trim()) {\n      setDrillError('Drill name is required.');\n      return;\n    }\n    const week = numOrUndefined(drillForm.weekNumber) ?? 1;\n    try {\n      await addDrill.mutateAsync({\n        programId: id,\n        name: drillForm.name.trim(),\n        description: drillForm.description.trim() || undefined,\n        weekNumber: week,\n        orderIndex: program.data?.drills?.filter((d) => d.weekNumber === week).length ?? 0,\n        sets: numOrUndefined(drillForm.sets),\n        reps: numOrUndefined(drillForm.reps),\n        durationSec: numOrUndefined(drillForm.durationSec),\n        restSec: numOrUndefined(drillForm.restSec),\n      });\n      setDrillForm(EMPTY_DRILL);\n      setDrillOpen(false);\n    } catch (err) {\n      setDrillError(err instanceof Error ? err.message : 'Failed to add drill.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={p.name}\n      description={`${SPORT_LABELS[p.sport]} · ${PROGRAM_LEVEL_LABELS[p.level]} · ${p.weeks} ${\n        p.weeks === 1 ? 'week' : 'weeks'\n      }`}\n      actions={\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/programs')}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n          >\n            <ArrowLeft className=\"h-4 w-4\" /> Back\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo(`/programs/${p.id}/edit`)}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n          >\n            <Edit className=\"h-4 w-4\" /> Edit\n          </button>\n          {p.status !== 'ARCHIVED' && (\n            <button\n              type=\"button\"\n              onClick={handleArchive}\n              disabled={archive.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60\"\n            >\n              {archive.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Archive className=\"h-4 w-4\" />\n              )}{' '}\n              Archive\n            </button>\n          )}\n        </div>\n      }\n    >\n      {/* Summary + lifecycle */}\n      <GlassCard treatment=\"insight\" className=\"mb-8 p-6\">\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <StatusBadge status={p.status} />\n          {p.isTemplate && (\n            <span className=\"inline-flex items-center gap-1 text-sm text-text-secondary\">\n              <Copy className=\"h-3.5 w-3.5\" /> Template\n            </span>\n          )}\n        </div>\n        {p.summary && <p className=\"mt-4 text-sm text-text-secondary\">{p.summary}</p>}\n        {p.tags.length > 0 && (\n          <div className=\"mt-4 flex flex-wrap gap-1.5\">\n            {p.tags.map((tag) => (\n              <span\n                key={tag}\n                className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\"\n              >\n                {tag}\n              </span>\n            ))}\n          </div>\n        )}\n\n        {/* Lifecycle transitions */}\n        <div className=\"mt-5 flex flex-wrap items-center gap-2 border-t border-border-seam pt-5\">\n          <span className=\"text-sm font-medium text-text-primary\">Publish lifecycle:</span>\n          {p.status === 'DRAFT' && (\n            <button\n              type=\"button\"\n              onClick={() => handleTransition('PUBLISHED')}\n              disabled={transition.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              <Send className=\"h-4 w-4\" /> Publish\n            </button>\n          )}\n          {p.status === 'PUBLISHED' && (\n            <>\n              <button\n                type=\"button\"\n                onClick={() => handleTransition('DRAFT')}\n                disabled={transition.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60\"\n              >\n                <Undo2 className=\"h-4 w-4\" /> Pull back to draft\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => handleTransition('ARCHIVED')}\n                disabled={transition.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60\"\n              >\n                <Archive className=\"h-4 w-4\" /> Archive\n              </button>\n            </>\n          )}\n          {p.status === 'ARCHIVED' && (\n            <span className=\"text-sm text-text-secondary\">This program is archived.</span>\n          )}\n          {transition.isPending && <Loader2 className=\"h-4 w-4 animate-spin text-text-secondary\" />}\n        </div>\n      </GlassCard>\n\n      {/* Drills */}\n      <section>\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Drills ({drillCount})</h2>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setDrillError(null);\n              setDrillOpen(true);\n            }}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n          >\n            <Plus className=\"h-4 w-4\" /> Add drill\n          </button>\n        </div>\n\n        {drillCount === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Plus className=\"h-10 w-10\" />}\n            title=\"No drills yet\"\n            description=\"Add drills with sets, reps and durations, organized by week.\"\n          />\n        ) : (\n          <div className=\"space-y-6\">\n            {drillsByWeek.map(({ week, drills }) => (\n              <div key={week}>\n                <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary\">\n                  Week {week}\n                </h3>\n                <EmphasisPanel>\n                  <div className=\"divide-y divide-border-seam\">\n                    {drills.map((d) => (\n                      <div key={d.id} className=\"flex items-start gap-4 py-3\">\n                        <div className=\"min-w-0 flex-1\">\n                          <p className=\"text-sm font-medium text-text-primary\">{d.name}</p>\n                          {d.description && (\n                            <p className=\"mt-0.5 text-xs text-text-secondary\">{d.description}</p>\n                          )}\n                          <div className=\"mt-1.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary\">\n                            {d.sets !== null && <span>{d.sets} sets</span>}\n                            {d.reps !== null && <span>{d.reps} reps</span>}\n                            {d.durationSec !== null && <span>{d.durationSec}s work</span>}\n                            {d.restSec !== null && <span>{d.restSec}s rest</span>}\n                          </div>\n                        </div>\n                        <button\n                          type=\"button\"\n                          onClick={() => void removeDrill.mutate(d.id)}\n                          disabled={removeDrill.isPending}\n                          aria-label={`Remove ${d.name}`}\n                          className=\"rounded-lg p-2 text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text disabled:opacity-60\"\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </button>\n                      </div>\n                    ))}\n                  </div>\n                </EmphasisPanel>\n              </div>\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Add drill dialog */}\n      <ResponsiveDialog open={drillOpen} onOpenChange={setDrillOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Add drill</ResponsiveDialogTitle>\n          </ResponsiveDialogHeader>\n          <form onSubmit={handleAddDrill} className=\"space-y-4 px-1\">\n            <FormField label=\"Name\" htmlFor=\"drillName\" required>\n              <input\n                id=\"drillName\"\n                className={fieldInputClass}\n                value={drillForm.name}\n                onChange={(e) => setDrillForm((p) => ({ ...p, name: e.target.value }))}\n                placeholder=\"e.g. Box jumps\"\n              />\n            </FormField>\n            <FormField label=\"Description\" htmlFor=\"drillDesc\">\n              <textarea\n                id=\"drillDesc\"\n                className={fieldInputClass}\n                rows={2}\n                value={drillForm.description}\n                onChange={(e) => setDrillForm((p) => ({ ...p, description: e.target.value }))}\n                placeholder=\"How to perform the drill.\"\n              />\n            </FormField>\n            <div className=\"grid grid-cols-3 gap-4\">\n              <FormField label=\"Week\" htmlFor=\"drillWeek\">\n                <input\n                  id=\"drillWeek\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.weekNumber}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, weekNumber: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Sets\" htmlFor=\"drillSets\">\n                <input\n                  id=\"drillSets\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.sets}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, sets: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Reps\" htmlFor=\"drillReps\">\n                <input\n                  id=\"drillReps\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.reps}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, reps: e.target.value }))}\n                />\n              </FormField>\n            </div>\n            <div className=\"grid grid-cols-2 gap-4\">\n              <FormField label=\"Work (sec)\" htmlFor=\"drillDuration\">\n                <input\n                  id=\"drillDuration\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.durationSec}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, durationSec: e.target.value }))}\n                />\n              </FormField>\n              <FormField label=\"Rest (sec)\" htmlFor=\"drillRest\">\n                <input\n                  id=\"drillRest\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={drillForm.restSec}\n                  onChange={(e) => setDrillForm((p) => ({ ...p, restSec: e.target.value }))}\n                />\n              </FormField>\n            </div>\n            {drillError && <p className=\"text-sm text-status-error-text\">{drillError}</p>}\n            <ResponsiveDialogFooter>\n              <button\n                type=\"button\"\n                onClick={() => setDrillOpen(false)}\n                className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"submit\"\n                disabled={addDrill.isPending}\n                className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n              >\n                {addDrill.isPending && <Loader2 className=\"h-4 w-4 animate-spin\" />}\n                Add drill\n              </button>\n            </ResponsiveDialogFooter>\n          </form>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/programs/ProgramFormPage.js

@@ -0,0 +1,207 @@
+import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { PROGRAM_LEVEL_LABELS as n, SPORT_LABELS as r } from "../../components/domain.js";
+import { ErrorState as i, LoadingState as a } from "../../components/LoadingState.js";
+import { useCreateProgram as o, useProgram as s, useUpdateProgram as c } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as l, fieldInputClass as u } from "../../components/form.js";
+import { useEffect as d, useState as f } from "react";
+import { ArrowLeft as p, Loader2 as m, Save as h } from "lucide-react";
+import { useParams as g } from "react-router-dom";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/atheletebridge/pages/programs/ProgramFormPage.tsx
+var y = Object.keys(r), b = Object.keys(n), x = {
+	name: "",
+	sport: "OTHER",
+	level: "BEGINNER",
+	summary: "",
+	weeks: "4",
+	isTemplate: !1,
+	tagsText: ""
+};
+function S() {
+	let { id: S } = g(), C = !!S, { navigateTo: w } = e(), T = s(S), E = o(), D = c(), [O, k] = f(x), [A, j] = f(null);
+	d(() => {
+		let e = T.data;
+		C && e && k({
+			name: e.name,
+			sport: e.sport,
+			level: e.level,
+			summary: e.summary ?? "",
+			weeks: String(e.weeks),
+			isTemplate: e.isTemplate,
+			tagsText: e.tags.join(", ")
+		});
+	}, [C, T.data]);
+	let M = (e, t) => k((n) => ({
+		...n,
+		[e]: t
+	})), N = async (e) => {
+		if (e.preventDefault(), j(null), !O.name.trim()) {
+			j("Program name is required.");
+			return;
+		}
+		let t = Number.parseInt(O.weeks, 10);
+		if (Number.isNaN(t) || t < 1) {
+			j("Weeks must be a positive number.");
+			return;
+		}
+		let n = O.tagsText.split(",").map((e) => e.trim()).filter(Boolean);
+		try {
+			C && S ? (await D.mutateAsync({
+				id: S,
+				input: {
+					name: O.name.trim(),
+					sport: O.sport,
+					level: O.level,
+					summary: O.summary.trim() || void 0,
+					weeks: t,
+					isTemplate: O.isTemplate,
+					tags: n
+				}
+			}), w(`/programs/${S}`)) : w(`/programs/${(await E.mutateAsync({
+				name: O.name.trim(),
+				sport: O.sport,
+				level: O.level,
+				summary: O.summary.trim() || void 0,
+				weeks: t,
+				isTemplate: O.isTemplate,
+				tags: n
+			})).id}`);
+		} catch (e) {
+			j(e instanceof Error ? e.message : "Failed to save program.");
+		}
+	}, P = E.isPending || D.isPending;
+	return C && T.isLoading ? /* @__PURE__ */ _(t, {
+		title: "Edit program",
+		children: /* @__PURE__ */ _(a, { label: "Loading program…" })
+	}) : C && (T.isError || !T.isLoading && !T.data) ? /* @__PURE__ */ _(t, {
+		title: "Edit program",
+		children: /* @__PURE__ */ _(i, {
+			title: "Program not found",
+			message: "This program does not exist or you do not have access to it.",
+			onRetry: () => w("/programs")
+		})
+	}) : /* @__PURE__ */ _(t, {
+		title: C ? "Edit program" : "New program",
+		description: C ? "Update the training plan details." : "Create a new training plan in draft.",
+		actions: /* @__PURE__ */ v("button", {
+			type: "button",
+			onClick: () => w(C && S ? `/programs/${S}` : "/programs"),
+			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+			children: [/* @__PURE__ */ _(p, { className: "h-4 w-4" }), " Cancel"]
+		}),
+		children: /* @__PURE__ */ v("form", {
+			onSubmit: N,
+			className: "max-w-2xl space-y-5",
+			children: [
+				/* @__PURE__ */ _(l, {
+					label: "Program name",
+					htmlFor: "name",
+					required: !0,
+					children: /* @__PURE__ */ _("input", {
+						id: "name",
+						className: u,
+						value: O.name,
+						onChange: (e) => M("name", e.target.value),
+						placeholder: "e.g. Pre-season strength block"
+					})
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ _(l, {
+							label: "Sport",
+							htmlFor: "sport",
+							children: /* @__PURE__ */ _("select", {
+								id: "sport",
+								className: u,
+								value: O.sport,
+								onChange: (e) => M("sport", e.target.value),
+								children: y.map((e) => /* @__PURE__ */ _("option", {
+									value: e,
+									children: r[e]
+								}, e))
+							})
+						}),
+						/* @__PURE__ */ _(l, {
+							label: "Level",
+							htmlFor: "level",
+							children: /* @__PURE__ */ _("select", {
+								id: "level",
+								className: u,
+								value: O.level,
+								onChange: (e) => M("level", e.target.value),
+								children: b.map((e) => /* @__PURE__ */ _("option", {
+									value: e,
+									children: n[e]
+								}, e))
+							})
+						}),
+						/* @__PURE__ */ _(l, {
+							label: "Weeks",
+							htmlFor: "weeks",
+							children: /* @__PURE__ */ _("input", {
+								id: "weeks",
+								inputMode: "numeric",
+								className: u,
+								value: O.weeks,
+								onChange: (e) => M("weeks", e.target.value),
+								placeholder: "4"
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ _(l, {
+					label: "Summary",
+					htmlFor: "summary",
+					children: /* @__PURE__ */ _("textarea", {
+						id: "summary",
+						className: u,
+						rows: 3,
+						value: O.summary,
+						onChange: (e) => M("summary", e.target.value),
+						placeholder: "What this program is for and who it's aimed at."
+					})
+				}),
+				/* @__PURE__ */ _(l, {
+					label: "Tags",
+					htmlFor: "tags",
+					hint: "Comma-separated, e.g. strength, pre-season.",
+					children: /* @__PURE__ */ _("input", {
+						id: "tags",
+						className: u,
+						value: O.tagsText,
+						onChange: (e) => M("tagsText", e.target.value),
+						placeholder: "strength, conditioning"
+					})
+				}),
+				/* @__PURE__ */ v("label", {
+					className: "flex items-center gap-2.5 text-sm text-text-primary",
+					children: [/* @__PURE__ */ _("input", {
+						type: "checkbox",
+						checked: O.isTemplate,
+						onChange: (e) => M("isTemplate", e.target.checked),
+						className: "h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]"
+					}), "Mark as reusable template"]
+				}),
+				A && /* @__PURE__ */ _("p", {
+					className: "text-sm text-status-error-text",
+					children: A
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "pt-2",
+					children: /* @__PURE__ */ v("button", {
+						type: "submit",
+						disabled: P,
+						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
+						children: [P ? /* @__PURE__ */ _(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ _(h, { className: "h-4 w-4" }), C ? "Save changes" : "Create program"]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { S as ProgramFormPage };
+
+//# sourceMappingURL=ProgramFormPage.js.map