@burdenoff/microfe-atheletebridge 2026.629.1 → 2026.705.1

package/dist/atheletebridge/AthleteBridgeRoot.js

@@ -4,94 +4,102 @@ import { useCallback as n, useEffect as r } from "react";
 import { QueryClient as i, QueryClientProvider as a } from "@tanstack/react-query";
 import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { FeatureFlagProvider as s } from "@burdenoff/fe-libs/shared/feature-flags";
-import { CalendarDays as c, ClipboardCheck as l, Dumbbell as u, LayoutDashboard as d, Trophy as f, Users as p } from "lucide-react";
-import { jsx as m } from "react/jsx-runtime";
+import { CalendarDays as c, ClipboardCheck as l, Dumbbell as u, Gauge as d, LayoutDashboard as f, Trophy as p, Users as m } from "lucide-react";
+import { jsx as h } from "react/jsx-runtime";
 //#region src/atheletebridge/AthleteBridgeRoot.tsx
-var h = new i({ defaultOptions: { queries: {
+var g = new i({ defaultOptions: { queries: {
 	staleTime: 300 * 1e3,
 	retry: 1
-} } }), g = (i) => {
-	let { registerNavItems: g, registerFooterItems: _, basePath: v = "/" } = i, { t: y } = o(), b = n((e, t) => {
-		let n = y(e);
+} } }), _ = (i) => {
+	let { registerNavItems: _, registerFooterItems: v, basePath: y = "/" } = i, { t: b } = o(), x = n((e, t) => {
+		let n = b(e);
 		return n === e ? t : n;
-	}, [y]), x = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+	}, [b]), S = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
 	return r(() => {
-		if (g) return g([
+		if (_) return _([
 			{
 				id: "atheletebridge-dashboard",
-				label: b("atheletebridge.nav.dashboard", "Dashboard"),
-				path: x(v, ""),
-				icon: /* @__PURE__ */ m(d, { size: 20 }),
+				label: x("atheletebridge.nav.dashboard", "Dashboard"),
+				path: S(y, ""),
+				icon: /* @__PURE__ */ h(f, { size: 20 }),
 				order: 1,
 				group: "main"
 			},
 			{
 				id: "atheletebridge-teams",
-				label: b("atheletebridge.nav.teams", "Teams"),
-				path: x(v, "teams"),
-				icon: /* @__PURE__ */ m(p, { size: 20 }),
+				label: x("atheletebridge.nav.teams", "Teams"),
+				path: S(y, "teams"),
+				icon: /* @__PURE__ */ h(m, { size: 20 }),
 				order: 10,
 				group: "roster"
 			},
 			{
 				id: "atheletebridge-fixtures",
-				label: b("atheletebridge.nav.fixtures", "Fixtures"),
-				path: x(v, "fixtures"),
-				icon: /* @__PURE__ */ m(c, { size: 20 }),
+				label: x("atheletebridge.nav.fixtures", "Fixtures"),
+				path: S(y, "fixtures"),
+				icon: /* @__PURE__ */ h(c, { size: 20 }),
 				order: 11,
 				group: "roster"
 			},
 			{
 				id: "atheletebridge-standings",
-				label: b("atheletebridge.nav.standings", "Standings"),
-				path: x(v, "standings"),
-				icon: /* @__PURE__ */ m(f, { size: 20 }),
+				label: x("atheletebridge.nav.standings", "Standings"),
+				path: S(y, "standings"),
+				icon: /* @__PURE__ */ h(p, { size: 20 }),
 				order: 12,
 				group: "roster"
 			},
 			{
 				id: "atheletebridge-programs",
-				label: b("atheletebridge.nav.programs", "Programs"),
-				path: x(v, "programs"),
-				icon: /* @__PURE__ */ m(u, { size: 20 }),
+				label: x("atheletebridge.nav.programs", "Programs"),
+				path: S(y, "programs"),
+				icon: /* @__PURE__ */ h(u, { size: 20 }),
 				order: 20,
 				group: "training"
 			},
 			{
 				id: "atheletebridge-sessions",
-				label: b("atheletebridge.nav.sessions", "Sessions"),
-				path: x(v, "sessions"),
-				icon: /* @__PURE__ */ m(l, { size: 20 }),
+				label: x("atheletebridge.nav.sessions", "Sessions"),
+				path: S(y, "sessions"),
+				icon: /* @__PURE__ */ h(l, { size: 20 }),
 				order: 21,
 				group: "training"
+			},
+			{
+				id: "atheletebridge-performance",
+				label: x("atheletebridge.nav.performance", "Performance"),
+				path: S(y, "performance"),
+				icon: /* @__PURE__ */ h(d, { size: 20 }),
+				order: 22,
+				group: "training"
 			}
 		]);
 	}, [
-		g,
-		v,
-		b
+		_,
+		y,
+		x
 	]), r(() => {
-		if (_) return _([{
+		if (v) return v([{
 			id: "atheletebridge-status",
-			label: b("atheletebridge.footer.ready", "AthleteBridge Ready"),
+			label: x("atheletebridge.footer.ready", "AthleteBridge Ready"),
 			type: "status",
 			order: 10,
 			section: "left"
 		}]);
-	}, [_, b]), /* @__PURE__ */ m(a, {
-		client: h,
-		children: /* @__PURE__ */ m(s, {
+	}, [v, x]), /* @__PURE__ */ h(a, {
+		client: g,
+		children: /* @__PURE__ */ h(s, {
 			workspaceId: null,
 			gateway: "global",
 			defaultEnabled: !0,
-			children: /* @__PURE__ */ m(e, {
+			children: /* @__PURE__ */ h(e, {
 				...i,
-				children: /* @__PURE__ */ m(t, {})
+				children: /* @__PURE__ */ h(t, {})
 			})
 		})
 	});
 };
 //#endregion
-export { g as AthleteBridgeRoot };
+export { _ as AthleteBridgeRoot };
 
 //# sourceMappingURL=AthleteBridgeRoot.js.map

package/dist/atheletebridge/AthleteBridgeRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"AthleteBridgeRoot.js","names":[],"sources":["../../src/atheletebridge/AthleteBridgeRoot.tsx"],"sourcesContent":["/**\n * AthleteBridge Root Component\n * @module atheletebridge\n *\n * The single Root export consumed by the host app shell. The export name and\n * props (AthleteBridgeRootProps) are the host contract and must not change —\n * only the internal nav config, provider tree, and routes are product-specific.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport {\n  LayoutDashboard,\n  Users,\n  CalendarDays,\n  Trophy,\n  Dumbbell,\n  ClipboardCheck,\n} from 'lucide-react';\nimport { AthleteBridgeProvider } from './context/AthleteBridgeContext';\nimport { AthleteBridgeRoutes } from './AthleteBridgeRoutes';\nimport type { AthleteBridgeRootProps, NavItem } from './types';\n\n// Create a query client for this microfrontend\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      retry: 1,\n    },\n  },\n});\n\nexport const AthleteBridgeRoot: FC<AthleteBridgeRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Helper to join paths correctly\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with shell on mount\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: 'atheletebridge-dashboard',\n        label: t('atheletebridge.nav.dashboard', 'Dashboard'),\n        path: joinPath(basePath, ''),\n        icon: <LayoutDashboard size={20} />,\n        order: 1,\n        group: 'main',\n      },\n      {\n        id: 'atheletebridge-teams',\n        label: t('atheletebridge.nav.teams', 'Teams'),\n        path: joinPath(basePath, 'teams'),\n        icon: <Users size={20} />,\n        order: 10,\n        group: 'roster',\n      },\n      {\n        id: 'atheletebridge-fixtures',\n        label: t('atheletebridge.nav.fixtures', 'Fixtures'),\n        path: joinPath(basePath, 'fixtures'),\n        icon: <CalendarDays size={20} />,\n        order: 11,\n        group: 'roster',\n      },\n      {\n        id: 'atheletebridge-standings',\n        label: t('atheletebridge.nav.standings', 'Standings'),\n        path: joinPath(basePath, 'standings'),\n        icon: <Trophy size={20} />,\n        order: 12,\n        group: 'roster',\n      },\n      {\n        id: 'atheletebridge-programs',\n        label: t('atheletebridge.nav.programs', 'Programs'),\n        path: joinPath(basePath, 'programs'),\n        icon: <Dumbbell size={20} />,\n        order: 20,\n        group: 'training',\n      },\n      {\n        id: 'atheletebridge-sessions',\n        label: t('atheletebridge.nav.sessions', 'Sessions'),\n        path: joinPath(basePath, 'sessions'),\n        icon: <ClipboardCheck size={20} />,\n        order: 21,\n        group: 'training',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath, t]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'atheletebridge-status',\n        label: t('atheletebridge.footer.ready', 'AthleteBridge Ready'),\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, t]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <AthleteBridgeProvider {...props}>\n          <AthleteBridgeRoutes />\n        </AthleteBridgeProvider>\n      </FeatureFlagProvider>\n    </QueryClientProvider>\n  );\n};\n"],"mappings":";;;;;;;;;AA2BA,IAAM,IAAc,IAAI,EAAY,EAClC,gBAAgB,EACd,SAAS;CACP,WAAW,MAAS;CACpB,OAAO;CACR,EACF,EACF,CAAC,EAEW,KAAiD,MAAU;CACtE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,QAAQ,GAC5D,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ,EAGK,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AAiFtD,QA5EA,QAAgB;AACT,QAsDL,QADgB,EAnDY;GAC1B;IACE,IAAI;IACJ,OAAO,EAAE,gCAAgC,YAAY;IACrD,MAAM,EAAS,GAAU,GAAG;IAC5B,MAAM,kBAAC,GAAD,EAAiB,MAAM,IAAM,CAAA;IACnC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,4BAA4B,QAAQ;IAC7C,MAAM,EAAS,GAAU,QAAQ;IACjC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,+BAA+B,WAAW;IACnD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;IAChC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,gCAAgC,YAAY;IACrD,MAAM,EAAS,GAAU,YAAY;IACrC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;IAC1B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,+BAA+B,WAAW;IACnD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;IAC5B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,+BAA+B,WAAW;IACnD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA;IAClC,OAAO;IACP,OAAO;IACR;GACF,CAEyC;IAEzC;EAAC;EAAkB;EAAU;EAAE,CAAC,EAGnC,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO,EAAE,+BAA+B,sBAAsB;GAC9D,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,GAAqB,EAAE,CAAC,EAG1B,kBAAC,GAAD;EAAqB,QAAQ;YAC3B,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aACvE,kBAAC,GAAD;IAAuB,GAAI;cACzB,kBAAC,GAAD,EAAuB,CAAA;IACD,CAAA;GACJ,CAAA;EACF,CAAA"}
+{"version":3,"file":"AthleteBridgeRoot.js","names":[],"sources":["../../src/atheletebridge/AthleteBridgeRoot.tsx"],"sourcesContent":["/**\n * AthleteBridge Root Component\n * @module atheletebridge\n *\n * The single Root export consumed by the host app shell. The export name and\n * props (AthleteBridgeRootProps) are the host contract and must not change —\n * only the internal nav config, provider tree, and routes are product-specific.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport {\n  LayoutDashboard,\n  Users,\n  CalendarDays,\n  Trophy,\n  Dumbbell,\n  ClipboardCheck,\n  Gauge,\n} from 'lucide-react';\nimport { AthleteBridgeProvider } from './context/AthleteBridgeContext';\nimport { AthleteBridgeRoutes } from './AthleteBridgeRoutes';\nimport type { AthleteBridgeRootProps, NavItem } from './types';\n\n// Create a query client for this microfrontend\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      retry: 1,\n    },\n  },\n});\n\nexport const AthleteBridgeRoot: FC<AthleteBridgeRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Helper to join paths correctly\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with shell on mount\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: 'atheletebridge-dashboard',\n        label: t('atheletebridge.nav.dashboard', 'Dashboard'),\n        path: joinPath(basePath, ''),\n        icon: <LayoutDashboard size={20} />,\n        order: 1,\n        group: 'main',\n      },\n      {\n        id: 'atheletebridge-teams',\n        label: t('atheletebridge.nav.teams', 'Teams'),\n        path: joinPath(basePath, 'teams'),\n        icon: <Users size={20} />,\n        order: 10,\n        group: 'roster',\n      },\n      {\n        id: 'atheletebridge-fixtures',\n        label: t('atheletebridge.nav.fixtures', 'Fixtures'),\n        path: joinPath(basePath, 'fixtures'),\n        icon: <CalendarDays size={20} />,\n        order: 11,\n        group: 'roster',\n      },\n      {\n        id: 'atheletebridge-standings',\n        label: t('atheletebridge.nav.standings', 'Standings'),\n        path: joinPath(basePath, 'standings'),\n        icon: <Trophy size={20} />,\n        order: 12,\n        group: 'roster',\n      },\n      {\n        id: 'atheletebridge-programs',\n        label: t('atheletebridge.nav.programs', 'Programs'),\n        path: joinPath(basePath, 'programs'),\n        icon: <Dumbbell size={20} />,\n        order: 20,\n        group: 'training',\n      },\n      {\n        id: 'atheletebridge-sessions',\n        label: t('atheletebridge.nav.sessions', 'Sessions'),\n        path: joinPath(basePath, 'sessions'),\n        icon: <ClipboardCheck size={20} />,\n        order: 21,\n        group: 'training',\n      },\n      {\n        id: 'atheletebridge-performance',\n        label: t('atheletebridge.nav.performance', 'Performance'),\n        path: joinPath(basePath, 'performance'),\n        icon: <Gauge size={20} />,\n        order: 22,\n        group: 'training',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath, t]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'atheletebridge-status',\n        label: t('atheletebridge.footer.ready', 'AthleteBridge Ready'),\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, t]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <AthleteBridgeProvider {...props}>\n          <AthleteBridgeRoutes />\n        </AthleteBridgeProvider>\n      </FeatureFlagProvider>\n    </QueryClientProvider>\n  );\n};\n"],"mappings":";;;;;;;;;AA4BA,IAAM,IAAc,IAAI,EAAY,EAClC,gBAAgB,EACd,SAAS;CACP,WAAW,MAAS;CACpB,OAAO;CACR,EACF,EACF,CAAC,EAEW,KAAiD,MAAU;CACtE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,QAAQ,GAC5D,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ,EAGK,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AAyFtD,QApFA,QAAgB;AACT,QA8DL,QADgB,EA3DY;GAC1B;IACE,IAAI;IACJ,OAAO,EAAE,gCAAgC,YAAY;IACrD,MAAM,EAAS,GAAU,GAAG;IAC5B,MAAM,kBAAC,GAAD,EAAiB,MAAM,IAAM,CAAA;IACnC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,4BAA4B,QAAQ;IAC7C,MAAM,EAAS,GAAU,QAAQ;IACjC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,+BAA+B,WAAW;IACnD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;IAChC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,gCAAgC,YAAY;IACrD,MAAM,EAAS,GAAU,YAAY;IACrC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;IAC1B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,+BAA+B,WAAW;IACnD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;IAC5B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,+BAA+B,WAAW;IACnD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA;IAClC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,kCAAkC,cAAc;IACzD,MAAM,EAAS,GAAU,cAAc;IACvC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO;IACP,OAAO;IACR;GACF,CAEyC;IAEzC;EAAC;EAAkB;EAAU;EAAE,CAAC,EAGnC,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO,EAAE,+BAA+B,sBAAsB;GAC9D,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,GAAqB,EAAE,CAAC,EAG1B,kBAAC,GAAD;EAAqB,QAAQ;YAC3B,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aACvE,kBAAC,GAAD;IAAuB,GAAI;cACzB,kBAAC,GAAD,EAAuB,CAAA;IACD,CAAA;GACJ,CAAA;EACF,CAAA"}

package/dist/atheletebridge/AthleteBridgeRoutes.js

@@ -5,15 +5,15 @@ import { Loader2 as i } from "lucide-react";
 import { Navigate as a, Route as o, Routes as s, useLocation as c } from "react-router-dom";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/atheletebridge/AthleteBridgeRoutes.tsx
-var d = r(() => import("./pages/teams/TeamsListPage.js").then((e) => ({ default: e.TeamsListPage }))), f = r(() => import("./pages/teams/TeamDetailPage.js").then((e) => ({ default: e.TeamDetailPage }))), p = r(() => import("./pages/teams/TeamFormPage.js").then((e) => ({ default: e.TeamFormPage }))), m = r(() => import("./pages/fixtures/FixturesListPage.js").then((e) => ({ default: e.FixturesListPage }))), h = r(() => import("./pages/fixtures/FixtureDetailPage.js").then((e) => ({ default: e.FixtureDetailPage }))), g = r(() => import("./pages/fixtures/FixtureFormPage.js").then((e) => ({ default: e.FixtureFormPage }))), _ = r(() => import("./pages/StandingsPage.js").then((e) => ({ default: e.StandingsPage }))), v = r(() => import("./pages/programs/ProgramsListPage.js").then((e) => ({ default: e.ProgramsListPage }))), y = r(() => import("./pages/programs/ProgramDetailPage.js").then((e) => ({ default: e.ProgramDetailPage }))), b = r(() => import("./pages/programs/ProgramFormPage.js").then((e) => ({ default: e.ProgramFormPage }))), x = r(() => import("./pages/sessions/SessionsListPage.js").then((e) => ({ default: e.SessionsListPage }))), S = r(() => import("./pages/sessions/SessionDetailPage.js").then((e) => ({ default: e.SessionDetailPage }))), C = r(() => import("./pages/sessions/SessionFormPage.js").then((e) => ({ default: e.SessionFormPage }))), w = () => /* @__PURE__ */ l("div", {
+var d = r(() => import("./pages/teams/TeamsListPage.js").then((e) => ({ default: e.TeamsListPage }))), f = r(() => import("./pages/teams/TeamDetailPage.js").then((e) => ({ default: e.TeamDetailPage }))), p = r(() => import("./pages/teams/TeamFormPage.js").then((e) => ({ default: e.TeamFormPage }))), m = r(() => import("./pages/fixtures/FixturesListPage.js").then((e) => ({ default: e.FixturesListPage }))), h = r(() => import("./pages/fixtures/FixtureDetailPage.js").then((e) => ({ default: e.FixtureDetailPage }))), g = r(() => import("./pages/fixtures/FixtureFormPage.js").then((e) => ({ default: e.FixtureFormPage }))), _ = r(() => import("./pages/StandingsPage.js").then((e) => ({ default: e.StandingsPage }))), v = r(() => import("./pages/programs/ProgramsListPage.js").then((e) => ({ default: e.ProgramsListPage }))), y = r(() => import("./pages/programs/ProgramDetailPage.js").then((e) => ({ default: e.ProgramDetailPage }))), b = r(() => import("./pages/programs/ProgramFormPage.js").then((e) => ({ default: e.ProgramFormPage }))), x = r(() => import("./pages/sessions/SessionsListPage.js").then((e) => ({ default: e.SessionsListPage }))), S = r(() => import("./pages/sessions/SessionDetailPage.js").then((e) => ({ default: e.SessionDetailPage }))), C = r(() => import("./pages/sessions/SessionFormPage.js").then((e) => ({ default: e.SessionFormPage }))), w = r(() => import("./pages/performance/PerformancePage.js").then((e) => ({ default: e.PerformancePage }))), T = () => /* @__PURE__ */ l("div", {
 	className: "flex min-h-[400px] items-center justify-center",
 	children: /* @__PURE__ */ l(i, { className: "h-8 w-8 animate-spin text-text-secondary" })
-}), T = () => {
-	let { basePath: r, isStandalone: i } = e(), T = c(), E = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
-	return E && !i && !(T.pathname === E || T.pathname.startsWith(E + "/")) ? null : /* @__PURE__ */ l("div", {
+}), E = () => {
+	let { basePath: r, isStandalone: i } = e(), E = c(), D = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
+	return D && !i && !(E.pathname === D || E.pathname.startsWith(D + "/")) ? null : /* @__PURE__ */ l("div", {
 		className: "flex min-h-full flex-col",
 		children: /* @__PURE__ */ l(n, {
-			fallback: /* @__PURE__ */ l(w, {}),
+			fallback: /* @__PURE__ */ l(T, {}),
 			children: /* @__PURE__ */ u(s, { children: [
 				/* @__PURE__ */ l(o, {
 					index: !0,
@@ -79,6 +79,10 @@ var d = r(() => import("./pages/teams/TeamsListPage.js").then((e) => ({ default:
 					path: "sessions/:id",
 					element: /* @__PURE__ */ l(S, {})
 				}),
+				/* @__PURE__ */ l(o, {
+					path: "performance",
+					element: /* @__PURE__ */ l(w, {})
+				}),
 				/* @__PURE__ */ l(o, {
 					path: "*",
 					element: /* @__PURE__ */ l(a, {
@@ -91,6 +95,6 @@ var d = r(() => import("./pages/teams/TeamsListPage.js").then((e) => ({ default:
 	});
 };
 //#endregion
-export { T as AthleteBridgeRoutes };
+export { E as AthleteBridgeRoutes };
 
 //# sourceMappingURL=AthleteBridgeRoutes.js.map

package/dist/atheletebridge/AthleteBridgeRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"AthleteBridgeRoutes.js","names":[],"sources":["../../src/atheletebridge/AthleteBridgeRoutes.tsx"],"sourcesContent":["/**\n * AthleteBridge Routes\n * @module atheletebridge\n *\n * Real sports-domain routes wired to the deployed `wspace-atheletebridge-svc`\n * GraphQL contract. Dashboard is eager; entity pages are lazy.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Loader2 } from 'lucide-react';\nimport { useAthleteBridge } from './context/AthleteBridgeContext';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/DashboardPage';\n\n// Teams\nconst TeamsListPage = lazy(() =>\n  import('./pages/teams/TeamsListPage').then((m) => ({ default: m.TeamsListPage }))\n);\nconst TeamDetailPage = lazy(() =>\n  import('./pages/teams/TeamDetailPage').then((m) => ({ default: m.TeamDetailPage }))\n);\nconst TeamFormPage = lazy(() =>\n  import('./pages/teams/TeamFormPage').then((m) => ({ default: m.TeamFormPage }))\n);\n\n// Fixtures\nconst FixturesListPage = lazy(() =>\n  import('./pages/fixtures/FixturesListPage').then((m) => ({ default: m.FixturesListPage }))\n);\nconst FixtureDetailPage = lazy(() =>\n  import('./pages/fixtures/FixtureDetailPage').then((m) => ({ default: m.FixtureDetailPage }))\n);\nconst FixtureFormPage = lazy(() =>\n  import('./pages/fixtures/FixtureFormPage').then((m) => ({ default: m.FixtureFormPage }))\n);\n\n// Standings\nconst StandingsPage = lazy(() =>\n  import('./pages/StandingsPage').then((m) => ({ default: m.StandingsPage }))\n);\n\n// Programs\nconst ProgramsListPage = lazy(() =>\n  import('./pages/programs/ProgramsListPage').then((m) => ({ default: m.ProgramsListPage }))\n);\nconst ProgramDetailPage = lazy(() =>\n  import('./pages/programs/ProgramDetailPage').then((m) => ({ default: m.ProgramDetailPage }))\n);\nconst ProgramFormPage = lazy(() =>\n  import('./pages/programs/ProgramFormPage').then((m) => ({ default: m.ProgramFormPage }))\n);\n\n// Sessions\nconst SessionsListPage = lazy(() =>\n  import('./pages/sessions/SessionsListPage').then((m) => ({ default: m.SessionsListPage }))\n);\nconst SessionDetailPage = lazy(() =>\n  import('./pages/sessions/SessionDetailPage').then((m) => ({ default: m.SessionDetailPage }))\n);\nconst SessionFormPage = lazy(() =>\n  import('./pages/sessions/SessionFormPage').then((m) => ({ default: m.SessionFormPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n  </div>\n);\n\nexport const AthleteBridgeRoutes: FC = () => {\n  const { basePath, isStandalone } = useAthleteBridge();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render when the path matches basePath (integrated mode).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Dashboard */}\n          <Route index element={<DashboardPage />} />\n\n          {/* Teams */}\n          <Route path=\"teams\" element={<TeamsListPage />} />\n          <Route path=\"teams/new\" element={<TeamFormPage />} />\n          <Route path=\"teams/:id\" element={<TeamDetailPage />} />\n          <Route path=\"teams/:id/edit\" element={<TeamFormPage />} />\n\n          {/* Fixtures */}\n          <Route path=\"fixtures\" element={<FixturesListPage />} />\n          <Route path=\"fixtures/new\" element={<FixtureFormPage />} />\n          <Route path=\"fixtures/:id\" element={<FixtureDetailPage />} />\n\n          {/* Standings */}\n          <Route path=\"standings\" element={<StandingsPage />} />\n\n          {/* Programs */}\n          <Route path=\"programs\" element={<ProgramsListPage />} />\n          <Route path=\"programs/new\" element={<ProgramFormPage />} />\n          <Route path=\"programs/:id\" element={<ProgramDetailPage />} />\n          <Route path=\"programs/:id/edit\" element={<ProgramFormPage />} />\n\n          {/* Sessions */}\n          <Route path=\"sessions\" element={<SessionsListPage />} />\n          <Route path=\"sessions/new\" element={<SessionFormPage />} />\n          <Route path=\"sessions/:id\" element={<SessionDetailPage />} />\n\n          {/* Fallback */}\n          <Route path=\"*\" element={<Navigate to=\".\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AthleteBridgeRoutes.js","names":[],"sources":["../../src/atheletebridge/AthleteBridgeRoutes.tsx"],"sourcesContent":["/**\n * AthleteBridge Routes\n * @module atheletebridge\n *\n * Real sports-domain routes wired to the deployed `wspace-atheletebridge-svc`\n * GraphQL contract. Dashboard is eager; entity pages are lazy.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Loader2 } from 'lucide-react';\nimport { useAthleteBridge } from './context/AthleteBridgeContext';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/DashboardPage';\n\n// Teams\nconst TeamsListPage = lazy(() =>\n  import('./pages/teams/TeamsListPage').then((m) => ({ default: m.TeamsListPage }))\n);\nconst TeamDetailPage = lazy(() =>\n  import('./pages/teams/TeamDetailPage').then((m) => ({ default: m.TeamDetailPage }))\n);\nconst TeamFormPage = lazy(() =>\n  import('./pages/teams/TeamFormPage').then((m) => ({ default: m.TeamFormPage }))\n);\n\n// Fixtures\nconst FixturesListPage = lazy(() =>\n  import('./pages/fixtures/FixturesListPage').then((m) => ({ default: m.FixturesListPage }))\n);\nconst FixtureDetailPage = lazy(() =>\n  import('./pages/fixtures/FixtureDetailPage').then((m) => ({ default: m.FixtureDetailPage }))\n);\nconst FixtureFormPage = lazy(() =>\n  import('./pages/fixtures/FixtureFormPage').then((m) => ({ default: m.FixtureFormPage }))\n);\n\n// Standings\nconst StandingsPage = lazy(() =>\n  import('./pages/StandingsPage').then((m) => ({ default: m.StandingsPage }))\n);\n\n// Programs\nconst ProgramsListPage = lazy(() =>\n  import('./pages/programs/ProgramsListPage').then((m) => ({ default: m.ProgramsListPage }))\n);\nconst ProgramDetailPage = lazy(() =>\n  import('./pages/programs/ProgramDetailPage').then((m) => ({ default: m.ProgramDetailPage }))\n);\nconst ProgramFormPage = lazy(() =>\n  import('./pages/programs/ProgramFormPage').then((m) => ({ default: m.ProgramFormPage }))\n);\n\n// Sessions\nconst SessionsListPage = lazy(() =>\n  import('./pages/sessions/SessionsListPage').then((m) => ({ default: m.SessionsListPage }))\n);\nconst SessionDetailPage = lazy(() =>\n  import('./pages/sessions/SessionDetailPage').then((m) => ({ default: m.SessionDetailPage }))\n);\nconst SessionFormPage = lazy(() =>\n  import('./pages/sessions/SessionFormPage').then((m) => ({ default: m.SessionFormPage }))\n);\n\n// Performance\nconst PerformancePage = lazy(() =>\n  import('./pages/performance/PerformancePage').then((m) => ({ default: m.PerformancePage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n  </div>\n);\n\nexport const AthleteBridgeRoutes: FC = () => {\n  const { basePath, isStandalone } = useAthleteBridge();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render when the path matches basePath (integrated mode).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          {/* Dashboard */}\n          <Route index element={<DashboardPage />} />\n\n          {/* Teams */}\n          <Route path=\"teams\" element={<TeamsListPage />} />\n          <Route path=\"teams/new\" element={<TeamFormPage />} />\n          <Route path=\"teams/:id\" element={<TeamDetailPage />} />\n          <Route path=\"teams/:id/edit\" element={<TeamFormPage />} />\n\n          {/* Fixtures */}\n          <Route path=\"fixtures\" element={<FixturesListPage />} />\n          <Route path=\"fixtures/new\" element={<FixtureFormPage />} />\n          <Route path=\"fixtures/:id\" element={<FixtureDetailPage />} />\n\n          {/* Standings */}\n          <Route path=\"standings\" element={<StandingsPage />} />\n\n          {/* Programs */}\n          <Route path=\"programs\" element={<ProgramsListPage />} />\n          <Route path=\"programs/new\" element={<ProgramFormPage />} />\n          <Route path=\"programs/:id\" element={<ProgramDetailPage />} />\n          <Route path=\"programs/:id/edit\" element={<ProgramFormPage />} />\n\n          {/* Sessions */}\n          <Route path=\"sessions\" element={<SessionsListPage />} />\n          <Route path=\"sessions/new\" element={<SessionFormPage />} />\n          <Route path=\"sessions/:id\" element={<SessionDetailPage />} />\n\n          {/* Performance */}\n          <Route path=\"performance\" element={<PerformancePage />} />\n\n          {/* Fallback */}\n          <Route path=\"*\" element={<Navigate to=\".\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/atheletebridge/components/AthleteSelect.js

@@ -0,0 +1,66 @@
+import { useTeamMembers as e, useTeams as t } from "../hooks/useAthleteBridgeApi.js";
+import { FormField as n, fieldInputClass as r } from "./form.js";
+import { useMemo as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/atheletebridge/components/AthleteSelect.tsx
+function c({ athleteId: c, onSelect: l, required: u = !1, teamLabel: d = "Team", athleteLabel: f = "Athlete", idPrefix: p = "athlete" }) {
+	let [m, h] = a(""), g = t({ pagination: { limit: 100 } }), _ = e(m || void 0), v = i(() => g.data?.items ?? [], [g.data]), y = i(() => (_.data ?? []).filter((e) => !!e.userId), [_.data]), b = `${p}-team`, x = `${p}-athlete`, S = m ? _.isLoading ? "Loading roster…" : y.length === 0 ? "This team has no members yet — add them from the team page." : void 0 : "Choose a team to load its roster.";
+	return /* @__PURE__ */ s("div", {
+		className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+		children: [/* @__PURE__ */ o(n, {
+			label: d,
+			htmlFor: b,
+			required: u,
+			children: /* @__PURE__ */ s("select", {
+				id: b,
+				className: r,
+				value: m,
+				onChange: (e) => {
+					h(e.target.value), l({
+						athleteId: "",
+						displayName: ""
+					});
+				},
+				children: [/* @__PURE__ */ o("option", {
+					value: "",
+					children: "Select a team…"
+				}), v.map((e) => /* @__PURE__ */ o("option", {
+					value: e.id,
+					children: e.name
+				}, e.id))]
+			})
+		}), /* @__PURE__ */ o(n, {
+			label: f,
+			htmlFor: x,
+			required: u,
+			hint: S,
+			children: /* @__PURE__ */ s("select", {
+				id: x,
+				className: r,
+				value: c,
+				disabled: !m || y.length === 0,
+				onChange: (e) => {
+					let t = y.find((t) => t.userId === e.target.value);
+					l(t ? {
+						athleteId: t.userId,
+						displayName: t.displayName
+					} : {
+						athleteId: "",
+						displayName: ""
+					});
+				},
+				children: [/* @__PURE__ */ o("option", {
+					value: "",
+					children: "Select an athlete…"
+				}), y.map((e) => /* @__PURE__ */ s("option", {
+					value: e.userId,
+					children: [e.displayName, e.jerseyNumber == null ? "" : ` · #${e.jerseyNumber}`]
+				}, e.id))]
+			})
+		})]
+	});
+}
+//#endregion
+export { c as AthleteSelect };
+
+//# sourceMappingURL=AthleteSelect.js.map

package/dist/atheletebridge/components/AthleteSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AthleteSelect.js","names":[],"sources":["../../../src/atheletebridge/components/AthleteSelect.tsx"],"sourcesContent":["/**\n * Athlete picker\n * @module atheletebridge/components\n *\n * Two coupled selects — pick a team, then pick an athlete from that team's live\n * roster (`athListMembers`). Emits the athlete's user id (used everywhere an\n * `athleteId` is required) plus a display name, so a coach never has to paste a\n * raw UUID. Semantic tokens only.\n */\n\nimport { useMemo, useState } from 'react';\nimport { FormField, fieldInputClass } from './form';\nimport { useTeams, useTeamMembers } from '../hooks/useAthleteBridgeApi';\n\nexport interface AthleteSelectValue {\n  athleteId: string;\n  displayName: string;\n}\n\ninterface AthleteSelectProps {\n  /** Currently selected athlete user id. */\n  athleteId: string;\n  onSelect: (value: AthleteSelectValue) => void;\n  required?: boolean;\n  teamLabel?: string;\n  athleteLabel?: string;\n  /** Prefix for the field ids so multiple instances stay unique/accessible. */\n  idPrefix?: string;\n}\n\nexport function AthleteSelect({\n  athleteId,\n  onSelect,\n  required = false,\n  teamLabel = 'Team',\n  athleteLabel = 'Athlete',\n  idPrefix = 'athlete',\n}: AthleteSelectProps) {\n  const [teamId, setTeamId] = useState('');\n\n  const teams = useTeams({ pagination: { limit: 100 } });\n  const members = useTeamMembers(teamId || undefined);\n\n  const teamOptions = useMemo(() => teams.data?.items ?? [], [teams.data]);\n  const memberOptions = useMemo(\n    () => (members.data ?? []).filter((m) => Boolean(m.userId)),\n    [members.data]\n  );\n\n  const teamFieldId = `${idPrefix}-team`;\n  const athleteFieldId = `${idPrefix}-athlete`;\n\n  const memberHint = teamId\n    ? members.isLoading\n      ? 'Loading roster…'\n      : memberOptions.length === 0\n        ? 'This team has no members yet — add them from the team page.'\n        : undefined\n    : 'Choose a team to load its roster.';\n\n  return (\n    <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n      <FormField label={teamLabel} htmlFor={teamFieldId} required={required}>\n        <select\n          id={teamFieldId}\n          className={fieldInputClass}\n          value={teamId}\n          onChange={(e) => {\n            setTeamId(e.target.value);\n            // Clear any prior athlete selection when the team changes.\n            onSelect({ athleteId: '', displayName: '' });\n          }}\n        >\n          <option value=\"\">Select a team…</option>\n          {teamOptions.map((team) => (\n            <option key={team.id} value={team.id}>\n              {team.name}\n            </option>\n          ))}\n        </select>\n      </FormField>\n\n      <FormField\n        label={athleteLabel}\n        htmlFor={athleteFieldId}\n        required={required}\n        hint={memberHint}\n      >\n        <select\n          id={athleteFieldId}\n          className={fieldInputClass}\n          value={athleteId}\n          disabled={!teamId || memberOptions.length === 0}\n          onChange={(e) => {\n            const picked = memberOptions.find((m) => m.userId === e.target.value);\n            onSelect(\n              picked\n                ? { athleteId: picked.userId, displayName: picked.displayName }\n                : { athleteId: '', displayName: '' }\n            );\n          }}\n        >\n          <option value=\"\">Select an athlete…</option>\n          {memberOptions.map((member) => (\n            <option key={member.id} value={member.userId}>\n              {member.displayName}\n              {member.jerseyNumber != null ? ` · #${member.jerseyNumber}` : ''}\n            </option>\n          ))}\n        </select>\n      </FormField>\n    </div>\n  );\n}\n"],"mappings":";;;;;AA8BA,SAAgB,EAAc,EAC5B,cACA,aACA,cAAW,IACX,eAAY,QACZ,kBAAe,WACf,cAAW,aACU;CACrB,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAG,EAElC,IAAQ,EAAS,EAAE,YAAY,EAAE,OAAO,KAAK,EAAE,CAAC,EAChD,IAAU,EAAe,KAAU,KAAA,EAAU,EAE7C,IAAc,QAAc,EAAM,MAAM,SAAS,EAAE,EAAE,CAAC,EAAM,KAAK,CAAC,EAClE,IAAgB,SACb,EAAQ,QAAQ,EAAE,EAAE,QAAQ,MAAM,EAAQ,EAAE,OAAQ,EAC3D,CAAC,EAAQ,KAAK,CACf,EAEK,IAAc,GAAG,EAAS,QAC1B,IAAiB,GAAG,EAAS,WAE7B,IAAa,IACf,EAAQ,YACN,oBACA,EAAc,WAAW,IACvB,gEACA,KAAA,IACJ;AAEJ,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAW,OAAO;GAAW,SAAS;GAAuB;aAC3D,kBAAC,UAAD;IACE,IAAI;IACJ,WAAW;IACX,OAAO;IACP,WAAW,MAAM;AAGf,KAFA,EAAU,EAAE,OAAO,MAAM,EAEzB,EAAS;MAAE,WAAW;MAAI,aAAa;MAAI,CAAC;;cAPhD,CAUE,kBAAC,UAAD;KAAQ,OAAM;eAAG;KAAuB,CAAA,EACvC,EAAY,KAAK,MAChB,kBAAC,UAAD;KAAsB,OAAO,EAAK;eAC/B,EAAK;KACC,EAFI,EAAK,GAET,CACT,CACK;;GACC,CAAA,EAEZ,kBAAC,GAAD;GACE,OAAO;GACP,SAAS;GACC;GACV,MAAM;aAEN,kBAAC,UAAD;IACE,IAAI;IACJ,WAAW;IACX,OAAO;IACP,UAAU,CAAC,KAAU,EAAc,WAAW;IAC9C,WAAW,MAAM;KACf,IAAM,IAAS,EAAc,MAAM,MAAM,EAAE,WAAW,EAAE,OAAO,MAAM;AACrE,OACE,IACI;MAAE,WAAW,EAAO;MAAQ,aAAa,EAAO;MAAa,GAC7D;MAAE,WAAW;MAAI,aAAa;MAAI,CACvC;;cAXL,CAcE,kBAAC,UAAD;KAAQ,OAAM;eAAG;KAA2B,CAAA,EAC3C,EAAc,KAAK,MAClB,kBAAC,UAAD;KAAwB,OAAO,EAAO;eAAtC,CACG,EAAO,aACP,EAAO,gBAAgB,OAAsC,KAA/B,OAAO,EAAO,eACtC;OAHI,EAAO,GAGX,CACT,CACK;;GACC,CAAA,CACR"}

package/dist/atheletebridge/components/DrillVideoLink.js

@@ -0,0 +1,28 @@
+import { useFile as e } from "../hooks/useAthleteBridgeApi.js";
+import { ExternalLink as t, FileVideo as n, Loader2 as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/atheletebridge/components/DrillVideoLink.tsx
+function o({ fileId: o }) {
+	let s = e(o), c = s.data?.downloadUrl ?? void 0, l = s.data?.name ?? "Demo video";
+	return c ? /* @__PURE__ */ a("a", {
+		href: c,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "mt-1.5 inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",
+		children: [
+			/* @__PURE__ */ i(n, { className: "h-3.5 w-3.5" }),
+			/* @__PURE__ */ i("span", {
+				className: "max-w-[16rem] truncate",
+				children: l
+			}),
+			/* @__PURE__ */ i(t, { className: "h-3 w-3" })
+		]
+	}) : /* @__PURE__ */ a("span", {
+		className: "mt-1.5 inline-flex items-center gap-1 text-xs text-text-secondary",
+		children: [s.isLoading ? /* @__PURE__ */ i(r, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ i(n, { className: "h-3.5 w-3.5" }), "Demo video"]
+	});
+}
+//#endregion
+export { o as DrillVideoLink };
+
+//# sourceMappingURL=DrillVideoLink.js.map

package/dist/atheletebridge/components/DrillVideoLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillVideoLink.js","names":[],"sources":["../../../src/atheletebridge/components/DrillVideoLink.tsx"],"sourcesContent":["/**\n * Drill demo-video reference\n * @module atheletebridge/components\n *\n * A drill's `video` is a reference into wspace-files-svc (blobs live there). We\n * resolve the playable URL lazily and in isolation, so a missing/expired blob\n * degrades to a quiet badge instead of ever breaking the program page.\n */\n\nimport { ExternalLink, FileVideo, Loader2 } from 'lucide-react';\nimport { useFile } from '../hooks/useAthleteBridgeApi';\n\nexport function DrillVideoLink({ fileId }: { fileId: string }) {\n  const file = useFile(fileId);\n  const url = file.data?.downloadUrl ?? undefined;\n  const label = file.data?.name ?? 'Demo video';\n\n  if (url) {\n    return (\n      <a\n        href={url}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        className=\"mt-1.5 inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline\"\n      >\n        <FileVideo className=\"h-3.5 w-3.5\" />\n        <span className=\"max-w-[16rem] truncate\">{label}</span>\n        <ExternalLink className=\"h-3 w-3\" />\n      </a>\n    );\n  }\n\n  return (\n    <span className=\"mt-1.5 inline-flex items-center gap-1 text-xs text-text-secondary\">\n      {file.isLoading ? (\n        <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n      ) : (\n        <FileVideo className=\"h-3.5 w-3.5\" />\n      )}\n      Demo video\n    </span>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAe,EAAE,aAA8B;CAC7D,IAAM,IAAO,EAAQ,EAAO,EACtB,IAAM,EAAK,MAAM,eAAe,KAAA,GAChC,IAAQ,EAAK,MAAM,QAAQ;AAiBjC,QAfI,IAEA,kBAAC,KAAD;EACE,MAAM;EACN,QAAO;EACP,KAAI;EACJ,WAAU;YAJZ;GAME,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA;GACrC,kBAAC,QAAD;IAAM,WAAU;cAA0B;IAAa,CAAA;GACvD,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;GAClC;MAKN,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACG,EAAK,YACJ,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA,GAEhD,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACrC,aAEG"}

package/dist/atheletebridge/components/MetricsCard.js

@@ -1,52 +1,26 @@
 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";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { GlassCard as r } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/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 = ({ icon: t, value: n, label: r, trend: c, trendValue: l, featured: u = !1, className: d }) => {
-	let f = c ? s[c] : null, p = f?.icon;
-	return /* @__PURE__ */ a(o, {
-		treatment: u ? "glass" : "metric",
-		glow: u,
-		className: e("p-6", d),
-		children: [/* @__PURE__ */ a("div", {
-			className: "relative flex items-center justify-between",
-			children: [/* @__PURE__ */ i("div", {
-				className: "text-text-secondary",
-				children: t
-			}), c && f && p && /* @__PURE__ */ a("div", {
-				className: e("flex items-center gap-1 text-xs font-medium", f.color),
-				children: [/* @__PURE__ */ i(p, { className: "h-3.5 w-3.5" }), l && /* @__PURE__ */ i("span", {
-					className: "tabular-nums",
-					children: l
-				})]
-			})]
-		}), /* @__PURE__ */ a("div", {
-			className: "relative mt-3",
-			children: [/* @__PURE__ */ i("p", {
-				className: "text-2xl font-bold tabular-nums text-text-primary",
-				children: n
-			}), /* @__PURE__ */ i("p", {
-				className: "mt-1 text-sm text-text-secondary",
-				children: r
-			})]
+var i = ({ icon: i, value: a, label: o, featured: s = !1, className: c }) => /* @__PURE__ */ n(r, {
+	treatment: s ? "glass" : "metric",
+	glow: s,
+	className: e("p-6", c),
+	children: [/* @__PURE__ */ t("div", {
+		className: "relative text-text-secondary",
+		children: i
+	}), /* @__PURE__ */ n("div", {
+		className: "relative mt-3",
+		children: [/* @__PURE__ */ t("p", {
+			className: "text-2xl font-bold tabular-nums text-text-primary",
+			children: a
+		}), /* @__PURE__ */ t("p", {
+			className: "mt-1 text-sm text-text-secondary",
+			children: o
 		})]
-	});
-};
+	})]
+});
 //#endregion
-export { c as MetricsCard };
+export { i as MetricsCard };
 
 //# sourceMappingURL=MetricsCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/atheletebridge/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module atheletebridge/components\n *\n * Boff UI 2.0: KPI tiles use the glassmorphic `GlassCard` \"metric\" treatment\n * (accent wash + seam border + soft pop-lift). The hero metric per page can\n * opt into the brighter `glass` treatment with an accent glow via `featured`.\n * Numerals are tabular for clean alignment. No hover movement.\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\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  trend?: TrendDirection;\n  trendValue?: string;\n  /** Render as the single featured hero metric (glass treatment + glow). */\n  featured?: boolean;\n  className?: string;\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\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  trend,\n  trendValue,\n  featured = false,\n  className,\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', className)}\n    >\n      <div className=\"relative flex items-center justify-between\">\n        <div className=\"text-text-secondary\">{icon}</div>\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 className=\"tabular-nums\">{trendValue}</span>}\n          </div>\n        )}\n      </div>\n      <div className=\"relative mt-3\">\n        <p className=\"text-2xl font-bold tabular-nums text-text-primary\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;;AA2BA,IAAM,IAAkF;CACtF,IAAI;EAAE,MAAM;EAAY,OAAO;EAA4B;CAC3D,MAAM;EAAE,MAAM;EAAc,OAAO;EAA0B;CAC7D,SAAS;EAAE,MAAM;EAAO,OAAO;EAAuB;CACvD,EAEY,KAAqC,EAChD,SACA,UACA,UACA,UACA,eACA,cAAW,IACX,mBACI;CACJ,IAAM,IAAY,IAAQ,EAAY,KAAS,MACzC,IAAY,GAAW;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,IAAW,UAAU;EAChC,MAAM;EACN,WAAW,EAAG,OAAO,EAAU;YAHjC,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuB;IAAW,CAAA,EAChD,KAAS,KAAa,KACrB,kBAAC,OAAD;IAAK,WAAW,EAAG,+CAA+C,EAAU,MAAM;cAAlF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EACpC,KAAc,kBAAC,QAAD;KAAM,WAAU;eAAgB;KAAkB,CAAA,CAC7D;MAEJ;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAU,CAAA,CACvD;KACI"}
+{"version":3,"file":"MetricsCard.js","names":[],"sources":["../../../src/atheletebridge/components/MetricsCard.tsx"],"sourcesContent":["/**\n * Metrics Card Component\n * @module atheletebridge/components\n *\n * Boff UI 2.0: KPI tiles use the glassmorphic `GlassCard` \"metric\" treatment\n * (accent wash + seam border + soft pop-lift). The hero metric per page can\n * opt into the brighter `glass` treatment with an accent glow via `featured`.\n * Numerals are tabular for clean alignment. No hover movement.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface MetricsCardProps {\n  icon: ReactNode;\n  value: string | number;\n  label: string;\n  /** Render as the single featured hero metric (glass treatment + glow). */\n  featured?: boolean;\n  className?: string;\n}\n\nexport const MetricsCard: FC<MetricsCardProps> = ({\n  icon,\n  value,\n  label,\n  featured = false,\n  className,\n}) => {\n  return (\n    <GlassCard\n      treatment={featured ? 'glass' : 'metric'}\n      glow={featured}\n      className={cn('p-6', className)}\n    >\n      <div className=\"relative text-text-secondary\">{icon}</div>\n      <div className=\"relative mt-3\">\n        <p className=\"text-2xl font-bold tabular-nums text-text-primary\">{value}</p>\n        <p className=\"mt-1 text-sm text-text-secondary\">{label}</p>\n      </div>\n    </GlassCard>\n  );\n};\n"],"mappings":";;;;AAuBA,IAAa,KAAqC,EAChD,SACA,UACA,UACA,cAAW,IACX,mBAGE,kBAAC,GAAD;CACE,WAAW,IAAW,UAAU;CAChC,MAAM;CACN,WAAW,EAAG,OAAO,EAAU;WAHjC,CAKE,kBAAC,OAAD;EAAK,WAAU;YAAgC;EAAW,CAAA,EAC1D,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aAAqD;GAAU,CAAA,EAC5E,kBAAC,KAAD;GAAG,WAAU;aAAoC;GAAU,CAAA,CACvD;IACI"}

package/dist/atheletebridge/components/UserSearchSelect.js

@@ -0,0 +1,129 @@
+import { cn as e } from "../utils/cn.js";
+import { directoryUserName as t, useUserSearch as n } from "../hooks/useAthleteBridgeApi.js";
+import { FormField as r, fieldInputClass as i } from "./form.js";
+import { useState as a } from "react";
+import { Check as o, Loader2 as s, Search as c, User as l, X as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/atheletebridge/components/UserSearchSelect.tsx
+function p({ userId: p, displayName: m, onSelect: h, required: g = !1 }) {
+	let [_, v] = a(""), [y, b] = a(!1), x = n(_), S = x.data ?? [], C = _.trim().length >= 2, w = (e) => {
+		h({
+			userId: e.id,
+			displayName: t(e)
+		}), v("");
+	}, T = x.isError;
+	return y || T ? /* @__PURE__ */ f(r, {
+		label: "User ID",
+		htmlFor: "member-user-id",
+		required: g,
+		hint: T ? "User search is unavailable here — paste the auth-svc user id." : "Paste the auth-svc user id.",
+		children: [/* @__PURE__ */ d("input", {
+			id: "member-user-id",
+			className: i,
+			value: p,
+			onChange: (e) => h({
+				userId: e.target.value,
+				displayName: m
+			}),
+			placeholder: "user-uuid"
+		}), !T && /* @__PURE__ */ d("button", {
+			type: "button",
+			onClick: () => b(!1),
+			className: "mt-1 self-start text-xs font-medium text-primary hover:underline",
+			children: "Search the directory instead"
+		})]
+	}) : /* @__PURE__ */ d(r, {
+		label: "Athlete / user",
+		required: g,
+		children: p ? /* @__PURE__ */ f("div", {
+			className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
+			children: [
+				/* @__PURE__ */ d("span", {
+					className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
+					children: /* @__PURE__ */ d(l, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ d("p", {
+						className: "truncate text-sm font-medium text-text-primary",
+						children: m || "Selected user"
+					}), /* @__PURE__ */ d("p", {
+						className: "truncate text-xs text-text-secondary",
+						children: p
+					})]
+				}),
+				/* @__PURE__ */ d("button", {
+					type: "button",
+					"aria-label": "Clear selected user",
+					onClick: () => h({
+						userId: "",
+						displayName: ""
+					}),
+					className: "rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
+					children: /* @__PURE__ */ d(u, { className: "h-4 w-4" })
+				})
+			]
+		}) : /* @__PURE__ */ f("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "relative",
+					children: [
+						/* @__PURE__ */ d(c, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
+						/* @__PURE__ */ d("input", {
+							className: e(i, "pl-9"),
+							value: _,
+							onChange: (e) => v(e.target.value),
+							placeholder: "Search by name or email…",
+							"aria-label": "Search users by name or email"
+						}),
+						x.isFetching && /* @__PURE__ */ d(s, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-text-secondary" })
+					]
+				}),
+				C && !x.isFetching && S.length === 0 && /* @__PURE__ */ f("p", {
+					className: "text-xs text-text-secondary",
+					children: [
+						"No users match “",
+						_.trim(),
+						"”."
+					]
+				}),
+				S.length > 0 && /* @__PURE__ */ d("ul", {
+					className: "max-h-56 divide-y divide-border-seam overflow-auto rounded-lg border border-border-seam bg-bg-surface",
+					children: S.map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: () => w(e),
+						className: "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-bg-sunken",
+						children: [
+							/* @__PURE__ */ d("span", {
+								className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
+								children: /* @__PURE__ */ d(l, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ d("span", {
+									className: "block truncate text-sm font-medium text-text-primary",
+									children: t(e)
+								}), /* @__PURE__ */ d("span", {
+									className: "block truncate text-xs text-text-secondary",
+									children: e.email
+								})]
+							}),
+							/* @__PURE__ */ d(o, { className: "h-4 w-4 shrink-0 text-text-secondary opacity-0" })
+						]
+					}) }, e.id))
+				}),
+				/* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: () => b(!0),
+					className: "text-xs font-medium text-primary hover:underline",
+					children: "Enter a user ID manually"
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { p as UserSearchSelect };
+
+//# sourceMappingURL=UserSearchSelect.js.map

package/dist/atheletebridge/components/UserSearchSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSearchSelect.js","names":[],"sources":["../../../src/atheletebridge/components/UserSearchSelect.tsx"],"sourcesContent":["/**\n * User picker\n * @module atheletebridge/components\n *\n * Resolves a real workspace/tenant user by name or email (global user\n * directory) so a coach can add a team member without knowing a raw UUID.\n * Degrades gracefully: if the directory is unavailable the coach can still paste\n * a user id manually. Semantic tokens only.\n */\n\nimport { useState } from 'react';\nimport { Check, Loader2, Search, User as UserIcon, X } from 'lucide-react';\nimport { FormField, fieldInputClass } from './form';\nimport { cn } from '../utils/cn';\nimport { directoryUserName, useUserSearch, type DirectoryUser } from '../hooks/useAthleteBridgeApi';\n\nexport interface UserSelectValue {\n  userId: string;\n  displayName: string;\n}\n\ninterface UserSearchSelectProps {\n  /** Currently selected user id. */\n  userId: string;\n  /** Display name currently chosen (echoed back so the parent can prefill). */\n  displayName: string;\n  onSelect: (value: UserSelectValue) => void;\n  required?: boolean;\n}\n\nexport function UserSearchSelect({\n  userId,\n  displayName,\n  onSelect,\n  required = false,\n}: UserSearchSelectProps) {\n  const [term, setTerm] = useState('');\n  const [manual, setManual] = useState(false);\n\n  const search = useUserSearch(term);\n  const results = search.data ?? [];\n  const active = term.trim().length >= 2;\n\n  const pick = (user: DirectoryUser) => {\n    onSelect({ userId: user.id, displayName: directoryUserName(user) });\n    setTerm('');\n  };\n\n  // If the directory query fails (e.g. RBAC), offer manual entry automatically.\n  const searchUnavailable = search.isError;\n\n  if (manual || searchUnavailable) {\n    return (\n      <FormField\n        label=\"User ID\"\n        htmlFor=\"member-user-id\"\n        required={required}\n        hint={\n          searchUnavailable\n            ? 'User search is unavailable here — paste the auth-svc user id.'\n            : 'Paste the auth-svc user id.'\n        }\n      >\n        <input\n          id=\"member-user-id\"\n          className={fieldInputClass}\n          value={userId}\n          onChange={(e) => onSelect({ userId: e.target.value, displayName })}\n          placeholder=\"user-uuid\"\n        />\n        {!searchUnavailable && (\n          <button\n            type=\"button\"\n            onClick={() => setManual(false)}\n            className=\"mt-1 self-start text-xs font-medium text-primary hover:underline\"\n          >\n            Search the directory instead\n          </button>\n        )}\n      </FormField>\n    );\n  }\n\n  return (\n    <FormField label=\"Athlete / user\" required={required}>\n      {userId ? (\n        <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2\">\n          <span className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n            <UserIcon className=\"h-4 w-4\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"truncate text-sm font-medium text-text-primary\">\n              {displayName || 'Selected user'}\n            </p>\n            <p className=\"truncate text-xs text-text-secondary\">{userId}</p>\n          </div>\n          <button\n            type=\"button\"\n            aria-label=\"Clear selected user\"\n            onClick={() => onSelect({ userId: '', displayName: '' })}\n            className=\"rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          <div className=\"relative\">\n            <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              className={cn(fieldInputClass, 'pl-9')}\n              value={term}\n              onChange={(e) => setTerm(e.target.value)}\n              placeholder=\"Search by name or email…\"\n              aria-label=\"Search users by name or email\"\n            />\n            {search.isFetching && (\n              <Loader2 className=\"absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-text-secondary\" />\n            )}\n          </div>\n\n          {active && !search.isFetching && results.length === 0 && (\n            <p className=\"text-xs text-text-secondary\">No users match “{term.trim()}”.</p>\n          )}\n\n          {results.length > 0 && (\n            <ul className=\"max-h-56 divide-y divide-border-seam overflow-auto rounded-lg border border-border-seam bg-bg-surface\">\n              {results.map((user) => (\n                <li key={user.id}>\n                  <button\n                    type=\"button\"\n                    onClick={() => pick(user)}\n                    className=\"flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-bg-sunken\"\n                  >\n                    <span className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n                      <UserIcon className=\"h-4 w-4\" />\n                    </span>\n                    <span className=\"min-w-0 flex-1\">\n                      <span className=\"block truncate text-sm font-medium text-text-primary\">\n                        {directoryUserName(user)}\n                      </span>\n                      <span className=\"block truncate text-xs text-text-secondary\">\n                        {user.email}\n                      </span>\n                    </span>\n                    <Check className=\"h-4 w-4 shrink-0 text-text-secondary opacity-0\" />\n                  </button>\n                </li>\n              ))}\n            </ul>\n          )}\n\n          <button\n            type=\"button\"\n            onClick={() => setManual(true)}\n            className=\"text-xs font-medium text-primary hover:underline\"\n          >\n            Enter a user ID manually\n          </button>\n        </div>\n      )}\n    </FormField>\n  );\n}\n"],"mappings":";;;;;;;AA8BA,SAAgB,EAAiB,EAC/B,WACA,gBACA,aACA,cAAW,MACa;CACxB,IAAM,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAQ,KAAa,EAAS,GAAM,EAErC,IAAS,EAAc,EAAK,EAC5B,IAAU,EAAO,QAAQ,EAAE,EAC3B,IAAS,EAAK,MAAM,CAAC,UAAU,GAE/B,KAAQ,MAAwB;AAEpC,EADA,EAAS;GAAE,QAAQ,EAAK;GAAI,aAAa,EAAkB,EAAK;GAAE,CAAC,EACnE,EAAQ,GAAG;IAIP,IAAoB,EAAO;AAkCjC,QAhCI,KAAU,IAEV,kBAAC,GAAD;EACE,OAAM;EACN,SAAQ;EACE;EACV,MACE,IACI,kEACA;YAPR,CAUE,kBAAC,SAAD;GACE,IAAG;GACH,WAAW;GACX,OAAO;GACP,WAAW,MAAM,EAAS;IAAE,QAAQ,EAAE,OAAO;IAAO;IAAa,CAAC;GAClE,aAAY;GACZ,CAAA,EACD,CAAC,KACA,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAU,GAAM;GAC/B,WAAU;aACX;GAEQ,CAAA,CAED;MAKd,kBAAC,GAAD;EAAW,OAAM;EAA2B;YACzC,IACC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;KAC3B,CAAA;IACP,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,KAAe;MACd,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAAwC;MAAW,CAAA,CAC5D;;IACN,kBAAC,UAAD;KACE,MAAK;KACL,cAAW;KACX,eAAe,EAAS;MAAE,QAAQ;MAAI,aAAa;MAAI,CAAC;KACxD,WAAU;eAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;KAClB,CAAA;IACL;OAEN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAQ,WAAU,4FAA6F,CAAA;MAC/G,kBAAC,SAAD;OACE,WAAW,EAAG,GAAiB,OAAO;OACtC,OAAO;OACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;OACxC,aAAY;OACZ,cAAW;OACX,CAAA;MACD,EAAO,cACN,kBAAC,GAAD,EAAS,WAAU,sFAAuF,CAAA;MAExG;;IAEL,KAAU,CAAC,EAAO,cAAc,EAAQ,WAAW,KAClD,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA2C;MAAiB,EAAK,MAAM;MAAC;MAAM;;IAG/E,EAAQ,SAAS,KAChB,kBAAC,MAAD;KAAI,WAAU;eACX,EAAQ,KAAK,MACZ,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAK,EAAK;MACzB,WAAU;gBAHZ;OAKE,kBAAC,QAAD;QAAM,WAAU;kBACd,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;QAC3B,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAkB,EAAK;SACnB,CAAA,EACP,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAK;SACD,CAAA,CACF;;OACP,kBAAC,GAAD,EAAO,WAAU,kDAAmD,CAAA;OAC7D;SACN,EAnBI,EAAK,GAmBT,CACL;KACC,CAAA;IAGP,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAU,GAAK;KAC9B,WAAU;eACX;KAEQ,CAAA;IACL;;EAEE,CAAA"}