npm - @burdenoff/microfe-mybodyshield - Versions diffs - 2026.1028.1 → 2026.1101.2 - Mend

@burdenoff/microfe-mybodyshield 2026.1028.1 → 2026.1101.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1509) hide show

package/dist/mybodyshield/components/FileLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileLink.js","names":[],"sources":["../../../src/mybodyshield/components/FileLink.tsx"],"sourcesContent":["/*\n FileLink — resolves a federated File id to a download link (Integration A).\n * @module mybodyshield/components/FileLink\n \n The eco queries select `evidence { id }` / `file { id }` (just the id). This\n * resolves the platform File via `getFile(id)` for its name + signed\n * `downloadUrl` so evidence/report artifacts render as a real link.\n */\n\nimport { FileText, Loader2 } from 'lucide-react';\nimport { useMybFile, useTr } from '../hooks';\n\ninterface FileLinkProps {\n fileId: string \| null \| undefined;\n className?: string;\n}\n\nexport function FileLink({ fileId, className }: FileLinkProps) {\n const t = useTr();\n const { data, isLoading, isError } = useMybFile(fileId);\n\n if (!fileId) return null;\n\n if (isLoading) {\n return (\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\" />{' '}\n {t('mybodyshield.components.fileLink.loading', 'Loading attachment…')}\n </span>\n );\n }\n\n if (isError \|\| !data) {\n return (\n <span className=\"inline-flex items-center gap-1.5 text-sm text-text-tertiary\">\n <FileText className=\"h-3.5 w-3.5\" />{' '}\n {t('mybodyshield.components.fileLink.unavailable', 'Attachment unavailable')}\n </span>\n );\n }\n\n const base =\n 'inline-flex items-center gap-1.5 text-sm font-medium text-action-primary-bg hover:underline';\n\n if (!data.downloadUrl) {\n return (\n <span className={className ?? 'inline-flex items-center gap-1.5 text-sm text-text-secondary'}>\n <FileText className=\"h-3.5 w-3.5\" /> {data.name}\n </span>\n );\n }\n\n return (\n <a\n href={data.downloadUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={className ?? base}\n >\n <FileText className=\"h-3.5 w-3.5\" /> {data.name}\n </a>\n );\n}\n"],"mappings":";;;;;;AAiBA,~~SAAgB~~,EAAS,EAAE,WAAQ,gBAA4B;CAC7D,~~IAAM~~,~~IAAI~~,~~GAAO~~,~~EACX~~,EAAE,SAAM,cAAW,~~eAAY~~,~~EAAW~~,~~EAAO~~;~~AAiCvD~~,QA/BK,~~IAED~~,IAEA,kBAAC,QAAD;EAAM,WAAU;~~YAAhB~~;GACE,~~kBAAC~~,GAAD,EAAS,WAAU,~~4BAA6B~~,CAAA;~~GAAC~~;~~GAChD~~,EAAE,4CAA4C,~~sBAAsB~~;~~GAChE~~;~~MAIP~~,KAAW,~~CAAC~~,IAEZ,kBAAC,QAAD;EAAM,WAAU;~~YAAhB~~;GACE,~~kBAAC~~,GAAD,EAAU,WAAU,~~eAAgB~~,CAAA;~~GAAC~~;~~GACpC~~,EAAE,gDAAgD,~~yBAAyB~~;~~GACvE~~;~~MAON~~,EAAK,cASR,kBAAC,KAAD;EACE,~~MAAM~~,EAAK;EACX,QAAO;EACP,KAAI;EACJ,~~WAAW~~,KAAa;~~YAJ1B~~;GAME,~~kBAAC~~,GAAD,EAAU,WAAU,~~eAAgB~~,CAAA~~;;GAAE~~,EAAK;~~GACzC~~;~~MAdF~~,kBAAC,QAAD;EAAM,~~WAAW~~,KAAa;~~YAA9B~~;GACE,~~kBAAC~~,GAAD,EAAU,WAAU,~~eAAgB~~,CAAA~~;;GAAE~~,EAAK;~~GACtC~~;~~MA3BS~~"}
1	+ {"version":3,"file":"FileLink.js","names":["FileLink","t","useTr","useMybFile","fileId","isLoading","Loader2","isError","data","FileText","className"],"sources":["../../../src/mybodyshield/components/FileLink.tsx"],"sourcesContent":["/*\n FileLink — resolves a federated File id to a download link (Integration A).\n * @module mybodyshield/components/FileLink\n \n The eco queries select `evidence { id }` / `file { id }` (just the id). This\n * resolves the platform File via `getFile(id)` for its name + signed\n * `downloadUrl` so evidence/report artifacts render as a real link.\n */\n\nimport { FileText, Loader2 } from 'lucide-react';\nimport { useMybFile, useTr } from '../hooks';\n\ninterface FileLinkProps {\n fileId: string \| null \| undefined;\n className?: string;\n}\n\nexport function FileLink({ fileId, className }: FileLinkProps) {\n const t = useTr();\n const { data, isLoading, isError } = useMybFile(fileId);\n\n if (!fileId) return null;\n\n if (isLoading) {\n return (\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\" />{' '}\n {t('mybodyshield.components.fileLink.loading', 'Loading attachment…')}\n </span>\n );\n }\n\n if (isError \|\| !data) {\n return (\n <span className=\"inline-flex items-center gap-1.5 text-sm text-text-tertiary\">\n <FileText className=\"h-3.5 w-3.5\" />{' '}\n {t('mybodyshield.components.fileLink.unavailable', 'Attachment unavailable')}\n </span>\n );\n }\n\n const base =\n 'inline-flex items-center gap-1.5 text-sm font-medium text-action-primary-bg hover:underline';\n\n if (!data.downloadUrl) {\n return (\n <span className={className ?? 'inline-flex items-center gap-1.5 text-sm text-text-secondary'}>\n <FileText className=\"h-3.5 w-3.5\" /> {data.name}\n </span>\n );\n }\n\n return (\n <a\n href={data.downloadUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={className ?? base}\n >\n <FileText className=\"h-3.5 w-3.5\" /> {data.name}\n </a>\n );\n}\n"],"mappings":";;;;;;AAiBA,SAAgBA,EAAS,EAAE,WAAQ,gBAA4B;CAC7D,IAAMC,IAAIC,EAAM,GACV,EAAE,SAAM,cAAW,eAAYC,EAAWC,CAAM;CAiCtD,OA/BKA,IAEDC,IAEA,kBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA;GACE,kBAACC,GAAD,EAAS,WAAU,2BAA4B,CAAA;GAAE;GAChDL,EAAE,4CAA4C,qBAAqB;EAChE;C,KAINM,KAAW,CAACC,IAEZ,kBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA;GACE,kBAACC,GAAD,EAAU,WAAU,cAAe,CAAA;GAAE;GACpCR,EAAE,gDAAgD,wBAAwB;EACvE;C,KAOLO,EAAK,cASR,kBAAC,KAAD;EACE,MAAMA,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAWE,KAAa;EAJ1B,UAAA;GAME,kBAACD,GAAD,EAAU,WAAU,cAAe,CAAA;GAAC;GAAED,EAAK;EAC1C;C,KAdD,kBAAC,QAAD;EAAM,WAAWE,KAAa;EAA9B,UAAA;GACE,kBAACD,GAAD,EAAU,WAAU,cAAe,CAAA;GAAC;GAAED,EAAK;EACvC;C,KA3BU;AAyCtB"}

package/dist/mybodyshield/components/FilterTabs.d.ts CHANGED Viewed

@@ -13,6 +13,6 @@ interface FilterTabsProps<V extends string> {
     onChange: (value: V) => void;
     className?: string;
 }
-export declare function FilterTabs<V extends string>({ options, value, onChange, className, }: FilterTabsProps<V>): import("react").JSX.Element;
+export declare function FilterTabs<V extends string>({ options, value, onChange, className, }: FilterTabsProps<V>): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=FilterTabs.d.ts.map

package/dist/mybodyshield/components/FilterTabs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 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
+// src/mybodyshield/components/FilterTabs.tsx
 function r({ options: r, value: i, onChange: a, className: o }) {
 	return /* @__PURE__ */ t("div", {
 		role: "tablist",
@@ -21,7 +21,6 @@ function r({ options: r, value: i, onChange: a, className: o }) {
 		})
 	});
 }
-//#endregion
 export { r as FilterTabs };
 //# sourceMappingURL=FilterTabs.js.map

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

	@@ -1 +1 @@
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-bg-overlay' : '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,kBAAkB,~~eAC5B~~;~~eAEA~~,EAAI;~~KACA~~,CAAA,CAEF;~~MAvBF~~,EAAI,~~MAuBF~~;~~IAEX~~;~~EACE~~,CAAA"}
1	+ {"version":3,"file":"FilterTabs.js","names":["FilterTabs","cn","className","options","active","opt","value","onChange"],"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-bg-overlay' : 'bg-bg-sunken'\n )}\n >\n {opt.count}\n </span>\n )}\n </button>\n );\n })}\n </div>\n );\n}\n"],"mappings":";;;AAoBA,SAAgBA,EAA6B,EAC3C,YACA,UACA,aACA,gBACqB;CACrB,OACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAWC,EACT,mGACAC,CACF;EAEC,UAAAC,EAAQ,KAAK,MAAQ;GACpB,IAAMC,IAASC,EAAI,UAAUC;GAC7B,OACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAeF;IACf,eAAeG,EAASF,EAAI,KAAK;IACjC,WAAWJ,EACT,gEACAG,IACI,kDACA,gEACN;IAXF,UAAA,CAaGC,EAAI,OACJ,OAAOA,EAAI,SAAU,YACpB,kBAAC,QAAD;KACE,WAAWJ,EACT,0DACAG,IAAS,kBAAkB,cAC7B;KAEC,UAAAC,EAAI;IACD,CAAA,CAEF;GAvBD,GAAAA,EAAI,KAuBH;EAEZ,CAAC;CACE,CAAA;AAET"}

package/dist/mybodyshield/components/MetricsCard.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { FC, ReactNode } from 'react';
 import { TrendDirection } from '../types';
 type Accent = 'success' | 'warning' | 'error';
 interface MetricsCardProps {
     icon: ReactNode;

package/dist/mybodyshield/components/MetricsCard.js CHANGED Viewed

@@ -2,7 +2,7 @@ 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
+// src/mybodyshield/components/MetricsCard.tsx
 var s = {
 	up: {
 		icon: r,
@@ -58,7 +58,6 @@ var s = {
 		})]
 	});
 };
-//#endregion
 export { u as MetricsCard };
 //# sourceMappingURL=MetricsCard.js.map

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

	@@ -1 +1 @@
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~~"}
1	+ {"version":3,"file":"MetricsCard.js","names":["trendConfig","TrendingUp","TrendingDown","Minus","accentIcon","accentGlow","MetricsCard","trendInfo","trend","TrendIcon","GlassCard","featured","cn","accent","className","icon","pill","trendValue","value","label","footer"],"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,IAAMA,IAAkF;CACtF,IAAI;EAAE,MAAMC;EAAY,OAAO;CAA2B;CAC1D,MAAM;EAAE,MAAMC;EAAc,OAAO;CAAyB;CAC5D,SAAS;EAAE,MAAMC;EAAO,OAAO;CAAsB;AACvD,GAEMC,IAAqC;CACzC,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEMC,IAAqC;CACzC,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAEaC,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cACA,cAAW,IACX,WACA,SACA,gBACI;CACJ,IAAMC,IAAYC,IAAQR,EAAYQ,KAAS,MACzCC,IAAYF,GAAW;CAE7B,OACE,kBAACG,GAAD;EACE,WAAWC,IAAW,UAAU;EAChC,MAAMA;EACN,WAAWC,EAAG,OAAOC,KAAUR,EAAWQ,IAASC,CAAS;EAH9D,UAAA,CAKE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAWF,EAAG,uBAAuBC,KAAUT,EAAWS,EAAO;IAAI,UAAAE;GAAU,CAAA,GACnFC,MACER,KAASD,KAAaE,IACrB,kBAAC,OAAD;IAAK,WAAWG,EAAG,+CAA+CL,EAAU,KAAK;IAAjF,UAAA,CACE,kBAACE,GAAD,EAAW,WAAU,cAAe,CAAA,GACnCQ,KAAc,kBAAC,QAAD,EAAA,UAAOA,EAAiB,CAAA,CACpC;GACH,CAAA,IAAA,KACH;EACL,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,KAAD;KAAG,WAAU;KAAqD,UAAAC;IAAS,CAAA;IAC3E,kBAAC,KAAD;KAAG,WAAU;KAAoC,UAAAC;IAAS,CAAA;IACzDC,KAAU,kBAAC,OAAD;KAAK,WAAU;KAAQ,UAAAA;IAAY,CAAA;GAC3C;EACI,CAAA,CAAA;;AAEf"}

package/dist/mybodyshield/components/MiniBar.d.ts CHANGED Viewed

@@ -11,6 +11,6 @@ interface MiniBarProps {
     /** Height in px. */
     height?: number;
 }
-export declare function MiniBar({ value, className, barClassName, height, }: MiniBarProps): import("react").JSX.Element;
+export declare function MiniBar({ value, className, barClassName, height, }: MiniBarProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=MiniBar.d.ts.map

package/dist/mybodyshield/components/MiniBar.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { cn as e } from "../utils/cn.js";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/mybodyshield/components/MiniBar.tsx
+// 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", {
@@ -16,7 +16,6 @@ function n({ value: n, className: r, barClassName: i = "bg-accent", height: a =
 		})
 	});
 }
-//#endregion
 export { n as MiniBar };
 //# sourceMappingURL=MiniBar.js.map

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"MiniBar.js","names":["MiniBar","clamped","value","cn","className","barClassName"],"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,SAAgBA,EAAQ,EACtB,UACA,cACA,kBAAe,aACf,YAAS,KACM;CACf,IAAMC,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKC,CAAK,CAAC;CAChD,OACE,kBAAC,OAAD;EACE,WAAWC,EAAG,oDAAoDC,CAAS;EAC3E,OAAO,EAAE,UAAO;EAChB,MAAK;EACL,iBAAe,KAAK,MAAMH,CAAO;EACjC,iBAAe;EACf,iBAAe;EAEf,UAAA,kBAAC,OAAD;GACE,WAAWE,EAAG,gEAAgEE,CAAY;GAC1F,OAAO,EAAE,OAAO,GAAGJ,EAAQ,GAAG;EAC/B,CAAA;CACE,CAAA;AAET"}

package/dist/mybodyshield/components/MybDiscussion.d.ts CHANGED Viewed

@@ -13,6 +13,6 @@ interface MybDiscussionProps {
     title?: string;
     description?: string;
 }
-export declare function MybDiscussion({ entityType, entityId, title: titleProp, description: descriptionProp, }: MybDiscussionProps): import("react").JSX.Element;
+export declare function MybDiscussion({ entityType, entityId, title: titleProp, description: descriptionProp, }: MybDiscussionProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=MybDiscussion.d.ts.map

package/dist/mybodyshield/components/MybDiscussion.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { useMyBodyShield as e } from "../context/MyBodyShieldContext.js";
-import { formatDateTime as t } from "../utils/formatters.js";
-import { EmptyState as n } from "./EmptyState.js";
+import { ErrorView as t, LoadingView as n, Section as r } from "./StateViews.js";
+import { EmptyState as i } from "./EmptyState.js";
 import "../context/index.js";
-import { useMybComments as r, useMybCreateComment as i } from "../hooks/useMybComments.js";
-import { useTr as a } from "../hooks/useTr.js";
+import { useMybComments as a, useMybCreateComment as o } from "../hooks/useMybComments.js";
+import { useTr as s } from "../hooks/useTr.js";
 import "../hooks/index.js";
-import { ErrorView as o, LoadingView as s, Section as c } from "./StateViews.js";
+import { formatDateTime as c } from "../utils/formatters.js";
 import { useState as l } from "react";
 import { MessageSquare as u, Send as d } from "lucide-react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Button as m, Textarea as h } from "@burdenoff/fe-libs/ui";
-//#region src/mybodyshield/components/MybDiscussion.tsx
+// src/mybodyshield/components/MybDiscussion.tsx
 function g(e, t) {
 	if (!e) return t("mybodyshield.components.discussion.you", "You");
 	let n = [e.firstName, e.lastName].filter(Boolean).join(" ").trim();
@@ -21,7 +21,7 @@ function _(e) {
 	return t ? t[0].toUpperCase() : "?";
 }
 function v({ entityType: v, entityId: y, title: b, description: x }) {
-	let S = a(), C = b ?? S("mybodyshield.components.discussion.title", "Discussion"), w = x ?? S("mybodyshield.components.discussion.description", "Coordinate review and verification with your team."), { currentUser: T } = e(), { data: E, isLoading: D, isError: O, refetch: k } = r(v, y), A = i(v, y), [j, M] = l(""), [N, P] = l(null), F = g(T, S), I = (e) => T?.id && e.authorId === T.id ? F : S("mybodyshield.components.discussion.workspaceMember", "Workspace member"), L = async () => {
+	let S = s(), C = b ?? S("mybodyshield.components.discussion.title", "Discussion"), w = x ?? S("mybodyshield.components.discussion.description", "Coordinate review and verification with your team."), { currentUser: T } = e(), { data: E, isLoading: D, isError: O, refetch: k } = a(v, y), A = o(v, y), [j, M] = l(""), [N, P] = l(null), F = g(T, S), I = (e) => T?.id && e.authorId === T.id ? F : S("mybodyshield.components.discussion.workspaceMember", "Workspace member"), L = async () => {
 		let e = j.trim();
 		if (e) {
 			P(null);
@@ -32,7 +32,7 @@ function v({ entityType: v, entityId: y, title: b, description: x }) {
 			}
 		}
 	}, R = E?.items ?? [];
-	return /* @__PURE__ */ f(c, {
+	return /* @__PURE__ */ f(r, {
 		title: C,
 		description: w,
 		children: /* @__PURE__ */ p("div", {
@@ -64,10 +64,10 @@ function v({ entityType: v, entityId: y, title: b, description: x }) {
 				})]
 			}), /* @__PURE__ */ f("div", {
 				className: "mt-4 border-t border-border-seam pt-4",
-				children: D ? /* @__PURE__ */ f(s, { label: S("mybodyshield.components.discussion.loading", "Loading discussion…") }) : O ? /* @__PURE__ */ f(o, {
+				children: D ? /* @__PURE__ */ f(n, { label: S("mybodyshield.components.discussion.loading", "Loading discussion…") }) : O ? /* @__PURE__ */ f(t, {
 					message: S("mybodyshield.components.discussion.loadFailed", "Couldn't load the discussion."),
 					onRetry: () => k()
-				}) : R.length === 0 ? /* @__PURE__ */ f(n, {
+				}) : R.length === 0 ? /* @__PURE__ */ f(i, {
 					illustration: "empty-data",
 					icon: /* @__PURE__ */ f(u, { className: "h-9 w-9" }),
 					title: S("mybodyshield.components.discussion.emptyTitle", "No comments yet"),
@@ -75,26 +75,26 @@ function v({ entityType: v, entityId: y, title: b, description: x }) {
 				}) : /* @__PURE__ */ f("ul", {
 					className: "flex flex-col gap-4",
 					children: R.map((e) => {
-						let n = I(e), r = e.content.text ?? e.content.markdown ?? "";
+						let t = I(e), n = e.content.text ?? e.content.markdown ?? "";
 						return /* @__PURE__ */ p("li", {
 							className: "flex gap-3",
 							children: [/* @__PURE__ */ f("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: _(n)
+								children: _(t)
 							}), /* @__PURE__ */ p("div", {
 								className: "min-w-0 flex-1",
 								children: [/* @__PURE__ */ p("div", {
 									className: "flex flex-wrap items-baseline gap-x-2",
 									children: [/* @__PURE__ */ f("span", {
 										className: "text-sm font-semibold text-text-primary",
-										children: n
+										children: t
 									}), /* @__PURE__ */ p("span", {
 										className: "text-xs text-text-tertiary",
-										children: [t(e.createdAt), e.edited ? ` · ${S("mybodyshield.components.discussion.edited", "edited")}` : ""]
+										children: [c(e.createdAt), e.edited ? ` · ${S("mybodyshield.components.discussion.edited", "edited")}` : ""]
 									})]
 								}), /* @__PURE__ */ f("p", {
 									className: "mt-0.5 whitespace-pre-wrap break-words text-sm text-text-secondary",
-									children: r
+									children: n
 								})]
 							})]
 						}, e.id);
@@ -104,7 +104,6 @@ function v({ entityType: v, entityId: y, title: b, description: x }) {
 		})
 	});
 }
-//#endregion
 export { v as MybDiscussion };
 //# sourceMappingURL=MybDiscussion.js.map

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

	@@ -1 +1 @@
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, useTr, 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(\n user: ReturnType<typeof useMyBodyShield>['currentUser'],\n t: ReturnType<typeof useTr>\n): string {\n if (!user) return t('mybodyshield.components.discussion.you', 'You');\n const full = [user.firstName, user.lastName].filter(Boolean).join(' ').trim();\n return (\n user.name \|\|\n full \|\|\n user.username \|\|\n user.email \|\|\n t('mybodyshield.components.discussion.you', 'You')\n );\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: titleProp,\n description: descriptionProp,\n}: MybDiscussionProps) {\n const t = useTr();\n const title = titleProp ?? t('mybodyshield.components.discussion.title', 'Discussion');\n const description =\n descriptionProp ??\n t(\n 'mybodyshield.components.discussion.description',\n 'Coordinate review and verification with your team.'\n );\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, t);\n\n const authorLabel = (comment: MybComment): string =>\n currentUser?.id && comment.authorId === currentUser.id\n ? selfName\n : t('mybodyshield.components.discussion.workspaceMember', '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(\n err instanceof Error\n ? err.message\n : t('mybodyshield.components.discussion.postFailed', 'Failed to post comment.')\n );\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={t(\n 'mybodyshield.components.discussion.placeholder',\n 'Add a comment for your team…'\n )}\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\n ? t('mybodyshield.components.discussion.posting', 'Posting…')\n : t('mybodyshield.components.discussion.comment', '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\n label={t('mybodyshield.components.discussion.loading', 'Loading discussion…')}\n />\n ) : isError ? (\n <ErrorView\n message={t(\n 'mybodyshield.components.discussion.loadFailed',\n \"Couldn't load the discussion.\"\n )}\n onRetry={() => refetch()}\n />\n ) : comments.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<MessageSquare className=\"h-9 w-9\" />}\n title={t('mybodyshield.components.discussion.emptyTitle', 'No comments yet')}\n description={t(\n 'mybodyshield.components.discussion.emptyDescription',\n 'Start the discussion by adding the first comment.'\n )}\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\n ? ` · ${t('mybodyshield.components.discussion.edited', 'edited')}`\n : ''}\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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"}
1	+ {"version":3,"file":"MybDiscussion.js","names":["displayName","user","full","initialFor","trimmed","label","MybDiscussion","titleProp","descriptionProp","t","useTr","title","description","useMyBodyShield","useMybComments","entityType","entityId","createComment","useMybCreateComment","draft","setDraft","useState","error","setError","selfName","currentUser","authorLabel","comment","handleSubmit","text","err","comments","data","Section","Textarea","Button","Send","isLoading","LoadingView","isError","ErrorView","refetch","EmptyState","MessageSquare","body","formatDateTime"],"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, useTr, 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(\n user: ReturnType<typeof useMyBodyShield>['currentUser'],\n t: ReturnType<typeof useTr>\n): string {\n if (!user) return t('mybodyshield.components.discussion.you', 'You');\n const full = [user.firstName, user.lastName].filter(Boolean).join(' ').trim();\n return (\n user.name \|\|\n full \|\|\n user.username \|\|\n user.email \|\|\n t('mybodyshield.components.discussion.you', 'You')\n );\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: titleProp,\n description: descriptionProp,\n}: MybDiscussionProps) {\n const t = useTr();\n const title = titleProp ?? t('mybodyshield.components.discussion.title', 'Discussion');\n const description =\n descriptionProp ??\n t(\n 'mybodyshield.components.discussion.description',\n 'Coordinate review and verification with your team.'\n );\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, t);\n\n const authorLabel = (comment: MybComment): string =>\n currentUser?.id && comment.authorId === currentUser.id\n ? selfName\n : t('mybodyshield.components.discussion.workspaceMember', '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(\n err instanceof Error\n ? err.message\n : t('mybodyshield.components.discussion.postFailed', 'Failed to post comment.')\n );\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={t(\n 'mybodyshield.components.discussion.placeholder',\n 'Add a comment for your team…'\n )}\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\n ? t('mybodyshield.components.discussion.posting', 'Posting…')\n : t('mybodyshield.components.discussion.comment', '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\n label={t('mybodyshield.components.discussion.loading', 'Loading discussion…')}\n />\n ) : isError ? (\n <ErrorView\n message={t(\n 'mybodyshield.components.discussion.loadFailed',\n \"Couldn't load the discussion.\"\n )}\n onRetry={() => refetch()}\n />\n ) : comments.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<MessageSquare className=\"h-9 w-9\" />}\n title={t('mybodyshield.components.discussion.emptyTitle', 'No comments yet')}\n description={t(\n 'mybodyshield.components.discussion.emptyDescription',\n 'Start the discussion by adding the first comment.'\n )}\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\n ? ` · ${t('mybodyshield.components.discussion.edited', 'edited')}`\n : ''}\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.d.ts CHANGED Viewed

@@ -12,6 +12,6 @@ interface MybTagsProps {
     entityId: string;
     label?: string;
 }
-export declare function MybTags({ entityType, entityId, label: labelProp }: MybTagsProps): import("react").JSX.Element;
+export declare function MybTags({ entityType, entityId, label: labelProp }: MybTagsProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=MybTags.d.ts.map

package/dist/mybodyshield/components/MybTags.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useEffect as o, useState as s } from "react";
 import { Loader2 as c, Plus as l, Tag as u, X as d } from "lucide-react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Button as h, Input as g, Popover as _, PopoverContent as v, PopoverTrigger as y, Spinner as b } from "@burdenoff/fe-libs/ui";
-//#region src/mybodyshield/components/MybTags.tsx
+// src/mybodyshield/components/MybTags.tsx
 function x({ entityType: x, entityId: S, label: C }) {
 	let w = a(), T = C ?? w("mybodyshield.components.tags.label", "Tags"), E = n(x, S), D = e(x, S), O = r(x, S), k = t(x, S), [A, j] = s(!1), [M, N] = s(""), [P, F] = s(""), [I, L] = s(null);
 	o(() => {
@@ -152,7 +152,6 @@ function x({ entityType: x, entityId: S, label: C }) {
 		})
 	] });
 }
-//#endregion
 export { x as MybTags };
 //# sourceMappingURL=MybTags.js.map

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

	@@ -1 +1 @@
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 useTr,\n} from '../hooks';\n\ninterface MybTagsProps {\n entityType: string;\n entityId: string;\n label?: string;\n}\n\nexport function MybTags({ entityType, entityId, label: labelProp }: MybTagsProps) {\n const t = useTr();\n const label = labelProp ?? t('mybodyshield.components.tags.label', 'Tags');\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(\n err instanceof Error\n ? err.message\n : t('mybodyshield.components.tags.addFailed', 'Failed to add tag.')\n );\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(\n err instanceof Error\n ? err.message\n : t('mybodyshield.components.tags.createFailed', 'Failed to create tag.')\n );\n }\n };\n\n const handleRemove = async (assignmentId: string) => {\n setError(null);\n try {\n await remove.mutateAsync(assignmentId);\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : t('mybodyshield.components.tags.removeFailed', 'Failed to remove tag.')\n );\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\" />{' '}\n {t('mybodyshield.components.tags.loading', '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\" /> {t('mybodyshield.components.tags.add', '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={t(\n 'mybodyshield.components.tags.searchPlaceholder',\n 'Search or create a tag…'\n )}\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\" /> {t('mybodyshield.common.searching', '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\">\n {t('mybodyshield.components.tags.createLabel', 'Create “{{label}}”', {\n label: q,\n })}\n </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\">\n {t('mybodyshield.components.tags.alreadyAdded', 'Already added.')}\n </p>\n )}\n {q.length === 0 && (\n <p className=\"px-2 py-2 text-sm text-text-tertiary\">\n {t(\n 'mybodyshield.components.tags.typeToSearch',\n 'Type to search existing tags or create a new one.'\n )}\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":";;;;;;;;AAmCA,SAAgB,EAAQ,EAAE,eAAY,aAAU,OAAO,KAA2B;CAChF,IAAM,IAAI,GAAO,EACX,IAAQ,KAAa,EAAE,sCAAsC,OAAO,EACpE,IAAO,EAAiB,GAAY,EAAS,EAC7C,IAAS,EAAgB,GAAY,EAAS,EAC9C,IAAS,EAA0B,GAAY,EAAS,EACxD,IAAkB,EAAyB,GAAY,EAAS,EAEhE,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAO,KAAY,EAAwB,KAAK;AAEvD,SAAgB;EACd,IAAM,IAAQ,iBAAiB,EAAa,EAAM,EAAE,IAAI;AACxD,eAAa,aAAa,EAAM;IAC/B,CAAC,EAAM,CAAC;CAEX,IAAM,IAAS,EAAgB,EAAU,EAEnC,IAAc,EAAK,QAAQ,EAAE,EAC7B,IAAc,IAAI,IAAI,EAAY,KAAK,MAAM,EAAE,IAAI,GAAG,CAAC,EACvD,IAAI,EAAU,MAAM,EACpB,KAAiB,EAAO,QAAQ,EAAE,EAAE,QAAQ,MAAM,CAAC,EAAY,IAAI,EAAE,GAAG,CAAC,EACzE,IACJ,EAAE,SAAS,KACX,CAAC,GAAG,EAAY,KAAK,MAAM,EAAE,IAAI,MAAM,EAAE,IAAI,EAAO,QAAQ,EAAE,EAAE,KAAK,MAAM,EAAE,MAAM,CAAC,CAAC,MAClF,MAAM,EAAE,aAAa,KAAK,EAAE,aAAa,CAC3C,EACG,IAAa,EAAE,SAAS,KAAK,CAAC,GAC9B,IAAO,EAAO,aAAa,EAAgB,WAE3C,UAAmB;AAGvB,EAFA,EAAS,GAAG,EACZ,EAAa,GAAG,EAChB,EAAS,KAAK;IAGV,IAAe,OAAO,MAAkB;AAC5C,IAAS,KAAK;AACd,MAAI;AAGF,GAFA,MAAM,EAAO,YAAY,EAAM,EAC/B,GAAY,EACZ,EAAQ,GAAM;WACP,GAAK;AACZ,KACE,aAAe,QACX,EAAI,UACJ,EAAE,0CAA0C,qBAAqB,CACtE;;IAIC,IAAe,YAAY;AAC1B,SACL;KAAS,KAAK;AACd,OAAI;AAGF,IAFA,MAAM,EAAgB,YAAY,EAAE,EACpC,GAAY,EACZ,EAAQ,GAAM;YACP,GAAK;AACZ,MACE,aAAe,QACX,EAAI,UACJ,EAAE,6CAA6C,wBAAwB,CAC5E;;;IAIC,IAAe,OAAO,MAAyB;AACnD,IAAS,KAAK;AACd,MAAI;AACF,SAAM,EAAO,YAAY,EAAa;WAC/B,GAAK;AACZ,KACE,aAAe,QACX,EAAI,UACJ,EAAE,6CAA6C,wBAAwB,CAC5E;;;AAIL,QACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,KAAD;GAAG,WAAU;aAAqC;GAAU,CAAA;EAC5D,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAK,YACJ,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACE,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA;KAAC;KAChD,EAAE,wCAAwC,gBAAgB;KACtD;QAEP,EAAY,KAAK,MACf,kBAAC,QAAD;IAEE,WAAU;cAFZ;KAIG,EAAW,IAAI,QACd,kBAAC,QAAD;MACE,WAAU;MACV,OAAO,EAAE,iBAAiB,EAAW,IAAI,OAAO;MAChD,eAAA;MACA,CAAA,GAEF,kBAAC,GAAD,EAAS,WAAU,8BAA+B,CAAA;KAEpD,kBAAC,QAAD;MAAM,WAAU;gBAA0B,EAAW,IAAI;MAAa,CAAA;KACtE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAa,EAAW,GAAG;MAC1C,UAAU,EAAO;MACjB,cAAY,cAAc,EAAW,IAAI;MACzC,WAAU;gBAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;MAClB,CAAA;KACJ;MAtBA,EAAW,GAsBX,CACP,EAGJ,kBAAC,GAAD;IACQ;IACN,eAAe,MAAS;AAEtB,KADA,EAAQ,EAAK,EACR,KAAM,GAAY;;cAJ3B,CAOE,kBAAC,GAAD;KAAgB,SAAA;eACd,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,WAAU;gBAA9C;OACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA;;OAAE,EAAE,oCAAoC,UAAU;OAC3E;;KACM,CAAA,EACjB,kBAAC,GAAD;KAAgB,OAAM;KAAQ,WAAU;eAAxC,CACE,kBAAC,GAAD;MACE,WAAA;MACA,OAAO;MACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;MACzC,aAAa,EACX,kDACA,0BACD;MACD,WAAU;MACV,CAAA,EACF,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAO,cAAc,EAAE,SAAS,IAC/B,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;;QAAE,EAAE,iCAAiC,aAAa;QACnE;WAEN,kBAAA,GAAA,EAAA,UAAA;OACG,EAAc,KAAK,MAClB,kBAAC,UAAD;QAEE,MAAK;QACL,eAAe,EAAa,EAAI,GAAG;QACnC,UAAU;QACV,WAAU;kBALZ,CAOG,EAAI,QACH,kBAAC,QAAD;SACE,WAAU;SACV,OAAO,EAAE,iBAAiB,EAAI,OAAO;SACrC,eAAA;SACA,CAAA,GAEF,kBAAC,GAAD,EAAS,WAAU,kCAAmC,CAAA,EAExD,kBAAC,QAAD;SAAM,WAAU;mBAAY,EAAI;SAAa,CAAA,CACtC;UAhBF,EAAI,GAgBF,CACT;OAED,KACC,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU;QACV,WAAU;kBAJZ,CAME,kBAAC,GAAD,EAAM,WAAU,wBAAyB,CAAA,EACzC,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAE,4CAA4C,sBAAsB,EACnE,OAAO,GACR,CAAC;SACG,CAAA,CACA;;OAGV,CAAC,KAAc,EAAc,WAAW,KAAK,EAAE,SAAS,KACvD,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,6CAA6C,iBAAiB;QAC/D,CAAA;OAEL,EAAE,WAAW,KACZ,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,6CACA,oDACD;QACC,CAAA;OAEL,EAAA,CAAA;MAED,CAAA,CACS;OACT;MACN;;EAEL,KAAS,kBAAC,KAAD;GAAG,WAAU;aAAyC;GAAU,CAAA;EACtE,EAAA,CAAA"}
1	+ {"version":3,"file":"MybTags.js","names":["TagIcon","_Fragment","Fragment$1","MybTags","labelProp","t","useTr","label","tags","useMybEntityTags","entityType","entityId","assign","useMybAssignTag","remove","useMybRemoveTagAssignment","createAndAssign","useMybCreateAndAssignTag","open","setOpen","useState","query","setQuery","debounced","setDebounced","error","setError","timer","search","useMybTagSearch","assignments","assignedIds","a","q","searchResults","hasExact","l","showCreate","busy","resetInput","handleAssign","tagId","err","handleCreate","handleRemove","assignmentId","Loader2","assignment","Tag","X","Popover","next","PopoverTrigger","Button","Plus","PopoverContent","Input","Spinner","tag"],"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 useTr,\n} from '../hooks';\n\ninterface MybTagsProps {\n entityType: string;\n entityId: string;\n label?: string;\n}\n\nexport function MybTags({ entityType, entityId, label: labelProp }: MybTagsProps) {\n const t = useTr();\n const label = labelProp ?? t('mybodyshield.components.tags.label', 'Tags');\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(\n err instanceof Error\n ? err.message\n : t('mybodyshield.components.tags.addFailed', 'Failed to add tag.')\n );\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(\n err instanceof Error\n ? err.message\n : t('mybodyshield.components.tags.createFailed', 'Failed to create tag.')\n );\n }\n };\n\n const handleRemove = async (assignmentId: string) => {\n setError(null);\n try {\n await remove.mutateAsync(assignmentId);\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : t('mybodyshield.components.tags.removeFailed', 'Failed to remove tag.')\n );\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\" />{' '}\n {t('mybodyshield.components.tags.loading', '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\" /> {t('mybodyshield.components.tags.add', '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={t(\n 'mybodyshield.components.tags.searchPlaceholder',\n 'Search or create a tag…'\n )}\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\" /> {t('mybodyshield.common.searching', '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\">\n {t('mybodyshield.components.tags.createLabel', 'Create “{{label}}”', {\n label: q,\n })}\n </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\">\n {t('mybodyshield.components.tags.alreadyAdded', 'Already added.')}\n </p>\n )}\n {q.length === 0 && (\n <p className=\"px-2 py-2 text-sm text-text-tertiary\">\n {t(\n 'mybodyshield.components.tags.typeToSearch',\n 'Type to search existing tags or create a new one.'\n )}\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/PageDisabled.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
 interface PageDisabledProps {
     title: string;
     icon?: ReactNode;

package/dist/mybodyshield/components/PageDisabled.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { EmptyState as t } from "./EmptyState.js";
 import { useTr as n } from "../hooks/useTr.js";
 import "../hooks/index.js";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/mybodyshield/components/PageDisabled.tsx
+// src/mybodyshield/components/PageDisabled.tsx
 var i = ({ title: i, icon: a }) => {
 	let o = n();
 	return /* @__PURE__ */ r(e, {
@@ -16,7 +16,6 @@ var i = ({ title: i, icon: a }) => {
 		})
 	});
 };
-//#endregion
 export { i as PageDisabled };
 //# sourceMappingURL=PageDisabled.js.map

package/dist/mybodyshield/components/PageDisabled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageDisabled.js","names":[],"sources":["../../../src/mybodyshield/components/PageDisabled.tsx"],"sourcesContent":["/*\n PageDisabled — generic fallback when a MyBodyShield page is feature-flagged off.\n * @module mybodyshield/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { PageLayout } from './PageLayout';\nimport { EmptyState } from './EmptyState';\nimport { useTr } from '../hooks';\n\ninterface PageDisabledProps {\n title: string;\n icon?: ReactNode;\n}\n\nexport const PageDisabled: FC<PageDisabledProps> = ({ title, icon }) => {\n const t = useTr();\n return (\n <PageLayout title={title}>\n <EmptyState\n illustration=\"empty-generic\"\n icon={icon}\n title={t('mybodyshield.common.pageUnavailable', '{{title}} is currently unavailable', {\n title,\n })}\n description={t(\n 'mybodyshield.common.pageDisabledDescription',\n 'This feature has been temporarily disabled. Check back later.'\n )}\n />\n </PageLayout>\n );\n};\n"],"mappings":";;;;;;AAeA,~~IAAa~~,KAAuC,EAAE,UAAO,cAAW;CACtE,~~IAAM~~,~~IAAI~~,~~GAAO~~;~~AACjB~~,~~QACE~~,~~kBAAC~~,GAAD;EAAmB;~~YACjB~~,~~kBAAC~~,GAAD;GACE,cAAa;GACP;GACN,~~OAAO~~,EAAE,uCAAuC,sCAAsC,EACpF,~~UACD~~,CAAC;~~GACF~~,~~aAAa~~,EACX,+CACA~~,gEACD~~;~~GACD~~,CAAA;~~EACS~~,CAAA"}
1	+ {"version":3,"file":"PageDisabled.js","names":["PageDisabled","t","useTr","PageLayout","EmptyState"],"sources":["../../../src/mybodyshield/components/PageDisabled.tsx"],"sourcesContent":["/*\n PageDisabled — generic fallback when a MyBodyShield page is feature-flagged off.\n * @module mybodyshield/components\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { PageLayout } from './PageLayout';\nimport { EmptyState } from './EmptyState';\nimport { useTr } from '../hooks';\n\ninterface PageDisabledProps {\n title: string;\n icon?: ReactNode;\n}\n\nexport const PageDisabled: FC<PageDisabledProps> = ({ title, icon }) => {\n const t = useTr();\n return (\n <PageLayout title={title}>\n <EmptyState\n illustration=\"empty-generic\"\n icon={icon}\n title={t('mybodyshield.common.pageUnavailable', '{{title}} is currently unavailable', {\n title,\n })}\n description={t(\n 'mybodyshield.common.pageDisabledDescription',\n 'This feature has been temporarily disabled. Check back later.'\n )}\n />\n </PageLayout>\n );\n};\n"],"mappings":";;;;;;AAeA,IAAaA,KAAuC,EAAE,UAAO,cAAW;CACtE,IAAMC,IAAIC,EAAM;CAChB,OACE,kBAACC,GAAD;EAAmB;EACjB,UAAA,kBAACC,GAAD;GACE,cAAa;GACP;GACN,OAAOH,EAAE,uCAAuC,sCAAsC,EACpF,SACF,CAAC;GACD,aAAaA,EACX,+CACA,+DACF;EACD,CAAA;CACS,CAAA;AAEhB"}

package/dist/mybodyshield/components/PageLayout.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
 interface PageLayoutProps {
     title: ReactNode;
     description?: string;

package/dist/mybodyshield/components/PageLayout.js CHANGED Viewed

@@ -1,7 +1,7 @@
 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
+// 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", {
@@ -32,7 +32,6 @@ var a = ({ title: a, description: o, actions: s, children: c, className: l, titl
 		children: c
 	})]
 });
-//#endregion
 export { a as PageLayout };
 //# sourceMappingURL=PageLayout.js.map

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"PageLayout.js","names":["PageLayout","cn","className","aurora","AuroraBackground","titleGradient","title","GradientText","description","actions"],"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,IAAaA,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,mBAAgB,IAChB,YAAS,SAGP,kBAAC,OAAD;CAAK,WAAWC,EAAG,wBAAwBC,CAAS;CAApD,UAAA,CACE,kBAAC,OAAD;EACE,WAAWD,EACT,8HACAE,IAAS,kCAAkC,eAC7C;EAJF,UAAA;GAMGA,KAAU,kBAACC,GAAD,EAAkB,WAAU,SAAU,CAAA;GACjD,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACGC,KAAiB,OAAOC,KAAU,WACjC,kBAACC,GAAD;KAAc,IAAG;KAAK,WAAU;KAC7B,UAAAD;IACW,CAAA,IAEd,kBAAC,MAAD;KAAI,WAAU;KAA4C,UAAAA;IAAU,CAAA,GAErEE,KAAe,kBAAC,KAAD;KAAG,WAAU;KAAoC,UAAAA;IAAe,CAAA,CAC7E;;GACJC,KACC,kBAAC,OAAD;IAAK,WAAU;IAA4D,UAAAA;GAAa,CAAA;EAEvF;CAEL,CAAA,GAAA,kBAAC,OAAD;EAAK,WAAU;EAA4B;CAAc,CAAA,CACtD"}

package/dist/mybodyshield/components/Pagination.d.ts CHANGED Viewed

@@ -17,6 +17,6 @@ interface PaginationProps {
     onPageChange: (page: number) => void;
     className?: string;
 }
-export declare function Pagination({ page, pageSize, itemCount, hasMore, onPageChange, className, }: PaginationProps): import("react").JSX.Element | null;
+export declare function Pagination({ page, pageSize, itemCount, hasMore, onPageChange, className, }: PaginationProps): import('react').JSX.Element | null;
 export {};
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/mybodyshield/components/Pagination.js CHANGED Viewed

@@ -4,7 +4,7 @@ import "../hooks/index.js";
 import { ChevronLeft as n, ChevronRight as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Button as o } from "@burdenoff/fe-libs/ui";
-//#region src/mybodyshield/components/Pagination.tsx
+// src/mybodyshield/components/Pagination.tsx
 function s({ page: s, pageSize: c, itemCount: l, hasMore: u, onPageChange: d, className: f }) {
 	let p = t();
 	if (s === 0 && !u) return null;
@@ -53,7 +53,6 @@ function s({ page: s, pageSize: c, itemCount: l, hasMore: u, onPageChange: d, cl
 		})]
 	});
 }
-//#endregion
 export { s as Pagination };
 //# sourceMappingURL=Pagination.js.map

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

	@@ -1 +1 @@
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';\nimport { useTr } from '../hooks';\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 const t = useTr();\n\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 {t('mybodyshield.pagination.showing', 'Showing {{from}}–{{to}}', { 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={t('mybodyshield.pagination.previousPage', 'Previous page')}\n >\n <ChevronLeft className=\"mr-1 h-4 w-4\" />{' '}\n {t('mybodyshield.pagination.previous', 'Previous')}\n </Button>\n <span className=\"min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums\">\n {t('mybodyshield.pagination.page', 'Page {{page}}', { page: page + 1 })}\n </span>\n <Button\n variant=\"outline\"\n size=\"sm\"\n onClick={() => onPageChange(page + 1)}\n disabled={!hasMore}\n aria-label={t('mybodyshield.pagination.nextPage', 'Next page')}\n >\n {t('mybodyshield.pagination.next', 'Next')} <ChevronRight className=\"ml-1 h-4 w-4\" />\n </Button>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;AA0BA,~~SAAgB~~,EAAW,EACzB,SACA,aACA,cACA,YACA,iBACA,gBACkB;CAClB,~~IAAM~~,~~IAAI~~,~~GAAO~~;~~AAGjB~~,~~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;~~aAC~~/D,EAAE,mCAAmC,2BAA2B;IAAE;IAAM;~~IAAI~~,CAAC;~~GAC5E~~,CAAA,~~EACJ~~,kBAAC,OAAD;GAAK,WAAU;~~aAAf~~;IACE,~~kBAAC~~,GAAD;KACE,SAAQ;KACR,MAAK;KACL,~~eAAe~~,~~EAAa~~,IAAO,~~EAAE~~;~~KACrC~~,~~UAAU~~,MAAS;KACnB,~~cAAY~~,EAAE,wCAAwC,~~gBAAgB~~;~~eALxE~~;MAOE,~~kBAAC~~,GAAD,EAAa,WAAU,~~gBAAiB~~,CAAA;~~MAAC~~;~~MACxC~~,EAAE,oCAAoC,~~WAAW~~;~~MAC3C~~;;~~IACT~~,kBAAC,QAAD;KAAM,WAAU;~~eACb~~,EAAE,gCAAgC,iBAAiB,EAAE,~~MAAM~~,IAAO,~~GAAG~~,CAAC;~~KAClE~~,CAAA;~~IACP~~,~~kBAAC~~,GAAD;KACE,SAAQ;KACR,MAAK;KACL,~~eAAe~~,~~EAAa~~,IAAO,~~EAAE~~;~~KACrC~~,UAAU,~~CAAC~~;KACX,~~cAAY~~,EAAE,oCAAoC,~~YAAY~~;~~eALhE~~;~~MAOG~~,EAAE,gCAAgC,~~OAAO~~;~~MAAC~~;MAAC,~~kBAAC~~,GAAD,EAAc,WAAU,~~gBAAiB~~,CAAA;~~MAC9E~~;;~~IACL~~;~~KACF~~"}
1	+ {"version":3,"file":"Pagination.js","names":["Pagination","t","useTr","page","hasMore","from","itemCount","pageSize","to","cn","className","Button","onPageChange","ChevronLeft","ChevronRight"],"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';\nimport { useTr } from '../hooks';\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 const t = useTr();\n\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 {t('mybodyshield.pagination.showing', 'Showing {{from}}–{{to}}', { 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={t('mybodyshield.pagination.previousPage', 'Previous page')}\n >\n <ChevronLeft className=\"mr-1 h-4 w-4\" />{' '}\n {t('mybodyshield.pagination.previous', 'Previous')}\n </Button>\n <span className=\"min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums\">\n {t('mybodyshield.pagination.page', 'Page {{page}}', { page: page + 1 })}\n </span>\n <Button\n variant=\"outline\"\n size=\"sm\"\n onClick={() => onPageChange(page + 1)}\n disabled={!hasMore}\n aria-label={t('mybodyshield.pagination.nextPage', 'Next page')}\n >\n {t('mybodyshield.pagination.next', 'Next')} <ChevronRight className=\"ml-1 h-4 w-4\" />\n </Button>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;AA0BA,SAAgBA,EAAW,EACzB,SACA,aACA,cACA,YACA,iBACA,gBACkB;CAClB,IAAMC,IAAIC,EAAM;CAGhB,IAAIC,MAAS,KAAK,CAACC,GAAS,OAAO;CAEnC,IAAMC,IAAOC,MAAc,IAAI,IAAIH,IAAOI,IAAW,GAC/CC,IAAKL,IAAOI,IAAWD;CAE7B,OACE,kBAAC,OAAD;EACE,WAAWG,EAAG,qEAAqEC,CAAS;EAD9F,UAAA,CAGE,kBAAC,KAAD;GAAG,WAAU;GAA2C,aAAU;GAC/D,UAAAT,EAAE,mCAAmC,2BAA2B;IAAE;IAAM;GAAG,CAAC;EAC5E,CAAA,GACH,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAACU,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAeC,EAAaT,IAAO,CAAC;KACpC,UAAUA,MAAS;KACnB,cAAYF,EAAE,wCAAwC,eAAe;KALvE,UAAA;MAOE,kBAACY,GAAD,EAAa,WAAU,eAAgB,CAAA;MAAE;MACxCZ,EAAE,oCAAoC,UAAU;KAC3C;;IACR,kBAAC,QAAD;KAAM,WAAU;KACb,UAAAA,EAAE,gCAAgC,iBAAiB,EAAE,MAAME,IAAO,EAAE,CAAC;IAClE,CAAA;IACN,kBAACQ,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAeC,EAAaT,IAAO,CAAC;KACpC,UAAU,CAACC;KACX,cAAYH,EAAE,oCAAoC,WAAW;KAL/D,UAAA;MAOGA,EAAE,gCAAgC,MAAM;MAAE;MAAC,kBAACa,GAAD,EAAc,WAAU,eAAgB,CAAA;KAC9E;;GACL;EACF,CAAA,CAAA;;AAET"}

package/dist/mybodyshield/components/StateViews.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
 interface LoadingViewProps {
     label?: string;
     className?: string;

package/dist/mybodyshield/components/StateViews.js CHANGED Viewed

@@ -4,7 +4,7 @@ import "../hooks/index.js";
 import { AlertCircle as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Spinner as a } from "@burdenoff/fe-libs/ui";
-//#region src/mybodyshield/components/StateViews.tsx
+// src/mybodyshield/components/StateViews.tsx
 var o = ({ label: n, className: o }) => {
 	let s = t();
 	return /* @__PURE__ */ i("div", {
@@ -52,7 +52,6 @@ var o = ({ label: n, className: o }) => {
 		})]
 	}), o]
 });
-//#endregion
 export { s as ErrorView, o as LoadingView, c as Section };
 //# sourceMappingURL=StateViews.js.map

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

	@@ -1 +1 @@
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';\nimport { useTr } from '../hooks';\n\ninterface LoadingViewProps {\n label?: string;\n className?: string;\n}\n\nexport const LoadingView: FC<LoadingViewProps> = ({ label, className }) => {\n const t = useTr();\n return (\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\">\n {label ?? t('mybodyshield.common.loading', 'Loading…')}\n </p>\n </div>\n );\n};\n\ninterface ErrorViewProps {\n title?: string;\n message?: string;\n onRetry?: () => void;\n className?: string;\n}\n\nexport const ErrorView: FC<ErrorViewProps> = ({ title, message, onRetry, className }) => {\n const t = useTr();\n return (\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\">\n {title ?? t('mybodyshield.common.errorTitle', 'Something went wrong')}\n </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 {t('mybodyshield.common.retry', 'Retry')}\n </button>\n )}\n </div>\n );\n};\n\ninterface SectionProps {\n title: string;\n description?: string;\n action?: ReactNode;\n children: ReactNode;\n className?: string;\n 'data-tour'?: string;\n}\n\nexport const Section: FC<SectionProps> = ({\n title,\n description,\n action,\n children,\n className,\n 'data-tour': dataTour,\n}) => (\n <section data-tour={dataTour} 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":";;;;;;;AAgBA,~~IAAa~~,KAAqC,EAAE,UAAO,mBAAgB;CACzE,~~IAAM~~,~~IAAI~~,~~GAAO~~;~~AACjB~~,~~QACE~~,kBAAC,OAAD;EAAK,~~WAAW~~,EAAG,~~gEAAgE~~,~~EAAU~~;~~YAA7F~~,CACE,~~kBAAC~~,GAAD,EAAS,MAAK,~~MAAO~~,CAAA,~~EACrB~~,kBAAC,KAAD;GAAG,WAAU;~~aACV~~,~~KAAS~~,EAAE,+BAA+B,~~WAAW~~;~~GACpD~~,CAAA,CACA;;~~GAWG~~,KAAiC,EAAE,UAAO,YAAS,YAAS,mBAAgB;CACvF,~~IAAM~~,~~IAAI~~,~~GAAO~~;~~AACjB~~,~~QACE~~,kBAAC,OAAD;EACE,~~WAAW~~,EACT,~~4EACA~~,~~EACD~~;~~YAJH~~;GAME,~~kBAAC~~,GAAD,EAAa,WAAU,~~oCAAqC~~,CAAA;~~GAC5D~~,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;~~cACX~~,~~KAAS~~,EAAE,kCAAkC,~~uBAAuB~~;~~IAClE~~,CAAA,~~EACJ~~,KAAW,kBAAC,KAAD;IAAG,WAAU;~~cAA6C~~;~~IAAY~~,CAAA,CAC9E,EAAA,CAAA;~~GACL~~,KACC,kBAAC,UAAD;IACE,MAAK;IACL,~~SAAS~~;IACT,WAAU;~~cAET~~,EAAE,6BAA6B,~~QAAQ~~;~~IACjC~~,CAAA;~~GAEP~~;;~~GAaG~~,KAA6B,EACxC,UACA,gBACA,WACA,aACA,cACA,~~aAAa~~,QAEb,kBAAC,WAAD;CAAS,~~aAAW~~;CAAU,~~WAAW~~,EAAG,~~mBAAmB~~,~~EAAU~~;~~WAAzE~~,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~~"}
1	+ {"version":3,"file":"StateViews.js","names":["LoadingView","t","useTr","cn","className","Spinner","label","ErrorView","AlertCircle","title","message","onRetry","Section","dataTour","description","action","children"],"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';\nimport { useTr } from '../hooks';\n\ninterface LoadingViewProps {\n label?: string;\n className?: string;\n}\n\nexport const LoadingView: FC<LoadingViewProps> = ({ label, className }) => {\n const t = useTr();\n return (\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\">\n {label ?? t('mybodyshield.common.loading', 'Loading…')}\n </p>\n </div>\n );\n};\n\ninterface ErrorViewProps {\n title?: string;\n message?: string;\n onRetry?: () => void;\n className?: string;\n}\n\nexport const ErrorView: FC<ErrorViewProps> = ({ title, message, onRetry, className }) => {\n const t = useTr();\n return (\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\">\n {title ?? t('mybodyshield.common.errorTitle', 'Something went wrong')}\n </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 {t('mybodyshield.common.retry', 'Retry')}\n </button>\n )}\n </div>\n );\n};\n\ninterface SectionProps {\n title: string;\n description?: string;\n action?: ReactNode;\n children: ReactNode;\n className?: string;\n 'data-tour'?: string;\n}\n\nexport const Section: FC<SectionProps> = ({\n title,\n description,\n action,\n children,\n className,\n 'data-tour': dataTour,\n}) => (\n <section data-tour={dataTour} 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":";;;;;;;AAgBA,IAAaA,KAAqC,EAAE,UAAO,mBAAgB;CACzE,IAAMC,IAAIC,EAAM;CAChB,OACE,kBAAC,OAAD;EAAK,WAAWC,EAAG,gEAAgEC,CAAS;EAA5F,UAAA,CACE,kBAACC,GAAD,EAAS,MAAK,KAAM,CAAA,GACpB,kBAAC,KAAD;GAAG,WAAU;GACV,UAAAC,KAASL,EAAE,+BAA+B,UAAU;EACpD,CAAA,CACA;;AAET,GASaM,KAAiC,EAAE,UAAO,YAAS,YAAS,mBAAgB;CACvF,IAAMN,IAAIC,EAAM;CAChB,OACE,kBAAC,OAAD;EACE,WAAWC,EACT,4EACAC,CACF;EAJF,UAAA;GAME,kBAACI,GAAD,EAAa,WAAU,mCAAoC,CAAA;GAC3D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;IACX,UAAAC,KAASR,EAAE,kCAAkC,sBAAsB;GAClE,CAAA,GACHS,KAAW,kBAAC,KAAD;IAAG,WAAU;IAA6C,UAAAA;GAAW,CAAA,CAC9E,EAAA,CAAA;GACJC,KACC,kBAAC,UAAD;IACE,MAAK;IACL,SAASA;IACT,WAAU;IAET,UAAAV,EAAE,6BAA6B,OAAO;GACjC,CAAA;EAEP;;AAET,GAWaW,KAA6B,EACxC,UACA,gBACA,WACA,aACA,cACA,aAAaC,QAEb,kBAAC,WAAD;CAAS,aAAWA;CAAU,WAAWV,EAAG,mBAAmBC,CAAS;CAAxE,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;GAA6C,UAAAK;EAAU,CAAA,GACpEK,KAAe,kBAAC,KAAD;GAAG,WAAU;GAAsC,UAAAA;EAAe,CAAA,CAC/E,EAAA,CAAA,GACJC,KAAU,kBAAC,OAAD;GAAK,WAAU;GAAY,UAAAA;EAAY,CAAA,CAC/C;CACJ,CAAA,GAAAC,CACM"}