@burdenoff/microfe-mybodyshield 2026.512.1 → 2026.705.1

package/dist/mybodyshield/components/MybDiscussion.js

@@ -0,0 +1,8 @@
+import "./StateViews.js";
+import "./EmptyState.js";
+import "../context/index.js";
+import "../hooks/index.js";
+import "react";
+import "lucide-react";
+import "react/jsx-runtime";
+import "@burdenoff/fe-libs/ui";

package/dist/mybodyshield/components/MybTags.js

@@ -0,0 +1,5 @@
+import "../hooks/index.js";
+import "react";
+import "lucide-react";
+import "react/jsx-runtime";
+import "@burdenoff/fe-libs/ui";

package/dist/mybodyshield/components/PageLayout.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { AuroraBackground as r, GradientText as i } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/components/PageLayout.tsx
+var a = ({ title: a, description: o, actions: s, children: c, className: l, titleGradient: u = !1, aurora: d = !1 }) => /* @__PURE__ */ n("div", {
+	className: e("flex flex-col h-full", l),
+	children: [/* @__PURE__ */ n("div", {
+		className: e("relative flex flex-col gap-3 px-6 py-4 border-b border-border-seam sm:flex-row sm:items-center sm:justify-between sm:gap-4", d ? "overflow-hidden bg-gloss-card" : "bg-bg-surface"),
+		children: [
+			d && /* @__PURE__ */ t(r, { intensity: "subtle" }),
+			/* @__PURE__ */ n("div", {
+				className: "min-w-0",
+				children: [u && typeof a == "string" ? /* @__PURE__ */ t(i, {
+					as: "h1",
+					className: "text-2xl font-semibold tracking-tight",
+					children: a
+				}) : /* @__PURE__ */ t("h1", {
+					className: "text-2xl font-semibold text-text-primary",
+					children: a
+				}), o && /* @__PURE__ */ t("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: o
+				})]
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "flex flex-wrap items-center gap-3 shrink-0 max-sm:w-full",
+				children: s
+			})
+		]
+	}), /* @__PURE__ */ t("div", {
+		className: "flex-1 overflow-auto p-6",
+		children: c
+	})]
+});
+//#endregion
+export { a as PageLayout };
+
+//# sourceMappingURL=PageLayout.js.map

package/dist/mybodyshield/components/PageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/mybodyshield/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module mybodyshield/components\n *\n * Boff UI 2.0 page wrapper. Supports a living-glass {@link AuroraBackground}\n * hero backdrop and a gradient hero title for the MFE's primary page.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /** Render the title as a gradient hero heading (reserve for the ONE primary page). */\n  titleGradient?: boolean;\n  /** Drop a subtle living-glass aurora behind the header (primary page only). */\n  aurora?: boolean;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  titleGradient = false,\n  aurora = false,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      <div\n        className={cn(\n          'relative flex flex-col gap-3 px-6 py-4 border-b border-border-seam sm:flex-row sm:items-center sm:justify-between sm:gap-4',\n          aurora ? 'overflow-hidden bg-gloss-card' : 'bg-bg-surface'\n        )}\n      >\n        {aurora && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          {titleGradient && typeof title === 'string' ? (\n            <GradientText as=\"h1\" className=\"text-2xl font-semibold tracking-tight\">\n              {title}\n            </GradientText>\n          ) : (\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          )}\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && (\n          <div className=\"flex flex-wrap items-center gap-3 shrink-0 max-sm:w-full\">{actions}</div>\n        )}\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAwBA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,mBAAgB,IAChB,YAAS,SAGP,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;WAArD,CACE,kBAAC,OAAD;EACE,WAAW,EACT,8HACA,IAAS,kCAAkC,gBAC5C;YAJH;GAMG,KAAU,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAClD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAiB,OAAO,KAAU,WACjC,kBAAC,GAAD;KAAc,IAAG;KAAK,WAAU;eAC7B;KACY,CAAA,GAEf,kBAAC,MAAD;KAAI,WAAU;eAA4C;KAAW,CAAA,EAEtE,KAAe,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA,CAC7E;;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAA4D;IAAc,CAAA;GAEvF;KAEN,kBAAC,OAAD;EAAK,WAAU;EAA4B;EAAe,CAAA,CACtD"}

package/dist/mybodyshield/components/Pagination.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../utils/cn.js";
+import { ChevronLeft as t, ChevronRight as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/components/Pagination.tsx
+function o({ page: o, pageSize: s, itemCount: c, hasMore: l, onPageChange: u, className: d }) {
+	if (o === 0 && !l) return null;
+	let f = c === 0 ? 0 : o * s + 1, p = o * s + c;
+	return /* @__PURE__ */ i("div", {
+		className: e("mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row", d),
+		children: [/* @__PURE__ */ i("p", {
+			className: "text-sm text-text-secondary tabular-nums",
+			"aria-live": "polite",
+			children: [
+				"Showing ",
+				f,
+				"–",
+				p
+			]
+		}), /* @__PURE__ */ i("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ i(a, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => u(o - 1),
+					disabled: o === 0,
+					"aria-label": "Previous page",
+					children: [/* @__PURE__ */ r(t, { className: "mr-1 h-4 w-4" }), " Previous"]
+				}),
+				/* @__PURE__ */ i("span", {
+					className: "min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums",
+					children: ["Page ", o + 1]
+				}),
+				/* @__PURE__ */ i(a, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => u(o + 1),
+					disabled: !l,
+					"aria-label": "Next page",
+					children: ["Next ", /* @__PURE__ */ r(n, { className: "ml-1 h-4 w-4" })]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { o as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/mybodyshield/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/mybodyshield/components/Pagination.tsx"],"sourcesContent":["/**\n * Pagination — cursor-aware Prev/Next control for Eco* connection lists.\n * @module mybodyshield/components\n *\n * The svc list connections return `pageInfo { cursor, hasMore }` and paginate by\n * cursor (offset is a no-op). Pages track a 0-indexed `page` for display and a\n * cursor stack for navigation; this control exposes Prev/Next, disabling Prev on\n * page 0 and Next when the server reports no more rows.\n */\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PaginationProps {\n  page: number;\n  pageSize: number;\n  /** Number of rows on the current page. */\n  itemCount: number;\n  /** Server flag: are there more rows after this page? */\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  className?: string;\n}\n\nexport function Pagination({\n  page,\n  pageSize,\n  itemCount,\n  hasMore,\n  onPageChange,\n  className,\n}: PaginationProps) {\n  // Nothing to paginate: single page that also has no more rows.\n  if (page === 0 && !hasMore) return null;\n\n  const from = itemCount === 0 ? 0 : page * pageSize + 1;\n  const to = page * pageSize + itemCount;\n\n  return (\n    <div\n      className={cn('mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row', className)}\n    >\n      <p className=\"text-sm text-text-secondary tabular-nums\" aria-live=\"polite\">\n        Showing {from}–{to}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page === 0}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"mr-1 h-4 w-4\" /> Previous\n        </Button>\n        <span className=\"min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums\">\n          Page {page + 1}\n        </span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!hasMore}\n          aria-label=\"Next page\"\n        >\n          Next <ChevronRight className=\"ml-1 h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAyBA,SAAgB,EAAW,EACzB,SACA,aACA,cACA,YACA,iBACA,gBACkB;AAElB,KAAI,MAAS,KAAK,CAAC,EAAS,QAAO;CAEnC,IAAM,IAAO,MAAc,IAAI,IAAI,IAAO,IAAW,GAC/C,IAAK,IAAO,IAAW;AAE7B,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,qEAAqE,EAAU;YAD/F,CAGE,kBAAC,KAAD;GAAG,WAAU;GAA2C,aAAU;aAAlE;IAA2E;IAChE;IAAK;IAAE;IACd;MACJ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,EAAE;KACrC,UAAU,MAAS;KACnB,cAAW;eALb,CAOE,kBAAC,GAAD,EAAa,WAAU,gBAAiB,CAAA,EAAA,YACjC;;IACT,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsF,SAC9E,IAAO,EACR;;IACP,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,EAAE;KACrC,UAAU,CAAC;KACX,cAAW;eALb,CAMC,SACM,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,CACvC;;IACL;KACF"}

package/dist/mybodyshield/components/StateViews.js

@@ -0,0 +1,49 @@
+import { cn as e } from "../utils/cn.js";
+import { AlertCircle as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Spinner as i } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/components/StateViews.tsx
+var a = ({ label: t = "Loading…", className: a }) => /* @__PURE__ */ r("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-3", a),
+	children: [/* @__PURE__ */ n(i, { size: "lg" }), /* @__PURE__ */ n("p", {
+		className: "text-sm text-text-secondary",
+		children: t
+	})]
+}), o = ({ title: i = "Something went wrong", message: a, onRetry: o, className: s }) => /* @__PURE__ */ r("div", {
+	className: e("flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center", s),
+	children: [
+		/* @__PURE__ */ n(t, { className: "h-10 w-10 text-status-error-text" }),
+		/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
+			className: "text-lg font-semibold text-text-primary",
+			children: i
+		}), a && /* @__PURE__ */ n("p", {
+			className: "mt-1 max-w-md text-sm text-text-secondary",
+			children: a
+		})] }),
+		o && /* @__PURE__ */ n("button", {
+			type: "button",
+			onClick: o,
+			className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
+			children: "Retry"
+		})
+	]
+}), s = ({ title: t, description: i, action: a, children: o, className: s }) => /* @__PURE__ */ r("section", {
+	className: e("mt-8 first:mt-0", s),
+	children: [/* @__PURE__ */ r("div", {
+		className: "mb-3 flex items-end justify-between gap-3",
+		children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h2", {
+			className: "text-base font-semibold text-text-primary",
+			children: t
+		}), i && /* @__PURE__ */ n("p", {
+			className: "mt-0.5 text-sm text-text-secondary",
+			children: i
+		})] }), a && /* @__PURE__ */ n("div", {
+			className: "shrink-0",
+			children: a
+		})]
+	}), o]
+});
+//#endregion
+export { o as ErrorView, a as LoadingView, s as Section };
+
+//# sourceMappingURL=StateViews.js.map

package/dist/mybodyshield/components/StateViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateViews.js","names":[],"sources":["../../../src/mybodyshield/components/StateViews.tsx"],"sourcesContent":["/**\n * Shared loading / error / section state views\n * @module mybodyshield/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface LoadingViewProps {\n  label?: string;\n  className?: string;\n}\n\nexport const LoadingView: FC<LoadingViewProps> = ({ label = 'Loading…', className }) => (\n  <div className={cn('flex min-h-[40vh] flex-col items-center justify-center gap-3', className)}>\n    <Spinner size=\"lg\" />\n    <p className=\"text-sm text-text-secondary\">{label}</p>\n  </div>\n);\n\ninterface ErrorViewProps {\n  title?: string;\n  message?: string;\n  onRetry?: () => void;\n  className?: string;\n}\n\nexport const ErrorView: FC<ErrorViewProps> = ({\n  title = 'Something went wrong',\n  message,\n  onRetry,\n  className,\n}) => (\n  <div\n    className={cn(\n      'flex min-h-[40vh] flex-col items-center justify-center gap-4 text-center',\n      className\n    )}\n  >\n    <AlertCircle className=\"h-10 w-10 text-status-error-text\" />\n    <div>\n      <h2 className=\"text-lg font-semibold text-text-primary\">{title}</h2>\n      {message && <p className=\"mt-1 max-w-md text-sm text-text-secondary\">{message}</p>}\n    </div>\n    {onRetry && (\n      <button\n        type=\"button\"\n        onClick={onRetry}\n        className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90\"\n      >\n        Retry\n      </button>\n    )}\n  </div>\n);\n\ninterface SectionProps {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nexport const Section: FC<SectionProps> = ({ title, description, action, children, className }) => (\n  <section className={cn('mt-8 first:mt-0', className)}>\n    <div className=\"mb-3 flex items-end justify-between gap-3\">\n      <div>\n        <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n        {description && <p className=\"mt-0.5 text-sm text-text-secondary\">{description}</p>}\n      </div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n    </div>\n    {children}\n  </section>\n);\n"],"mappings":";;;;;AAeA,IAAa,KAAqC,EAAE,WAAQ,YAAY,mBACtE,kBAAC,OAAD;CAAK,WAAW,EAAG,gEAAgE,EAAU;WAA7F,CACE,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA,EACrB,kBAAC,KAAD;EAAG,WAAU;YAA+B;EAAU,CAAA,CAClD;IAUK,KAAiC,EAC5C,WAAQ,wBACR,YACA,YACA,mBAEA,kBAAC,OAAD;CACE,WAAW,EACT,4EACA,EACD;WAJH;EAME,kBAAC,GAAD,EAAa,WAAU,oCAAqC,CAAA;EAC5D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;GAAW,CAAA,EACnE,KAAW,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAY,CAAA,CAC9E,EAAA,CAAA;EACL,KACC,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;aACX;GAEQ,CAAA;EAEP;IAWK,KAA6B,EAAE,UAAO,gBAAa,WAAQ,aAAU,mBAChF,kBAAC,WAAD;CAAS,WAAW,EAAG,mBAAmB,EAAU;WAApD,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAA6C;GAAW,CAAA,EACrE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAAsC;GAAgB,CAAA,CAC/E,EAAA,CAAA,EACL,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAY;GAAa,CAAA,CAC/C;KACL,EACO"}

package/dist/mybodyshield/components/StatusBadge.js

@@ -0,0 +1,62 @@
+import { cn as e } from "../utils/cn.js";
+import { formatEnumLabel as t } from "../utils/formatters.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/mybodyshield/components/StatusBadge.tsx
+var i = {
+	success: "bg-status-success-bg-subtle text-status-success-text",
+	warning: "bg-status-warning-bg-subtle text-status-warning-text",
+	destructive: "bg-status-error-bg-subtle text-status-error-text",
+	secondary: "bg-bg-sunken text-text-secondary",
+	info: "bg-[var(--color-accent-soft)] text-text-primary",
+	outline: "border border-border-seam text-text-primary"
+}, a = new Set([
+	"IN_PROGRESS",
+	"ONLINE",
+	"ACTIVE"
+]), o = {
+	DRAFT: "secondary",
+	ACTIVE: "success",
+	COMPLETED: "success",
+	ARCHIVED: "outline",
+	BUILD: "info",
+	PEAK: "warning",
+	DELOAD: "secondary",
+	MAINTENANCE: "secondary",
+	ACHIEVED: "success",
+	PAUSED: "warning",
+	ABANDONED: "outline",
+	SCHEDULED: "secondary",
+	IN_PROGRESS: "info",
+	SKIPPED: "outline",
+	PENDING: "warning",
+	ENDED: "outline",
+	STRENGTH: "info",
+	CARDIO: "warning",
+	HIIT: "destructive",
+	MOBILITY: "secondary",
+	YOGA: "secondary",
+	RECOVERY: "success",
+	BEGINNER: "secondary",
+	INTERMEDIATE: "info",
+	ADVANCED: "warning",
+	ELITE: "destructive",
+	WEIGHT_LOSS: "info",
+	MUSCLE_GAIN: "info",
+	ENDURANCE: "info",
+	GENERAL_FITNESS: "secondary",
+	PR: "success",
+	OK: "success"
+}, s = ({ status: s, className: c }) => {
+	let l = s.toUpperCase(), u = o[l] ?? "secondary", d = a.has(l);
+	return /* @__PURE__ */ r("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", i[u], c),
+		children: [d && /* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			className: "size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse"
+		}), t(s)]
+	});
+};
+//#endregion
+export { s as StatusBadge };
+
+//# sourceMappingURL=StatusBadge.js.map

package/dist/mybodyshield/components/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/mybodyshield/components/StatusBadge.tsx"],"sourcesContent":["/**\n * Status Badge Component\n * @module mybodyshield/components\n *\n * A colored badge for MyBodyShield domain statuses (program status/phase, goal\n * status, workout-session status, coaching status, workout type, muscle group,\n * fitness level, recovery metric, meal type) with semantic color mapping.\n * Accepts the raw server enum value.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { formatEnumLabel } from '../utils/formatters';\n\ninterface StatusBadgeProps {\n  status: string;\n  className?: string;\n}\n\ntype BadgeVariant = 'success' | 'warning' | 'destructive' | 'secondary' | 'info' | 'outline';\n\nconst variantStyles: Record<BadgeVariant, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n  destructive: 'bg-status-error-bg-subtle text-status-error-text',\n  secondary: 'bg-bg-sunken text-text-secondary',\n  info: 'bg-[var(--color-accent-soft)] text-text-primary',\n  outline: 'border border-border-seam text-text-primary',\n};\n\n// Statuses that represent a \"live\" / in-progress condition get a subtle,\n// opacity-only glow pulse (reduced-motion safe via motion-safe:).\nconst liveStatuses = new Set(['IN_PROGRESS', 'ONLINE', 'ACTIVE']);\n\nconst statusVariantMap: Record<string, BadgeVariant> = {\n  // Program status\n  DRAFT: 'secondary',\n  ACTIVE: 'success',\n  COMPLETED: 'success',\n  ARCHIVED: 'outline',\n\n  // Program phase\n  BUILD: 'info',\n  PEAK: 'warning',\n  DELOAD: 'secondary',\n  MAINTENANCE: 'secondary',\n\n  // Goal status\n  ACHIEVED: 'success',\n  PAUSED: 'warning',\n  ABANDONED: 'outline',\n\n  // Workout-session status\n  SCHEDULED: 'secondary',\n  IN_PROGRESS: 'info',\n  SKIPPED: 'outline',\n\n  // Coaching status\n  PENDING: 'warning',\n  ENDED: 'outline',\n\n  // Workout type\n  STRENGTH: 'info',\n  CARDIO: 'warning',\n  HIIT: 'destructive',\n  MOBILITY: 'secondary',\n  YOGA: 'secondary',\n  RECOVERY: 'success',\n\n  // Fitness level\n  BEGINNER: 'secondary',\n  INTERMEDIATE: 'info',\n  ADVANCED: 'warning',\n  ELITE: 'destructive',\n\n  // Goal type\n  WEIGHT_LOSS: 'info',\n  MUSCLE_GAIN: 'info',\n  ENDURANCE: 'info',\n  GENERAL_FITNESS: 'secondary',\n\n  // Personal record / positive flag\n  PR: 'success',\n  OK: 'success',\n};\n\nexport const StatusBadge: FC<StatusBadgeProps> = ({ status, className }) => {\n  const key = status.toUpperCase();\n  const variant = statusVariantMap[key] ?? 'secondary';\n  const isLive = liveStatuses.has(key);\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        variantStyles[variant],\n        className\n      )}\n    >\n      {isLive && (\n        <span\n          aria-hidden=\"true\"\n          className=\"size-1.5 rounded-full bg-current motion-safe:animate-vc-glow-pulse\"\n        />\n      )}\n      {formatEnumLabel(status)}\n    </span>\n  );\n};\n"],"mappings":";;;;AAqBA,IAAM,IAA8C;CAClD,SAAS;CACT,SAAS;CACT,aAAa;CACb,WAAW;CACX,MAAM;CACN,SAAS;CACV,EAIK,IAAe,IAAI,IAAI;CAAC;CAAe;CAAU;CAAS,CAAC,EAE3D,IAAiD;CAErD,OAAO;CACP,QAAQ;CACR,WAAW;CACX,UAAU;CAGV,OAAO;CACP,MAAM;CACN,QAAQ;CACR,aAAa;CAGb,UAAU;CACV,QAAQ;CACR,WAAW;CAGX,WAAW;CACX,aAAa;CACb,SAAS;CAGT,SAAS;CACT,OAAO;CAGP,UAAU;CACV,QAAQ;CACR,MAAM;CACN,UAAU;CACV,MAAM;CACN,UAAU;CAGV,UAAU;CACV,cAAc;CACd,UAAU;CACV,OAAO;CAGP,aAAa;CACb,aAAa;CACb,WAAW;CACX,iBAAiB;CAGjB,IAAI;CACJ,IAAI;CACL,EAEY,KAAqC,EAAE,WAAQ,mBAAgB;CAC1E,IAAM,IAAM,EAAO,aAAa,EAC1B,IAAU,EAAiB,MAAQ,aACnC,IAAS,EAAa,IAAI,EAAI;AAEpC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAc,IACd,EACD;YALH,CAOG,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;GACV,CAAA,EAEH,EAAgB,EAAO,CACnB"}

package/dist/mybodyshield/components/Tabs.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/mybodyshield/components/Tabs.tsx
+function r({ items: r, value: i, onChange: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		className: e("flex flex-wrap items-center gap-1 border-b border-border-seam", o),
+		children: r.map((r) => {
+			let o = r.value === i;
+			return /* @__PURE__ */ n("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": o,
+				onClick: () => a(r.value),
+				className: e("relative -mb-px inline-flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors", o ? "border-accent text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+				children: [
+					r.icon,
+					r.label,
+					typeof r.count == "number" && /* @__PURE__ */ t("span", {
+						className: e("rounded-full px-1.5 py-0.5 text-xs tabular-nums", o ? "bg-[var(--color-accent-soft)] text-text-primary" : "bg-bg-sunken text-text-secondary"),
+						children: r.count
+					})
+				]
+			}, r.value);
+		})
+	});
+}
+//#endregion
+export { r as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/mybodyshield/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/mybodyshield/components/Tabs.tsx"],"sourcesContent":["/**\n * Tabs — a top-level segmented navigation control for multi-section pages\n * (Monitoring: Sensors/Measurements/Thresholds; Carbon: Ledger/Factors/Targets).\n * @module mybodyshield/components\n *\n * Visually heavier than {@link FilterTabs} (underline-style page tabs vs a pill\n * filter). Purely presentational — the parent owns the active-tab state.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface TabItem<V extends string> {\n  value: V;\n  label: string;\n  icon?: ReactNode;\n  count?: number;\n}\n\ninterface TabsProps<V extends string> {\n  items: TabItem<V>[];\n  value: V;\n  onChange: (value: V) => void;\n  className?: string;\n}\n\nexport function Tabs<V extends string>({ items, value, onChange, className }: TabsProps<V>) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn('flex flex-wrap items-center gap-1 border-b border-border-seam', className)}\n    >\n      {items.map((item) => {\n        const active = item.value === value;\n        return (\n          <button\n            key={item.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(item.value)}\n            className={cn(\n              'relative -mb-px inline-flex items-center gap-2 border-b-2 px-4 py-2.5 text-sm font-medium transition-colors',\n              active\n                ? 'border-accent text-text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            )}\n          >\n            {item.icon}\n            {item.label}\n            {typeof item.count === 'number' && (\n              <span\n                className={cn(\n                  'rounded-full px-1.5 py-0.5 text-xs tabular-nums',\n                  active\n                    ? 'bg-[var(--color-accent-soft)] text-text-primary'\n                    : 'bg-bg-sunken text-text-secondary'\n                )}\n              >\n                {item.count}\n              </span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AA0BA,SAAgB,EAAuB,EAAE,UAAO,UAAO,aAAU,gBAA2B;AAC1F,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EAAG,iEAAiE,EAAU;YAExF,EAAM,KAAK,MAAS;GACnB,IAAM,IAAS,EAAK,UAAU;AAC9B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACf,eAAe,EAAS,EAAK,MAAM;IACnC,WAAW,EACT,+GACA,IACI,oCACA,iEACL;cAXH;KAaG,EAAK;KACL,EAAK;KACL,OAAO,EAAK,SAAU,YACrB,kBAAC,QAAD;MACE,WAAW,EACT,mDACA,IACI,oDACA,mCACL;gBAEA,EAAK;MACD,CAAA;KAEF;MA1BF,EAAK,MA0BH;IAEX;EACE,CAAA"}

package/dist/mybodyshield/components/index.js

@@ -0,0 +1,14 @@
+import "./PageLayout.js";
+import "./MetricsCard.js";
+import "./StatusBadge.js";
+import "./MiniBar.js";
+import "./StateViews.js";
+import "./EmptyState.js";
+import "./DataTable.js";
+import "./FilterTabs.js";
+import "./Tabs.js";
+import "./Pagination.js";
+import "./EvidenceUpload.js";
+import "./FileLink.js";
+import "./MybDiscussion.js";
+import "./MybTags.js";

package/dist/mybodyshield/context/MyBodyShieldContext.js

@@ -0,0 +1,85 @@
+import { joinPath as e } from "../utils/navigation.js";
+import { createContext as t, useCallback as n, useContext as r, useMemo as i } from "react";
+import { MemoryRouter as a, useNavigate as o } from "react-router-dom";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/mybodyshield/context/MyBodyShieldContext.tsx
+var c = t(null);
+function l() {
+	let e = r(c);
+	if (!e) throw Error("useMyBodyShield must be used within an MyBodyShieldProvider");
+	return e;
+}
+var u = ({ children: t, basePath: r, currentUser: a, tenantId: l, workspaceId: u, apiGatewayUrl: d, authToken: f }) => {
+	let p = o(), m = r || "/", h = n((t) => e(m, t), [m]), g = n((t) => {
+		p(e(m, t));
+	}, [m, p]), _ = i(() => ({
+		basePath: m,
+		navigate: void 0,
+		currentUser: a,
+		tenantId: l,
+		workspaceId: u,
+		apiGatewayUrl: d,
+		authToken: f,
+		isStandalone: !0,
+		navigateTo: g,
+		getPath: h
+	}), [
+		m,
+		a,
+		l,
+		u,
+		d,
+		f,
+		g,
+		h
+	]);
+	return /* @__PURE__ */ s(c.Provider, {
+		value: _,
+		children: t
+	});
+}, d = ({ children: t, basePath: r, navigate: a, currentUser: o, tenantId: l, workspaceId: u, apiGatewayUrl: d, authToken: f }) => {
+	let p = r || "/", m = n((t) => e(p, t), [p]), h = n((t) => {
+		a(e(p, t));
+	}, [p, a]), g = i(() => ({
+		basePath: p,
+		navigate: a,
+		currentUser: o,
+		tenantId: l,
+		workspaceId: u,
+		apiGatewayUrl: d,
+		authToken: f,
+		isStandalone: !1,
+		navigateTo: h,
+		getPath: m
+	}), [
+		p,
+		a,
+		o,
+		l,
+		u,
+		d,
+		f,
+		h,
+		m
+	]);
+	return /* @__PURE__ */ s(c.Provider, {
+		value: g,
+		children: t
+	});
+}, f = (e) => {
+	let { children: t, navigate: n } = e;
+	return n ? /* @__PURE__ */ s(d, {
+		...e,
+		navigate: n,
+		isStandalone: !1,
+		children: t
+	}) : /* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(u, {
+		...e,
+		isStandalone: !0,
+		children: t
+	}) });
+};
+//#endregion
+export { f as MyBodyShieldProvider, l as useMyBodyShield };
+
+//# sourceMappingURL=MyBodyShieldContext.js.map

package/dist/mybodyshield/context/MyBodyShieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyBodyShieldContext.js","names":[],"sources":["../../../src/mybodyshield/context/MyBodyShieldContext.tsx"],"sourcesContent":["/**\n * MyBodyShield Context Provider\n * @module mybodyshield/context\n *\n * Splits standalone mode (wraps its own MemoryRouter + useNavigate) from\n * integrated mode (the host shell supplies `navigate`). Exposes gateway/auth\n * context + relative navigation helpers to every page.\n */\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo, useCallback } from 'react';\nimport { MemoryRouter, useNavigate as useRouterNavigate } from 'react-router-dom';\nimport type { MyBodyShieldRootProps } from '../types';\nimport { joinPath } from '../utils/navigation';\n\ninterface MyBodyShieldContextValue extends Omit<\n  MyBodyShieldRootProps,\n  'registerNavItems' | 'registerFooterItems' | 'navigate'\n> {\n  isStandalone: boolean;\n  /** Shell's navigate function (only available in integrated mode). */\n  navigate?: (path: string) => void;\n  /** Navigate to a path relative to basePath. */\n  navigateTo: (relativePath: string) => void;\n  /** Get the full path for a relative path. */\n  getPath: (relativePath: string) => string;\n}\n\nconst MyBodyShieldContext = createContext<MyBodyShieldContextValue | null>(null);\n\nexport function useMyBodyShield(): MyBodyShieldContextValue {\n  const context = useContext(MyBodyShieldContext);\n  if (!context) {\n    throw new Error('useMyBodyShield must be used within an MyBodyShieldProvider');\n  }\n  return context;\n}\n\ntype ProviderProps = Omit<MyBodyShieldRootProps, 'registerNavItems' | 'registerFooterItems'> & {\n  isStandalone: boolean;\n};\n\nconst StandaloneProviderInner: FC<PropsWithChildren<ProviderProps>> = ({\n  children,\n  basePath,\n  currentUser,\n  tenantId,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n}) => {\n  const routerNavigate = useRouterNavigate();\n  const effectiveBasePath = basePath || '/';\n\n  const getPath = useCallback(\n    (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n    [effectiveBasePath]\n  );\n\n  const navigateTo = useCallback(\n    (relativePath: string) => {\n      routerNavigate(joinPath(effectiveBasePath, relativePath));\n    },\n    [effectiveBasePath, routerNavigate]\n  );\n\n  const contextValue = useMemo<MyBodyShieldContextValue>(\n    () => ({\n      basePath: effectiveBasePath,\n      navigate: undefined,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      isStandalone: true,\n      navigateTo,\n      getPath,\n    }),\n    [\n      effectiveBasePath,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      navigateTo,\n      getPath,\n    ]\n  );\n\n  return (\n    <MyBodyShieldContext.Provider value={contextValue}>{children}</MyBodyShieldContext.Provider>\n  );\n};\n\nconst IntegratedProviderInner: FC<\n  PropsWithChildren<ProviderProps & { navigate: (path: string) => void }>\n> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  tenantId,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n}) => {\n  const effectiveBasePath = basePath || '/';\n\n  const getPath = useCallback(\n    (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n    [effectiveBasePath]\n  );\n\n  const navigateTo = useCallback(\n    (relativePath: string) => {\n      navigate(joinPath(effectiveBasePath, relativePath));\n    },\n    [effectiveBasePath, navigate]\n  );\n\n  const contextValue = useMemo<MyBodyShieldContextValue>(\n    () => ({\n      basePath: effectiveBasePath,\n      navigate,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      isStandalone: false,\n      navigateTo,\n      getPath,\n    }),\n    [\n      effectiveBasePath,\n      navigate,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      navigateTo,\n      getPath,\n    ]\n  );\n\n  return (\n    <MyBodyShieldContext.Provider value={contextValue}>{children}</MyBodyShieldContext.Provider>\n  );\n};\n\nexport const MyBodyShieldProvider: FC<PropsWithChildren<MyBodyShieldRootProps>> = (props) => {\n  const { children, navigate } = props;\n  const isStandalone = !navigate;\n\n  if (isStandalone) {\n    return (\n      <MemoryRouter>\n        <StandaloneProviderInner {...props} isStandalone={true}>\n          {children}\n        </StandaloneProviderInner>\n      </MemoryRouter>\n    );\n  }\n\n  return (\n    <IntegratedProviderInner {...props} navigate={navigate} isStandalone={false}>\n      {children}\n    </IntegratedProviderInner>\n  );\n};\n"],"mappings":";;;;;AA4BA,IAAM,IAAsB,EAA+C,KAAK;AAEhF,SAAgB,IAA4C;CAC1D,IAAM,IAAU,EAAW,EAAoB;AAC/C,KAAI,CAAC,EACH,OAAU,MAAM,8DAA8D;AAEhF,QAAO;;AAOT,IAAM,KAAiE,EACrE,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAiB,GAAmB,EACpC,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,EAAa,EACnE,CAAC,EAAkB,CACpB,EAEK,IAAa,GAChB,MAAyB;AACxB,IAAe,EAAS,GAAmB,EAAa,CAAC;IAE3D,CAAC,GAAmB,EAAe,CACpC,EAEK,IAAe,SACZ;EACL,UAAU;EACV,UAAU,KAAA;EACV;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,kBAAC,EAAoB,UAArB;EAA8B,OAAO;EAAe;EAAwC,CAAA;GAI1F,KAED,EACH,aACA,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,EAAa,EACnE,CAAC,EAAkB,CACpB,EAEK,IAAa,GAChB,MAAyB;AACxB,IAAS,EAAS,GAAmB,EAAa,CAAC;IAErD,CAAC,GAAmB,EAAS,CAC9B,EAEK,IAAe,SACZ;EACL,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,kBAAC,EAAoB,UAArB;EAA8B,OAAO;EAAe;EAAwC,CAAA;GAInF,KAAsE,MAAU;CAC3F,IAAM,EAAE,aAAU,gBAAa;AAa/B,QAZsB,IAapB,kBAAC,GAAD;EAAyB,GAAI;EAAiB;EAAU,cAAc;EACnE;EACuB,CAAA,GAXxB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAyB,GAAI;EAAO,cAAc;EAC/C;EACuB,CAAA,EACb,CAAA"}

package/dist/mybodyshield/context/index.js

@@ -0,0 +1 @@
+import "./MyBodyShieldContext.js";

package/dist/mybodyshield/hooks/index.js

@@ -0,0 +1,5 @@
+import "./useMyBodyShieldApi.js";
+import "./usePager.js";
+import "./useMybFiles.js";
+import "./useMybComments.js";
+import "./useMybTags.js";