@burdenoff/microfe-mybodyshield 2026.525.1 → 2026.705.2

package/dist/mybodyshield/components/FilterTabs.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/mybodyshield/components/FilterTabs.tsx
+function r({ options: r, value: i, onChange: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		className: e("inline-flex flex-wrap items-center gap-1 rounded-xl border border-border-seam bg-bg-surface p-1", 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("rounded-lg px-3 py-1.5 text-sm font-medium transition-colors", o ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+				children: [r.label, typeof r.count == "number" && /* @__PURE__ */ t("span", {
+					className: e("ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums", o ? "bg-black/10 dark:bg-white/15" : "bg-bg-sunken"),
+					children: r.count
+				})]
+			}, r.value);
+		})
+	});
+}
+//#endregion
+export { r as FilterTabs };
+
+//# sourceMappingURL=FilterTabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTabs.js","names":[],"sources":["../../../src/mybodyshield/components/FilterTabs.tsx"],"sourcesContent":["/**\n * FilterTabs — a segmented status/enum filter control.\n * @module mybodyshield/components\n */\n\nimport { cn } from '../utils/cn';\n\nexport interface FilterOption<V extends string> {\n  value: V;\n  label: string;\n  count?: number;\n}\n\ninterface FilterTabsProps<V extends string> {\n  options: FilterOption<V>[];\n  value: V;\n  onChange: (value: V) => void;\n  className?: string;\n}\n\nexport function FilterTabs<V extends string>({\n  options,\n  value,\n  onChange,\n  className,\n}: FilterTabsProps<V>) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn(\n        'inline-flex flex-wrap items-center gap-1 rounded-xl border border-border-seam bg-bg-surface p-1',\n        className\n      )}\n    >\n      {options.map((opt) => {\n        const active = opt.value === value;\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(opt.value)}\n            className={cn(\n              'rounded-lg px-3 py-1.5 text-sm font-medium transition-colors',\n              active\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n            {typeof opt.count === 'number' && (\n              <span\n                className={cn(\n                  'ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums',\n                  active ? 'bg-black/10 dark:bg-white/15' : 'bg-bg-sunken'\n                )}\n              >\n                {opt.count}\n              </span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAA6B,EAC3C,YACA,UACA,aACA,gBACqB;AACrB,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EACT,mGACA,EACD;YAEA,EAAQ,KAAK,MAAQ;GACpB,IAAM,IAAS,EAAI,UAAU;AAC7B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACf,eAAe,EAAS,EAAI,MAAM;IAClC,WAAW,EACT,gEACA,IACI,kDACA,iEACL;cAXH,CAaG,EAAI,OACJ,OAAO,EAAI,SAAU,YACpB,kBAAC,QAAD;KACE,WAAW,EACT,0DACA,IAAS,iCAAiC,eAC3C;eAEA,EAAI;KACA,CAAA,CAEF;MAvBF,EAAI,MAuBF;IAEX;EACE,CAAA"}

package/dist/mybodyshield/components/MetricsCard.js

@@ -0,0 +1,64 @@
+import { cn as e } from "../utils/cn.js";
+import { Minus as t, TrendingDown as n, TrendingUp as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { GlassCard as o } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/components/MetricsCard.tsx
+var s = {
+	up: {
+		icon: r,
+		color: "text-status-success-text"
+	},
+	down: {
+		icon: n,
+		color: "text-status-error-text"
+	},
+	neutral: {
+		icon: t,
+		color: "text-text-secondary"
+	}
+}, c = {
+	success: "text-status-success-text",
+	warning: "text-status-warning-text",
+	error: "text-status-error-text"
+}, l = {
+	success: "shadow-[inset_0_1px_0_0_var(--color-status-success-text)]",
+	warning: "shadow-[inset_0_1px_0_0_var(--color-status-warning-text)]",
+	error: "shadow-[inset_0_1px_0_0_var(--color-status-error-text)]"
+}, u = ({ icon: t, value: n, label: r, trend: u, trendValue: d, className: f, featured: p = !1, accent: m, pill: h, footer: g }) => {
+	let _ = u ? s[u] : null, v = _?.icon;
+	return /* @__PURE__ */ a(o, {
+		treatment: p ? "glass" : "metric",
+		glow: p,
+		className: e("p-6", m && l[m], f),
+		children: [/* @__PURE__ */ a("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ i("div", {
+				className: e("text-text-secondary", m && c[m]),
+				children: t
+			}), h ?? (u && _ && v ? /* @__PURE__ */ a("div", {
+				className: e("flex items-center gap-1 text-xs font-medium", _.color),
+				children: [/* @__PURE__ */ i(v, { className: "h-3.5 w-3.5" }), d && /* @__PURE__ */ i("span", { children: d })]
+			}) : null)]
+		}), /* @__PURE__ */ a("div", {
+			className: "mt-3",
+			children: [
+				/* @__PURE__ */ i("p", {
+					className: "text-2xl font-bold text-text-primary tabular-nums",
+					children: n
+				}),
+				/* @__PURE__ */ i("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: r
+				}),
+				g && /* @__PURE__ */ i("div", {
+					className: "mt-3",
+					children: g
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { u as MetricsCard };
+
+//# sourceMappingURL=MetricsCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/mybodyshield/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module mybodyshield/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport type { TrendDirection } from '../types';\n\ntype Accent = 'success' | 'warning' | 'error';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  className?: string;\n  /** Render as the page's hero metric (glass treatment + accent glow). */\n  featured?: boolean;\n  /** Severity accent — tints the icon and adds a soft top-edge glow. */\n  accent?: Accent;\n  /** Optional pill shown in the top-right (e.g. \"Critical\"). */\n  pill?: ReactNode;\n  /** Optional slot under the value (e.g. a MiniBar or sub-label). */\n  footer?: ReactNode;\n}\n\nconst trendConfig: Record<TrendDirection, { icon: typeof TrendingUp; color: string }> = {\n  up: { icon: TrendingUp, color: 'text-status-success-text' },\n  down: { icon: TrendingDown, color: 'text-status-error-text' },\n  neutral: { icon: Minus, color: 'text-text-secondary' },\n};\n\nconst accentIcon: Record<Accent, string> = {\n  success: 'text-status-success-text',\n  warning: 'text-status-warning-text',\n  error: 'text-status-error-text',\n};\n\nconst accentGlow: Record<Accent, string> = {\n  success: 'shadow-[inset_0_1px_0_0_var(--color-status-success-text)]',\n  warning: 'shadow-[inset_0_1px_0_0_var(--color-status-warning-text)]',\n  error: 'shadow-[inset_0_1px_0_0_var(--color-status-error-text)]',\n};\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  className,\n  featured = false,\n  accent,\n  pill,\n  footer,\n}) => {\n  const trendInfo = trend ? trendConfig[trend] : null;\n  const TrendIcon = trendInfo?.icon;\n\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', accent && accentGlow[accent], className)}\n    >\n      <div className=\"flex items-center justify-between\">\n        <div className={cn('text-text-secondary', accent && accentIcon[accent])}>{icon}</div>\n        {pill ??\n          (trend && trendInfo && TrendIcon ? (\n            <div className={cn('flex items-center gap-1 text-xs font-medium', trendInfo.color)}>\n              <TrendIcon className=\"h-3.5 w-3.5\" />\n              {trendValue && <span>{trendValue}</span>}\n            </div>\n          ) : null)}\n      </div>\n      <div className=\"mt-3\">\n        <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n        {footer && <div className=\"mt-3\">{footer}</div>}\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AA8BA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEK,IAAqC;CACzC,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAEK,IAAqC;CACzC,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,IACX,WACA,SACA,gBACI;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,KAAU,EAAW,IAAS,EAAU;YAH/D,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAW,EAAG,uBAAuB,KAAU,EAAW,GAAQ;cAAG;IAAW,CAAA,EACpF,MACE,KAAS,KAAa,IACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD,EAAA,UAAO,GAAkB,CAAA,CACpC;QACJ,MACF;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,KAAD;KAAG,WAAU;eAAqD;KAAU,CAAA;IAC5E,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAU,CAAA;IAC1D,KAAU,kBAAC,OAAD;KAAK,WAAU;eAAQ;KAAa,CAAA;IAC3C;KACI"}

package/dist/mybodyshield/components/MiniBar.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/mybodyshield/components/MiniBar.tsx
+function n({ value: n, className: r, barClassName: i = "bg-accent", height: a = 6 }) {
+	let o = Math.max(0, Math.min(100, n));
+	return /* @__PURE__ */ t("div", {
+		className: e("w-full overflow-hidden rounded-full bg-bg-sunken", r),
+		style: { height: a },
+		role: "progressbar",
+		"aria-valuenow": Math.round(o),
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		children: /* @__PURE__ */ t("div", {
+			className: e("h-full rounded-full transition-[width] duration-700 ease-out", i),
+			style: { width: `${o}%` }
+		})
+	});
+}
+//#endregion
+export { n as MiniBar };
+
+//# sourceMappingURL=MiniBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MiniBar.js","names":[],"sources":["../../../src/mybodyshield/components/MiniBar.tsx"],"sourcesContent":["/**\n * MiniBar — a thin inline progress bar (target progress, completion, breach %).\n * @module mybodyshield/components\n */\n\nimport { cn } from '../utils/cn';\n\ninterface MiniBarProps {\n  /** 0–100. */\n  value: number;\n  className?: string;\n  /** Bar fill token class (defaults to accent). */\n  barClassName?: string;\n  /** Height in px. */\n  height?: number;\n}\n\nexport function MiniBar({\n  value,\n  className,\n  barClassName = 'bg-accent',\n  height = 6,\n}: MiniBarProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cn('w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n      role=\"progressbar\"\n      aria-valuenow={Math.round(clamped)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div\n        className={cn('h-full rounded-full transition-[width] duration-700 ease-out', barClassName)}\n        style={{ width: `${clamped}%` }}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAQ,EACtB,UACA,cACA,kBAAe,aACf,YAAS,KACM;CACf,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAM,CAAC;AACjD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,oDAAoD,EAAU;EAC5E,OAAO,EAAE,WAAQ;EACjB,MAAK;EACL,iBAAe,KAAK,MAAM,EAAQ;EAClC,iBAAe;EACf,iBAAe;YAEf,kBAAC,OAAD;GACE,WAAW,EAAG,gEAAgE,EAAa;GAC3F,OAAO,EAAE,OAAO,GAAG,EAAQ,IAAI;GAC/B,CAAA;EACE,CAAA"}

package/dist/mybodyshield/components/MybDiscussion.js

@@ -0,0 +1,109 @@
+import { useMyBodyShield as e } from "../context/MyBodyShieldContext.js";
+import { formatDateTime as t } from "../utils/formatters.js";
+import { ErrorView as n, LoadingView as r, Section as i } from "./StateViews.js";
+import { EmptyState as a } from "./EmptyState.js";
+import "../context/index.js";
+import { useMybComments as o, useMybCreateComment as s } from "../hooks/useMybComments.js";
+import "../hooks/index.js";
+import { useState as c } from "react";
+import { MessageSquare as l, Send as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Textarea as m } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/components/MybDiscussion.tsx
+function h(e) {
+	if (!e) return "You";
+	let t = [e.firstName, e.lastName].filter(Boolean).join(" ").trim();
+	return e.name || t || e.username || e.email || "You";
+}
+function g(e) {
+	let t = e.trim();
+	return t ? t[0].toUpperCase() : "?";
+}
+function _({ entityType: _, entityId: v, title: y = "Discussion", description: b = "Coordinate review and verification with your team." }) {
+	let { currentUser: x } = e(), { data: S, isLoading: C, isError: w, refetch: T } = o(_, v), E = s(_, v), [D, O] = c(""), [k, A] = c(null), j = h(x), M = (e) => x?.id && e.authorId === x.id ? j : "Workspace member", N = async () => {
+		let e = D.trim();
+		if (e) {
+			A(null);
+			try {
+				await E.mutateAsync(e), O("");
+			} catch (e) {
+				A(e instanceof Error ? e.message : "Failed to post comment.");
+			}
+		}
+	}, P = S?.items ?? [];
+	return /* @__PURE__ */ d(i, {
+		title: y,
+		description: b,
+		children: /* @__PURE__ */ f("div", {
+			className: "rounded-xl border border-border-seam bg-bg-surface/40 p-4",
+			children: [/* @__PURE__ */ f("div", {
+				className: "flex gap-3",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-sm font-semibold text-action-primary-bg",
+					children: g(j)
+				}), /* @__PURE__ */ f("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ d(m, {
+						value: D,
+						onChange: (e) => O(e.target.value),
+						placeholder: "Add a comment for your team…",
+						rows: 2
+					}), /* @__PURE__ */ f("div", {
+						className: "mt-2 flex items-center justify-end gap-2",
+						children: [k && /* @__PURE__ */ d("span", {
+							className: "mr-auto text-xs text-status-error-text",
+							children: k
+						}), /* @__PURE__ */ f(p, {
+							size: "sm",
+							onClick: N,
+							disabled: !D.trim() || E.isPending,
+							children: [/* @__PURE__ */ d(u, { className: "mr-1.5 h-4 w-4" }), E.isPending ? "Posting…" : "Comment"]
+						})]
+					})]
+				})]
+			}), /* @__PURE__ */ d("div", {
+				className: "mt-4 border-t border-border-seam pt-4",
+				children: C ? /* @__PURE__ */ d(r, { label: "Loading discussion…" }) : w ? /* @__PURE__ */ d(n, {
+					message: "Couldn't load the discussion.",
+					onRetry: () => T()
+				}) : P.length === 0 ? /* @__PURE__ */ d(a, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ d(l, { className: "h-9 w-9" }),
+					title: "No comments yet",
+					description: "Start the discussion by adding the first comment."
+				}) : /* @__PURE__ */ d("ul", {
+					className: "flex flex-col gap-4",
+					children: P.map((e) => {
+						let n = M(e), r = e.content.text ?? e.content.markdown ?? "";
+						return /* @__PURE__ */ f("li", {
+							className: "flex gap-3",
+							children: [/* @__PURE__ */ d("div", {
+								className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold text-text-secondary",
+								children: g(n)
+							}), /* @__PURE__ */ f("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ f("div", {
+									className: "flex flex-wrap items-baseline gap-x-2",
+									children: [/* @__PURE__ */ d("span", {
+										className: "text-sm font-semibold text-text-primary",
+										children: n
+									}), /* @__PURE__ */ f("span", {
+										className: "text-xs text-text-tertiary",
+										children: [t(e.createdAt), e.edited ? " · edited" : ""]
+									})]
+								}), /* @__PURE__ */ d("p", {
+									className: "mt-0.5 whitespace-pre-wrap break-words text-sm text-text-secondary",
+									children: r
+								})]
+							})]
+						}, e.id);
+					})
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { _ as MybDiscussion };
+
+//# sourceMappingURL=MybDiscussion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MybDiscussion.js","names":[],"sources":["../../../src/mybodyshield/components/MybDiscussion.tsx"],"sourcesContent":["/**\n * MybDiscussion — a comment thread on any mybodyshield entity (Integration B).\n * @module mybodyshield/components/MybDiscussion\n *\n * Reuses the platform EntityComment API (`getEntityComments` /\n * `createEntityComment`) keyed by `(entityType, entityId)` — no mybodyshield-svc change.\n * Renders root comments (author, body, time) + a composer. Robust to empty\n * state and errors.\n */\n\nimport { useState } from 'react';\nimport { MessageSquare, Send } from 'lucide-react';\nimport { Button, Textarea } from '@burdenoff/fe-libs/ui';\nimport { Section, LoadingView, ErrorView } from './StateViews';\nimport { EmptyState } from './EmptyState';\nimport { useMyBodyShield } from '../context';\nimport { useMybComments, useMybCreateComment, type MybComment } from '../hooks';\nimport { formatDateTime } from '../utils/formatters';\n\ninterface MybDiscussionProps {\n  entityType: string;\n  entityId: string;\n  title?: string;\n  description?: string;\n}\n\nfunction displayName(user: ReturnType<typeof useMyBodyShield>['currentUser']): string {\n  if (!user) return 'You';\n  const full = [user.firstName, user.lastName].filter(Boolean).join(' ').trim();\n  return user.name || full || user.username || user.email || 'You';\n}\n\nfunction initialFor(label: string): string {\n  const trimmed = label.trim();\n  return trimmed ? trimmed[0]!.toUpperCase() : '?';\n}\n\nexport function MybDiscussion({\n  entityType,\n  entityId,\n  title = 'Discussion',\n  description = 'Coordinate review and verification with your team.',\n}: MybDiscussionProps) {\n  const { currentUser } = useMyBodyShield();\n  const { data, isLoading, isError, refetch } = useMybComments(entityType, entityId);\n  const createComment = useMybCreateComment(entityType, entityId);\n\n  const [draft, setDraft] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const selfName = displayName(currentUser);\n\n  const authorLabel = (comment: MybComment): string =>\n    currentUser?.id && comment.authorId === currentUser.id ? selfName : 'Workspace member';\n\n  const handleSubmit = async () => {\n    const text = draft.trim();\n    if (!text) return;\n    setError(null);\n    try {\n      await createComment.mutateAsync(text);\n      setDraft('');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to post comment.');\n    }\n  };\n\n  const comments = data?.items ?? [];\n\n  return (\n    <Section title={title} description={description}>\n      <div className=\"rounded-xl border border-border-seam bg-bg-surface/40 p-4\">\n        {/* Composer */}\n        <div className=\"flex gap-3\">\n          <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-sm font-semibold text-action-primary-bg\">\n            {initialFor(selfName)}\n          </div>\n          <div className=\"flex-1\">\n            <Textarea\n              value={draft}\n              onChange={(e) => setDraft(e.target.value)}\n              placeholder=\"Add a comment for your team…\"\n              rows={2}\n            />\n            <div className=\"mt-2 flex items-center justify-end gap-2\">\n              {error && <span className=\"mr-auto text-xs text-status-error-text\">{error}</span>}\n              <Button\n                size=\"sm\"\n                onClick={handleSubmit}\n                disabled={!draft.trim() || createComment.isPending}\n              >\n                <Send className=\"mr-1.5 h-4 w-4\" />\n                {createComment.isPending ? 'Posting…' : 'Comment'}\n              </Button>\n            </div>\n          </div>\n        </div>\n\n        {/* Thread */}\n        <div className=\"mt-4 border-t border-border-seam pt-4\">\n          {isLoading ? (\n            <LoadingView label=\"Loading discussion…\" />\n          ) : isError ? (\n            <ErrorView message=\"Couldn't load the discussion.\" onRetry={() => refetch()} />\n          ) : comments.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-data\"\n              icon={<MessageSquare className=\"h-9 w-9\" />}\n              title=\"No comments yet\"\n              description=\"Start the discussion by adding the first comment.\"\n            />\n          ) : (\n            <ul className=\"flex flex-col gap-4\">\n              {comments.map((comment) => {\n                const label = authorLabel(comment);\n                const body = comment.content.text ?? comment.content.markdown ?? '';\n                return (\n                  <li key={comment.id} className=\"flex gap-3\">\n                    <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold text-text-secondary\">\n                      {initialFor(label)}\n                    </div>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex flex-wrap items-baseline gap-x-2\">\n                        <span className=\"text-sm font-semibold text-text-primary\">{label}</span>\n                        <span className=\"text-xs text-text-tertiary\">\n                          {formatDateTime(comment.createdAt)}\n                          {comment.edited ? ' · edited' : ''}\n                        </span>\n                      </div>\n                      <p className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-text-secondary\">\n                        {body}\n                      </p>\n                    </div>\n                  </li>\n                );\n              })}\n            </ul>\n          )}\n        </div>\n      </div>\n    </Section>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/components/MybTags.js

@@ -0,0 +1,149 @@
+import { useMybAssignTag as e, useMybCreateAndAssignTag as t, useMybEntityTags as n, useMybRemoveTagAssignment as r, useMybTagSearch as i } from "../hooks/useMybTags.js";
+import "../hooks/index.js";
+import { useEffect as a, useState as o } from "react";
+import { Loader2 as s, Plus as c, Tag as l, X as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, Input as h, Popover as g, PopoverContent as _, PopoverTrigger as v, Spinner as y } from "@burdenoff/fe-libs/ui";
+//#region src/mybodyshield/components/MybTags.tsx
+function b({ entityType: b, entityId: x, label: S = "Tags" }) {
+	let C = n(b, x), w = e(b, x), T = r(b, x), E = t(b, x), [D, O] = o(!1), [k, A] = o(""), [j, M] = o(""), [N, P] = o(null);
+	a(() => {
+		let e = setTimeout(() => M(k), 250);
+		return () => clearTimeout(e);
+	}, [k]);
+	let F = i(j), I = C.data ?? [], L = new Set(I.map((e) => e.tag.id)), R = j.trim(), z = (F.data ?? []).filter((e) => !L.has(e.id)), B = R.length > 0 && [...I.map((e) => e.tag.label), ...(F.data ?? []).map((e) => e.label)].some((e) => e.toLowerCase() === R.toLowerCase()), V = R.length > 0 && !B, H = w.isPending || E.isPending, U = () => {
+		A(""), M(""), P(null);
+	}, W = async (e) => {
+		P(null);
+		try {
+			await w.mutateAsync(e), U(), O(!1);
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to add tag.");
+		}
+	}, G = async () => {
+		if (R) {
+			P(null);
+			try {
+				await E.mutateAsync(R), U(), O(!1);
+			} catch (e) {
+				P(e instanceof Error ? e.message : "Failed to create tag.");
+			}
+		}
+	}, K = async (e) => {
+		P(null);
+		try {
+			await T.mutateAsync(e);
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to remove tag.");
+		}
+	};
+	return /* @__PURE__ */ p("div", { children: [
+		/* @__PURE__ */ f("p", {
+			className: "mb-1.5 text-xs text-text-tertiary",
+			children: S
+		}),
+		/* @__PURE__ */ p("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [C.isLoading ? /* @__PURE__ */ p("span", {
+				className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary",
+				children: [/* @__PURE__ */ f(s, { className: "h-3.5 w-3.5 animate-spin" }), " Loading tags…"]
+			}) : I.map((e) => /* @__PURE__ */ p("span", {
+				className: "inline-flex items-center gap-1.5 rounded-full border border-border-seam bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary",
+				children: [
+					e.tag.color ? /* @__PURE__ */ f("span", {
+						className: "h-2 w-2 shrink-0 rounded-full",
+						style: { backgroundColor: e.tag.color },
+						"aria-hidden": !0
+					}) : /* @__PURE__ */ f(l, { className: "h-3 w-3 text-text-tertiary" }),
+					/* @__PURE__ */ f("span", {
+						className: "max-w-[10rem] truncate",
+						children: e.tag.label
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: () => K(e.id),
+						disabled: T.isPending,
+						"aria-label": `Remove tag ${e.tag.label}`,
+						className: "rounded-full p-0.5 text-text-tertiary hover:bg-bg-canvas hover:text-text-primary",
+						children: /* @__PURE__ */ f(u, { className: "h-3 w-3" })
+					})
+				]
+			}, e.id)), /* @__PURE__ */ p(g, {
+				open: D,
+				onOpenChange: (e) => {
+					O(e), e || U();
+				},
+				children: [/* @__PURE__ */ f(v, {
+					asChild: !0,
+					children: /* @__PURE__ */ p(m, {
+						size: "sm",
+						variant: "outline",
+						className: "h-7 gap-1 px-2 text-xs",
+						children: [/* @__PURE__ */ f(c, { className: "h-3.5 w-3.5" }), " Add tag"]
+					})
+				}), /* @__PURE__ */ p(_, {
+					align: "start",
+					className: "w-64 p-2",
+					children: [/* @__PURE__ */ f(h, {
+						autoFocus: !0,
+						value: k,
+						onChange: (e) => A(e.target.value),
+						placeholder: "Search or create a tag…",
+						className: "h-8"
+					}), /* @__PURE__ */ f("div", {
+						className: "mt-2 max-h-56 overflow-y-auto",
+						children: F.isFetching && R.length > 0 ? /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2 px-1 py-2 text-sm text-text-tertiary",
+							children: [/* @__PURE__ */ f(y, { size: "sm" }), " Searching…"]
+						}) : /* @__PURE__ */ p(d, { children: [
+							z.map((e) => /* @__PURE__ */ p("button", {
+								type: "button",
+								onClick: () => W(e.id),
+								disabled: H,
+								className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-text-secondary hover:bg-bg-sunken disabled:opacity-60",
+								children: [e.color ? /* @__PURE__ */ f("span", {
+									className: "h-2 w-2 shrink-0 rounded-full",
+									style: { backgroundColor: e.color },
+									"aria-hidden": !0
+								}) : /* @__PURE__ */ f(l, { className: "h-3.5 w-3.5 text-text-tertiary" }), /* @__PURE__ */ f("span", {
+									className: "truncate",
+									children: e.label
+								})]
+							}, e.id)),
+							V && /* @__PURE__ */ p("button", {
+								type: "button",
+								onClick: G,
+								disabled: H,
+								className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-action-primary-bg hover:bg-bg-sunken disabled:opacity-60",
+								children: [/* @__PURE__ */ f(c, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ p("span", {
+									className: "truncate",
+									children: [
+										"Create “",
+										R,
+										"”"
+									]
+								})]
+							}),
+							!V && z.length === 0 && R.length > 0 && /* @__PURE__ */ f("p", {
+								className: "px-2 py-2 text-sm text-text-tertiary",
+								children: "Already added."
+							}),
+							R.length === 0 && /* @__PURE__ */ f("p", {
+								className: "px-2 py-2 text-sm text-text-tertiary",
+								children: "Type to search existing tags or create a new one."
+							})
+						] })
+					})]
+				})]
+			})]
+		}),
+		N && /* @__PURE__ */ f("p", {
+			className: "mt-1.5 text-xs text-status-error-text",
+			children: N
+		})
+	] });
+}
+//#endregion
+export { b as MybTags };
+
+//# sourceMappingURL=MybTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MybTags.js","names":[],"sources":["../../../src/mybodyshield/components/MybTags.tsx"],"sourcesContent":["/**\n * MybTags — a lightweight tag control for mybodyshield entities (Integration C).\n * @module mybodyshield/components/MybTags\n *\n * The mybodyshield svc exposes no tags field, so this drives the platform tag store\n * directly: `getEntityTags` (display), `searchTags` (+ `createTag`) to pick or\n * create, `assignTag`/`removeTagAssignment` to link — all via the workspace\n * gateway. No mybodyshield-svc change.\n */\n\nimport { useEffect, useState } from 'react';\nimport { Loader2, Plus, Tag as TagIcon, X } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  useMybEntityTags,\n  useMybTagSearch,\n  useMybAssignTag,\n  useMybRemoveTagAssignment,\n  useMybCreateAndAssignTag,\n} from '../hooks';\n\ninterface MybTagsProps {\n  entityType: string;\n  entityId: string;\n  label?: string;\n}\n\nexport function MybTags({ entityType, entityId, label = 'Tags' }: MybTagsProps) {\n  const tags = useMybEntityTags(entityType, entityId);\n  const assign = useMybAssignTag(entityType, entityId);\n  const remove = useMybRemoveTagAssignment(entityType, entityId);\n  const createAndAssign = useMybCreateAndAssignTag(entityType, entityId);\n\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [debounced, setDebounced] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(query), 250);\n    return () => clearTimeout(timer);\n  }, [query]);\n\n  const search = useMybTagSearch(debounced);\n\n  const assignments = tags.data ?? [];\n  const assignedIds = new Set(assignments.map((a) => a.tag.id));\n  const q = debounced.trim();\n  const searchResults = (search.data ?? []).filter((t) => !assignedIds.has(t.id));\n  const hasExact =\n    q.length > 0 &&\n    [...assignments.map((a) => a.tag.label), ...(search.data ?? []).map((t) => t.label)].some(\n      (l) => l.toLowerCase() === q.toLowerCase()\n    );\n  const showCreate = q.length > 0 && !hasExact;\n  const busy = assign.isPending || createAndAssign.isPending;\n\n  const resetInput = () => {\n    setQuery('');\n    setDebounced('');\n    setError(null);\n  };\n\n  const handleAssign = async (tagId: string) => {\n    setError(null);\n    try {\n      await assign.mutateAsync(tagId);\n      resetInput();\n      setOpen(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to add tag.');\n    }\n  };\n\n  const handleCreate = async () => {\n    if (!q) return;\n    setError(null);\n    try {\n      await createAndAssign.mutateAsync(q);\n      resetInput();\n      setOpen(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create tag.');\n    }\n  };\n\n  const handleRemove = async (assignmentId: string) => {\n    setError(null);\n    try {\n      await remove.mutateAsync(assignmentId);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to remove tag.');\n    }\n  };\n\n  return (\n    <div>\n      <p className=\"mb-1.5 text-xs text-text-tertiary\">{label}</p>\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {tags.isLoading ? (\n          <span className=\"inline-flex items-center gap-1.5 text-sm text-text-tertiary\">\n            <Loader2 className=\"h-3.5 w-3.5 animate-spin\" /> Loading tags…\n          </span>\n        ) : (\n          assignments.map((assignment) => (\n            <span\n              key={assignment.id}\n              className=\"inline-flex items-center gap-1.5 rounded-full border border-border-seam bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary\"\n            >\n              {assignment.tag.color ? (\n                <span\n                  className=\"h-2 w-2 shrink-0 rounded-full\"\n                  style={{ backgroundColor: assignment.tag.color }}\n                  aria-hidden\n                />\n              ) : (\n                <TagIcon className=\"h-3 w-3 text-text-tertiary\" />\n              )}\n              <span className=\"max-w-[10rem] truncate\">{assignment.tag.label}</span>\n              <button\n                type=\"button\"\n                onClick={() => handleRemove(assignment.id)}\n                disabled={remove.isPending}\n                aria-label={`Remove tag ${assignment.tag.label}`}\n                className=\"rounded-full p-0.5 text-text-tertiary hover:bg-bg-canvas hover:text-text-primary\"\n              >\n                <X className=\"h-3 w-3\" />\n              </button>\n            </span>\n          ))\n        )}\n\n        <Popover\n          open={open}\n          onOpenChange={(next) => {\n            setOpen(next);\n            if (!next) resetInput();\n          }}\n        >\n          <PopoverTrigger asChild>\n            <Button size=\"sm\" variant=\"outline\" className=\"h-7 gap-1 px-2 text-xs\">\n              <Plus className=\"h-3.5 w-3.5\" /> Add tag\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent align=\"start\" className=\"w-64 p-2\">\n            <Input\n              autoFocus\n              value={query}\n              onChange={(e) => setQuery(e.target.value)}\n              placeholder=\"Search or create a tag…\"\n              className=\"h-8\"\n            />\n            <div className=\"mt-2 max-h-56 overflow-y-auto\">\n              {search.isFetching && q.length > 0 ? (\n                <div className=\"flex items-center gap-2 px-1 py-2 text-sm text-text-tertiary\">\n                  <Spinner size=\"sm\" /> Searching…\n                </div>\n              ) : (\n                <>\n                  {searchResults.map((tag) => (\n                    <button\n                      key={tag.id}\n                      type=\"button\"\n                      onClick={() => handleAssign(tag.id)}\n                      disabled={busy}\n                      className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-text-secondary hover:bg-bg-sunken disabled:opacity-60\"\n                    >\n                      {tag.color ? (\n                        <span\n                          className=\"h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: tag.color }}\n                          aria-hidden\n                        />\n                      ) : (\n                        <TagIcon className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      )}\n                      <span className=\"truncate\">{tag.label}</span>\n                    </button>\n                  ))}\n\n                  {showCreate && (\n                    <button\n                      type=\"button\"\n                      onClick={handleCreate}\n                      disabled={busy}\n                      className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-action-primary-bg hover:bg-bg-sunken disabled:opacity-60\"\n                    >\n                      <Plus className=\"h-3.5 w-3.5 shrink-0\" />\n                      <span className=\"truncate\">Create “{q}”</span>\n                    </button>\n                  )}\n\n                  {!showCreate && searchResults.length === 0 && q.length > 0 && (\n                    <p className=\"px-2 py-2 text-sm text-text-tertiary\">Already added.</p>\n                  )}\n                  {q.length === 0 && (\n                    <p className=\"px-2 py-2 text-sm text-text-tertiary\">\n                      Type to search existing tags or create a new one.\n                    </p>\n                  )}\n                </>\n              )}\n            </div>\n          </PopoverContent>\n        </Popover>\n      </div>\n\n      {error && <p className=\"mt-1.5 text-xs text-status-error-text\">{error}</p>}\n    </div>\n  );\n}\n"],"mappings":"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"}

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 — offset-based Prev/Next control for Myb* 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"}