@burdenoff/microfe-atheletebridge 2026.705.2 → 2026.706.1

package/dist/atheletebridge/pages/sessions/SessionsListPage.js

@@ -3,14 +3,14 @@ import { PageLayout as t } from "../../components/PageLayout.js";
 import { SessionCard as n } from "../../components/SessionCard.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { ErrorState as i, LoadingState as a } from "../../components/LoadingState.js";
-import { useSessions as o } from "../../hooks/useAthleteBridgeApi.js";
-import { FilterSelect as s } from "../../components/FilterSelect.js";
-import { CursorPager as c } from "../../components/CursorPager.js";
-import { useState as l } from "react";
-import { ClipboardCheck as u, Plus as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useSessions as o, useUserDirectory as s } from "../../hooks/useAthleteBridgeApi.js";
+import { FilterSelect as c } from "../../components/FilterSelect.js";
+import { CursorPager as l } from "../../components/CursorPager.js";
+import { useMemo as u, useState as d } from "react";
+import { ClipboardCheck as f, Plus as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/atheletebridge/pages/sessions/SessionsListPage.tsx
-var h = 12, g = [
+var _ = 12, v = [
 	{
 		value: "REQUESTED",
 		label: "Requested"
@@ -32,61 +32,63 @@ var h = 12, g = [
 		label: "No show"
 	}
 ];
-function _() {
-	let { navigateTo: _ } = e(), [v, y] = l(""), [b, x] = l(0), S = o({
-		status: v || void 0,
+function y() {
+	let { navigateTo: y } = e(), [b, x] = d(""), [S, C] = d(0), w = o({
+		status: b || void 0,
 		pagination: {
-			limit: h,
-			offset: b * h
+			limit: _,
+			offset: S * _
 		}
-	}), C = S.data?.items ?? [], w = S.data?.pageInfo.hasMore ?? !1;
-	return /* @__PURE__ */ m(t, {
+	}), T = w.data?.items ?? [], E = w.data?.pageInfo.hasMore ?? !1, D = s(u(() => (w.data?.items ?? []).flatMap((e) => [e.athleteId, e.coachId]), [w.data]));
+	return /* @__PURE__ */ g(t, {
 		title: "Sessions",
 		description: "One-to-one coaching sessions with a request → confirm → complete flow.",
-		actions: /* @__PURE__ */ m("button", {
+		actions: /* @__PURE__ */ g("button", {
 			type: "button",
-			onClick: () => _("/sessions/new"),
+			onClick: () => y("/sessions/new"),
 			className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ p(d, { className: "h-4 w-4" }), " Book session"]
+			children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), " Book session"]
 		}),
-		children: [/* @__PURE__ */ p("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "mb-6 flex flex-wrap items-center gap-3",
-			children: /* @__PURE__ */ p(s, {
+			children: /* @__PURE__ */ h(c, {
 				ariaLabel: "Filter by status",
 				allLabel: "All statuses",
-				value: v,
+				value: b,
 				onChange: (e) => {
-					y(e), x(0);
+					x(e), C(0);
 				},
-				options: g
+				options: v
 			})
-		}), S.isLoading ? /* @__PURE__ */ p(a, { label: "Loading sessions…" }) : S.isError ? /* @__PURE__ */ p(i, { onRetry: () => void S.refetch() }) : C.length === 0 ? /* @__PURE__ */ p(r, {
+		}), w.isLoading ? /* @__PURE__ */ h(a, { label: "Loading sessions…" }) : w.isError ? /* @__PURE__ */ h(i, { onRetry: () => void w.refetch() }) : T.length === 0 ? /* @__PURE__ */ h(r, {
 			illustration: "empty-calendar",
-			icon: /* @__PURE__ */ p(u, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ h(f, { className: "h-10 w-10" }),
 			title: "No sessions found",
-			description: v ? "Try clearing your filter to see all sessions." : "Book a coaching session with an athlete to get started.",
-			action: /* @__PURE__ */ p("button", {
+			description: b ? "Try clearing your filter to see all sessions." : "Book a coaching session with an athlete to get started.",
+			action: /* @__PURE__ */ h("button", {
 				type: "button",
-				onClick: () => _("/sessions/new"),
+				onClick: () => y("/sessions/new"),
 				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
 				children: "Book session"
 			})
-		}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+		}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
 			className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-			children: C.map((e) => /* @__PURE__ */ p(n, {
+			children: T.map((e) => /* @__PURE__ */ h(n, {
 				session: e,
-				onClick: () => _(`/sessions/${e.id}`)
+				athleteName: D.nameOf(e.athleteId),
+				coachName: D.nameOf(e.coachId),
+				onClick: () => y(`/sessions/${e.id}`)
 			}, e.id))
-		}), /* @__PURE__ */ p(c, {
+		}), /* @__PURE__ */ h(l, {
 			className: "mt-6",
-			page: b,
-			hasMore: w,
-			onPrev: () => x((e) => Math.max(0, e - 1)),
-			onNext: () => x((e) => e + 1)
+			page: S,
+			hasMore: E,
+			onPrev: () => C((e) => Math.max(0, e - 1)),
+			onNext: () => C((e) => e + 1)
 		})] })]
 	});
 }
 //#endregion
-export { _ as SessionsListPage };
+export { y as SessionsListPage };
 
 //# sourceMappingURL=SessionsListPage.js.map

package/dist/atheletebridge/pages/sessions/SessionsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionsListPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/sessions/SessionsListPage.tsx"],"sourcesContent":["/**\n * Sessions List\n * @module atheletebridge/pages/sessions\n */\n\nimport { useState } from 'react';\nimport { ClipboardCheck, Plus } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { SessionCard } from '../../components/SessionCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FilterSelect } from '../../components/FilterSelect';\nimport { CursorPager } from '../../components/CursorPager';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useSessions } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSessionStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\nconst STATUS_OPTS: ReadonlyArray<{ value: AthSessionStatus; label: string }> = [\n  { value: 'REQUESTED', label: 'Requested' },\n  { value: 'CONFIRMED', label: 'Confirmed' },\n  { value: 'COMPLETED', label: 'Completed' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n  { value: 'NO_SHOW', label: 'No show' },\n];\n\nexport function SessionsListPage() {\n  const { navigateTo } = useAthleteBridge();\n  const [status, setStatus] = useState<AthSessionStatus | ''>('');\n  const [page, setPage] = useState(0);\n\n  const sessions = useSessions({\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = sessions.data?.items ?? [];\n  const hasMore = sessions.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Sessions\"\n      description=\"One-to-one coaching sessions with a request → confirm → complete flow.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/sessions/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" /> Book session\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-3\">\n        <FilterSelect\n          ariaLabel=\"Filter by status\"\n          allLabel=\"All statuses\"\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            setPage(0);\n          }}\n          options={STATUS_OPTS}\n        />\n      </div>\n\n      {sessions.isLoading ? (\n        <LoadingState label=\"Loading sessions…\" />\n      ) : sessions.isError ? (\n        <ErrorState onRetry={() => void sessions.refetch()} />\n      ) : items.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-calendar\"\n          icon={<ClipboardCheck className=\"h-10 w-10\" />}\n          title=\"No sessions found\"\n          description={\n            status\n              ? 'Try clearing your filter to see all sessions.'\n              : 'Book a coaching session with an athlete to get started.'\n          }\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/sessions/new')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n            >\n              Book session\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {items.map((session) => (\n              <SessionCard\n                key={session.id}\n                session={session}\n                onClick={() => navigateTo(`/sessions/${session.id}`)}\n              />\n            ))}\n          </div>\n          <CursorPager\n            className=\"mt-6\"\n            page={page}\n            hasMore={hasMore}\n            onPrev={() => setPage((p) => Math.max(0, p - 1))}\n            onNext={() => setPage((p) => p + 1)}\n          />\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,IAAY,IAEZ,IAAyE;CAC7E;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAW,OAAO;EAAW;CACvC;AAED,SAAgB,IAAmB;CACjC,IAAM,EAAE,kBAAe,GAAkB,EACnC,CAAC,GAAQ,KAAa,EAAgC,GAAG,EACzD,CAAC,GAAM,KAAW,EAAS,EAAE,EAE7B,IAAW,EAAY;EAC3B,QAAQ,KAAU,KAAA;EAClB,YAAY;GAAE,OAAO;GAAW,QAAQ,IAAO;GAAW;EAC3D,CAAC,EAEI,IAAQ,EAAS,MAAM,SAAS,EAAE,EAClC,IAAU,EAAS,MAAM,SAAS,WAAW;AAEnD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,gBAAgB;GAC1C,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBACrB;;YAVb,CAaE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,WAAU;IACV,UAAS;IACT,OAAO;IACP,WAAW,MAAM;AAEf,KADA,EAAU,EAAE,EACZ,EAAQ,EAAE;;IAEZ,SAAS;IACT,CAAA;GACE,CAAA,EAEL,EAAS,YACR,kBAAC,GAAD,EAAc,OAAM,qBAAsB,CAAA,GACxC,EAAS,UACX,kBAAC,GAAD,EAAY,eAAe,KAAK,EAAS,SAAS,EAAI,CAAA,GACpD,EAAM,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAgB,WAAU,aAAc,CAAA;GAC9C,OAAM;GACN,aACE,IACI,kDACA;GAEN,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,gBAAgB;IAC1C,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,GAAD;IAEW;IACT,eAAe,EAAW,aAAa,EAAQ,KAAK;IACpD,EAHK,EAAQ,GAGb,CACF;GACE,CAAA,EACN,kBAAC,GAAD;GACE,WAAU;GACJ;GACG;GACT,cAAc,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;GAChD,cAAc,GAAS,MAAM,IAAI,EAAE;GACnC,CAAA,CACD,EAAA,CAAA,CAEM"}
+{"version":3,"file":"SessionsListPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/sessions/SessionsListPage.tsx"],"sourcesContent":["/**\n * Sessions List\n * @module atheletebridge/pages/sessions\n */\n\nimport { useMemo, useState } from 'react';\nimport { ClipboardCheck, Plus } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { SessionCard } from '../../components/SessionCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FilterSelect } from '../../components/FilterSelect';\nimport { CursorPager } from '../../components/CursorPager';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useSessions, useUserDirectory } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSessionStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\nconst STATUS_OPTS: ReadonlyArray<{ value: AthSessionStatus; label: string }> = [\n  { value: 'REQUESTED', label: 'Requested' },\n  { value: 'CONFIRMED', label: 'Confirmed' },\n  { value: 'COMPLETED', label: 'Completed' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n  { value: 'NO_SHOW', label: 'No show' },\n];\n\nexport function SessionsListPage() {\n  const { navigateTo } = useAthleteBridge();\n  const [status, setStatus] = useState<AthSessionStatus | ''>('');\n  const [page, setPage] = useState(0);\n\n  const sessions = useSessions({\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = sessions.data?.items ?? [];\n  const hasMore = sessions.data?.pageInfo.hasMore ?? false;\n\n  // Resolve the athlete + coach behind each session so cards read like the mock\n  // (name + monogram avatar) rather than a bare id. One batched federation call.\n  const directoryIds = useMemo(\n    () => (sessions.data?.items ?? []).flatMap((s) => [s.athleteId, s.coachId]),\n    [sessions.data]\n  );\n  const directory = useUserDirectory(directoryIds);\n\n  return (\n    <PageLayout\n      title=\"Sessions\"\n      description=\"One-to-one coaching sessions with a request → confirm → complete flow.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/sessions/new')}\n          className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n        >\n          <Plus className=\"h-4 w-4\" /> Book session\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-3\">\n        <FilterSelect\n          ariaLabel=\"Filter by status\"\n          allLabel=\"All statuses\"\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            setPage(0);\n          }}\n          options={STATUS_OPTS}\n        />\n      </div>\n\n      {sessions.isLoading ? (\n        <LoadingState label=\"Loading sessions…\" />\n      ) : sessions.isError ? (\n        <ErrorState onRetry={() => void sessions.refetch()} />\n      ) : items.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-calendar\"\n          icon={<ClipboardCheck className=\"h-10 w-10\" />}\n          title=\"No sessions found\"\n          description={\n            status\n              ? 'Try clearing your filter to see all sessions.'\n              : 'Book a coaching session with an athlete to get started.'\n          }\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/sessions/new')}\n              className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n            >\n              Book session\n            </button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {items.map((session) => (\n              <SessionCard\n                key={session.id}\n                session={session}\n                athleteName={directory.nameOf(session.athleteId)}\n                coachName={directory.nameOf(session.coachId)}\n                onClick={() => navigateTo(`/sessions/${session.id}`)}\n              />\n            ))}\n          </div>\n          <CursorPager\n            className=\"mt-6\"\n            page={page}\n            hasMore={hasMore}\n            onPrev={() => setPage((p) => Math.max(0, p - 1))}\n            onNext={() => setPage((p) => p + 1)}\n          />\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,IAAY,IAEZ,IAAyE;CAC7E;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAW,OAAO;EAAW;CACvC;AAED,SAAgB,IAAmB;CACjC,IAAM,EAAE,kBAAe,GAAkB,EACnC,CAAC,GAAQ,KAAa,EAAgC,GAAG,EACzD,CAAC,GAAM,KAAW,EAAS,EAAE,EAE7B,IAAW,EAAY;EAC3B,QAAQ,KAAU,KAAA;EAClB,YAAY;GAAE,OAAO;GAAW,QAAQ,IAAO;GAAW;EAC3D,CAAC,EAEI,IAAQ,EAAS,MAAM,SAAS,EAAE,EAClC,IAAU,EAAS,MAAM,SAAS,WAAW,IAQ7C,IAAY,EAJG,SACZ,EAAS,MAAM,SAAS,EAAE,EAAE,SAAS,MAAM,CAAC,EAAE,WAAW,EAAE,QAAQ,CAAC,EAC3E,CAAC,EAAS,KAAK,CAChB,CAC+C;AAEhD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,gBAAgB;GAC1C,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBACrB;;YAVb,CAaE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,WAAU;IACV,UAAS;IACT,OAAO;IACP,WAAW,MAAM;AAEf,KADA,EAAU,EAAE,EACZ,EAAQ,EAAE;;IAEZ,SAAS;IACT,CAAA;GACE,CAAA,EAEL,EAAS,YACR,kBAAC,GAAD,EAAc,OAAM,qBAAsB,CAAA,GACxC,EAAS,UACX,kBAAC,GAAD,EAAY,eAAe,KAAK,EAAS,SAAS,EAAI,CAAA,GACpD,EAAM,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAgB,WAAU,aAAc,CAAA;GAC9C,OAAM;GACN,aACE,IACI,kDACA;GAEN,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,gBAAgB;IAC1C,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,GAAD;IAEW;IACT,aAAa,EAAU,OAAO,EAAQ,UAAU;IAChD,WAAW,EAAU,OAAO,EAAQ,QAAQ;IAC5C,eAAe,EAAW,aAAa,EAAQ,KAAK;IACpD,EALK,EAAQ,GAKb,CACF;GACE,CAAA,EACN,kBAAC,GAAD;GACE,WAAU;GACJ;GACG;GACT,cAAc,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;GAChD,cAAc,GAAS,MAAM,IAAI,EAAE;GACnC,CAAA,CACD,EAAA,CAAA,CAEM"}