@burdenoff/microfe-comradecircle 2026.525.1 → 2026.704.2

package/dist/comradecircle/pages/events/EventsPage.js

@@ -0,0 +1,102 @@
+import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../context/index.js";
+import { useComEvents as n } from "../../hooks/useComradeCircleApi.js";
+import { useCursorPager as r } from "../../hooks/useCursorPager.js";
+import "../../hooks/index.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
+import { Pagination as s } from "../../components/Pagination.js";
+import { EventCard as c } from "../../components/EventCard.js";
+import { CreateEventDialog as l } from "../../components/CreateEventDialog.js";
+import { FilterTabs as u } from "../../components/FilterTabs.js";
+import { useState as d } from "react";
+import { CalendarDays as f, Plus as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/pages/events/EventsPage.tsx
+var _ = 12, v = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "SCHEDULED",
+		label: "Scheduled"
+	},
+	{
+		value: "LIVE",
+		label: "Live"
+	},
+	{
+		value: "COMPLETED",
+		label: "Completed"
+	},
+	{
+		value: "CANCELLED",
+		label: "Cancelled"
+	}
+];
+function y() {
+	let { navigateTo: y } = e(), b = r(), [x, S] = d("ALL"), [C, w] = d(!1), { data: T, isLoading: E, isError: D, refetch: O } = n({
+		status: x === "ALL" ? void 0 : x,
+		pagination: {
+			limit: _,
+			cursor: b.cursor
+		}
+	}), k = T?.items ?? [];
+	return /* @__PURE__ */ h(t, {
+		title: "Events",
+		description: "Upcoming and past gatherings across all the circles you belong to.",
+		actions: /* @__PURE__ */ h(g, {
+			onClick: () => w(!0),
+			children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " New event"]
+		}),
+		children: [
+			/* @__PURE__ */ m(u, {
+				options: v,
+				value: x,
+				onChange: (e) => {
+					S(e), b.reset();
+				},
+				className: "mb-5"
+			}),
+			E ? /* @__PURE__ */ m(o, { label: "Loading events…" }) : D ? /* @__PURE__ */ m(a, {
+				message: "We couldn't load events.",
+				onRetry: () => O()
+			}) : k.length === 0 && b.page === 0 ? /* @__PURE__ */ m(i, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ m(f, { className: "h-10 w-10" }),
+				title: x === "ALL" ? "No events yet" : "No events match this filter",
+				description: x === "ALL" ? "Schedule a gathering for one of your circles — online, in person, or hybrid." : "Try a different status, or schedule a new gathering for one of your circles.",
+				action: /* @__PURE__ */ h(g, {
+					onClick: () => w(!0),
+					children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " New event"]
+				})
+			}) : /* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-4",
+				children: [/* @__PURE__ */ m("div", {
+					className: "grid gap-4 md:grid-cols-2",
+					children: k.map((e) => /* @__PURE__ */ m(c, {
+						event: e,
+						onOpen: () => y("events/" + e.id)
+					}, e.id))
+				}), /* @__PURE__ */ m(s, {
+					page: b.page,
+					pageSize: _,
+					itemCount: k.length,
+					hasMore: T?.pageInfo.hasMore ?? !1,
+					onPageChange: (e) => b.onPageChange(e, T?.pageInfo.cursor)
+				})]
+			}),
+			/* @__PURE__ */ m(l, {
+				open: C,
+				onOpenChange: w
+			})
+		]
+	});
+}
+//#endregion
+export { y as EventsPage };
+
+//# sourceMappingURL=EventsPage.js.map

package/dist/comradecircle/pages/events/EventsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventsPage.js","names":[],"sources":["../../../../src/comradecircle/pages/events/EventsPage.tsx"],"sourcesContent":["/**\n * EventsPage — every event across the circles the member belongs to.\n * @module comradecircle/pages/events\n *\n * Reads `comListEvents` (all circles, newest-scheduled first) with a lifecycle\n * status filter (scheduled → live → completed → cancelled). Scheduling a new\n * event opens the shared {@link CreateEventDialog} without a fixed circle, so it\n * shows its own active-circle picker.\n */\n\nimport { useState } from 'react';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { EventCard } from '../../components/EventCard';\nimport { CreateEventDialog } from '../../components/CreateEventDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useComEvents, useCursorPager } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport type { ComEventStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' | ComEventStatus;\n\nconst STATUS_FILTERS: FilterOption<StatusFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'SCHEDULED', label: 'Scheduled' },\n  { value: 'LIVE', label: 'Live' },\n  { value: 'COMPLETED', label: 'Completed' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n];\n\nexport function EventsPage() {\n  const { navigateTo } = useComradeCircle();\n  const pager = useCursorPager();\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const { data, isLoading, isError, refetch } = useComEvents({\n    status: status === 'ALL' ? undefined : status,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const events = data?.items ?? [];\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatus(next);\n    pager.reset();\n  };\n\n  return (\n    <PageLayout\n      title=\"Events\"\n      description=\"Upcoming and past gatherings across all the circles you belong to.\"\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n        </Button>\n      }\n    >\n      <FilterTabs\n        options={STATUS_FILTERS}\n        value={status}\n        onChange={changeStatus}\n        className=\"mb-5\"\n      />\n\n      {isLoading ? (\n        <LoadingView label=\"Loading events…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load events.\" onRetry={() => refetch()} />\n      ) : events.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<CalendarDays className=\"h-10 w-10\" />}\n          title={status === 'ALL' ? 'No events yet' : 'No events match this filter'}\n          description={\n            status === 'ALL'\n              ? 'Schedule a gathering for one of your circles — online, in person, or hybrid.'\n              : 'Try a different status, or schedule a new gathering for one of your circles.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n            </Button>\n          }\n        />\n      ) : (\n        <div className=\"flex flex-col gap-4\">\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            {events.map((event) => (\n              <EventCard\n                key={event.id}\n                event={event}\n                onOpen={() => navigateTo('events/' + event.id)}\n              />\n            ))}\n          </div>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={events.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n\n      <CreateEventDialog open={createOpen} onOpenChange={setCreateOpen} />\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAM,IAAY,IAIZ,IAA+C;CACnD;EAAE,OAAO;EAAO,OAAO;EAAO;CAC9B;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC3C;AAED,SAAgB,IAAa;CAC3B,IAAM,EAAE,kBAAe,GAAkB,EACnC,IAAQ,GAAgB,EACxB,CAAC,GAAQ,KAAa,EAAuB,MAAM,EACnD,CAAC,GAAY,KAAiB,EAAS,GAAM,EAE7C,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa;EACzD,QAAQ,MAAW,QAAQ,KAAA,IAAY;EACvC,YAAY;GAAE,OAAO;GAAW,QAAQ,EAAM;GAAQ;EACvD,CAAC,EAEI,IAAS,GAAM,SAAS,EAAE;AAOhC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,eAAe,EAAc,GAAK;aAA1C,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,aAC5B;;YANb;GASE,kBAAC,GAAD;IACE,SAAS;IACT,OAAO;IACP,WAlBgB,MAAuB;AAE3C,KADA,EAAU,EAAK,EACf,EAAM,OAAO;;IAiBT,WAAU;IACV,CAAA;GAED,IACC,kBAAC,GAAD,EAAa,OAAM,mBAAoB,CAAA,GACrC,IACF,kBAAC,GAAD;IAAW,SAAQ;IAA2B,eAAe,GAAS;IAAI,CAAA,GACxE,EAAO,WAAW,KAAK,EAAM,SAAS,IACxC,kBAAC,GAAD;IACE,cAAa;IACb,MAAM,kBAAC,GAAD,EAAc,WAAU,aAAc,CAAA;IAC5C,OAAO,MAAW,QAAQ,kBAAkB;IAC5C,aACE,MAAW,QACP,iFACA;IAEN,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAc,GAAK;eAA1C,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EAAA,aAC5B;;IAEX,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,MACX,kBAAC,GAAD;MAES;MACP,cAAc,EAAW,YAAY,EAAM,GAAG;MAC9C,EAHK,EAAM,GAGX,CACF;KACE,CAAA,EACN,kBAAC,GAAD;KACE,MAAM,EAAM;KACZ,UAAU;KACV,WAAW,EAAO;KAClB,SAAS,GAAM,SAAS,WAAW;KACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,OAAO;KAC3E,CAAA,CACE;;GAGR,kBAAC,GAAD;IAAmB,MAAM;IAAY,cAAc;IAAiB,CAAA;GACzD"}

package/dist/comradecircle/pages/members/MemberProfilePage.js

@@ -0,0 +1,138 @@
+import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../context/index.js";
+import { useComFollow as n, useComMyFollows as r, useComProfile as i, useComUnfollow as a } from "../../hooks/useComradeCircleApi.js";
+import "../../hooks/index.js";
+import { Avatar as o } from "../../components/Avatar.js";
+import { describeError as s, notify as c } from "../../lib/toast.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { ErrorView as u, LoadingView as d, Section as f } from "../../components/StateViews.js";
+import { StatusBadge as p } from "../../components/StatusBadge.js";
+import { ArrowLeft as m, Pencil as h, UserCheck as g, UserPlus as _, UserX as v } from "lucide-react";
+import { useParams as y } from "react-router-dom";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Button as S } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/pages/members/MemberProfilePage.tsx
+function C({ items: e }) {
+	return /* @__PURE__ */ b("div", {
+		className: "flex flex-wrap gap-1.5",
+		children: e.map((e) => /* @__PURE__ */ b("span", {
+			className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+			children: e
+		}, e))
+	});
+}
+function w() {
+	let { memberId: w } = y(), { navigateTo: T, currentUser: E } = e(), { data: D, isLoading: O, isError: k, refetch: A } = i(w), j = r("MEMBER"), M = n(), N = a(), P = /* @__PURE__ */ x(S, {
+		variant: "ghost",
+		size: "sm",
+		onClick: () => T("members"),
+		children: [/* @__PURE__ */ b(m, { className: "mr-1.5 h-4 w-4" }), " Back"]
+	});
+	if (O) return /* @__PURE__ */ b(t, {
+		title: "Profile",
+		actions: P,
+		children: /* @__PURE__ */ b(d, { label: "Loading profile…" })
+	});
+	if (k) return /* @__PURE__ */ b(t, {
+		title: "Profile",
+		actions: P,
+		children: /* @__PURE__ */ b(u, {
+			message: "We couldn't load this member's profile.",
+			onRetry: () => A()
+		})
+	});
+	if (!D) return /* @__PURE__ */ b(t, {
+		title: "Profile",
+		actions: P,
+		children: /* @__PURE__ */ b(l, {
+			icon: /* @__PURE__ */ b(v, { className: "h-10 w-10" }),
+			title: "No profile",
+			description: "This member hasn't set up a ComradeCircle profile yet."
+		})
+	});
+	let F = !!(w && E?.id === w), I = (j.data ?? []).some((e) => e.targetId === w && e.targetType === "MEMBER"), L = M.isPending || N.isPending, R = async () => {
+		if (w) try {
+			I ? (await N.mutateAsync({
+				targetId: w,
+				targetType: "MEMBER"
+			}), c.success("Unfollowed", D.displayName)) : (await M.mutateAsync({
+				targetId: w,
+				targetType: "MEMBER"
+			}), c.success("Following", D.displayName));
+		} catch (e) {
+			c.error("Could not update follow", s(e));
+		}
+	}, z = F ? /* @__PURE__ */ x(S, {
+		variant: "outline",
+		onClick: () => T("profile"),
+		children: [/* @__PURE__ */ b(h, { className: "mr-1.5 h-4 w-4" }), " Edit profile"]
+	}) : I ? /* @__PURE__ */ x(S, {
+		variant: "outline",
+		onClick: R,
+		disabled: L,
+		children: [/* @__PURE__ */ b(g, { className: "mr-1.5 h-4 w-4" }), " Following"]
+	}) : /* @__PURE__ */ x(S, {
+		onClick: R,
+		disabled: L,
+		children: [/* @__PURE__ */ b(_, { className: "mr-1.5 h-4 w-4" }), " Follow"]
+	});
+	return /* @__PURE__ */ b(t, {
+		title: "Profile",
+		actions: P,
+		children: /* @__PURE__ */ x("div", {
+			className: "mx-auto flex max-w-2xl flex-col gap-6",
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "rounded-2xl border border-border-seam bg-bg-surface p-6",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex flex-col gap-5 sm:flex-row sm:items-start sm:justify-between",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex flex-col items-center gap-4 sm:flex-row sm:items-start",
+							children: [/* @__PURE__ */ b(o, {
+								name: D.displayName,
+								presence: D.presence,
+								size: "xl",
+								fileId: D.avatar?.id
+							}), /* @__PURE__ */ x("div", {
+								className: "min-w-0 text-center sm:text-left",
+								children: [
+									/* @__PURE__ */ b("h2", {
+										className: "text-2xl font-semibold text-text-primary",
+										children: D.displayName
+									}),
+									D.headline && /* @__PURE__ */ b("p", {
+										className: "mt-1 text-sm text-text-secondary",
+										children: D.headline
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "mt-3 flex justify-center sm:justify-start",
+										children: /* @__PURE__ */ b(p, { status: D.presence })
+									})
+								]
+							})]
+						}), /* @__PURE__ */ b("div", {
+							className: "flex shrink-0 justify-center sm:justify-end",
+							children: z
+						})]
+					}), D.bio && /* @__PURE__ */ b("p", {
+						className: "mt-5 whitespace-pre-wrap text-sm text-text-secondary",
+						children: D.bio
+					})]
+				}),
+				D.interests.length > 0 && /* @__PURE__ */ b(f, {
+					title: "Interests",
+					children: /* @__PURE__ */ b(C, { items: D.interests })
+				}),
+				D.skills.length > 0 && /* @__PURE__ */ b(f, {
+					title: "Skills",
+					children: /* @__PURE__ */ b(C, { items: D.skills })
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { w as MemberProfilePage };
+
+//# sourceMappingURL=MemberProfilePage.js.map

package/dist/comradecircle/pages/members/MemberProfilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberProfilePage.js","names":[],"sources":["../../../../src/comradecircle/pages/members/MemberProfilePage.tsx"],"sourcesContent":["/**\n * MemberProfilePage — a single member's public social profile.\n * @module comradecircle/pages/members\n *\n * Reads `comProfile(memberId)` (the social-identity layer). The visitor can\n * follow / unfollow the member (state derived from `comMyFollows('MEMBER')`);\n * on their own profile the action becomes an \"Edit profile\" shortcut. Interests\n * and skills render as token-only chips and hide when empty.\n */\n\nimport { ArrowLeft, UserX, UserPlus, UserCheck, Pencil } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { useComProfile, useComMyFollows, useComFollow, useComUnfollow } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport { useParams } from 'react-router-dom';\n\nfunction ChipList({ items }: { items: string[] }) {\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {items.map((item) => (\n        <span\n          key={item}\n          className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n        >\n          {item}\n        </span>\n      ))}\n    </div>\n  );\n}\n\nexport function MemberProfilePage() {\n  const { memberId } = useParams<{ memberId: string }>();\n  const { navigateTo, currentUser } = useComradeCircle();\n  const { data: profile, isLoading, isError, refetch } = useComProfile(memberId);\n\n  const follows = useComMyFollows('MEMBER');\n  const follow = useComFollow();\n  const unfollow = useComUnfollow();\n\n  const back = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('members')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <LoadingView label=\"Loading profile…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <ErrorView message=\"We couldn't load this member's profile.\" onRetry={() => refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!profile) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <EmptyState\n          icon={<UserX className=\"h-10 w-10\" />}\n          title=\"No profile\"\n          description=\"This member hasn't set up a ComradeCircle profile yet.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  const isSelf = Boolean(memberId && currentUser?.id === memberId);\n  const isFollowing = (follows.data ?? []).some(\n    (f) => f.targetId === memberId && f.targetType === 'MEMBER'\n  );\n  const followPending = follow.isPending || unfollow.isPending;\n\n  const toggleFollow = async () => {\n    if (!memberId) return;\n    try {\n      if (isFollowing) {\n        await unfollow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success('Unfollowed', profile.displayName);\n      } else {\n        await follow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success('Following', profile.displayName);\n      }\n    } catch (err) {\n      notify.error('Could not update follow', describeError(err));\n    }\n  };\n\n  const action = isSelf ? (\n    <Button variant=\"outline\" onClick={() => navigateTo('profile')}>\n      <Pencil className=\"mr-1.5 h-4 w-4\" /> Edit profile\n    </Button>\n  ) : isFollowing ? (\n    <Button variant=\"outline\" onClick={toggleFollow} disabled={followPending}>\n      <UserCheck className=\"mr-1.5 h-4 w-4\" /> Following\n    </Button>\n  ) : (\n    <Button onClick={toggleFollow} disabled={followPending}>\n      <UserPlus className=\"mr-1.5 h-4 w-4\" /> Follow\n    </Button>\n  );\n\n  return (\n    <PageLayout title=\"Profile\" actions={back}>\n      <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n        {/* Identity header */}\n        <div className=\"rounded-2xl border border-border-seam bg-bg-surface p-6\">\n          <div className=\"flex flex-col gap-5 sm:flex-row sm:items-start sm:justify-between\">\n            <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-start\">\n              <Avatar\n                name={profile.displayName}\n                presence={profile.presence}\n                size=\"xl\"\n                fileId={profile.avatar?.id}\n              />\n              <div className=\"min-w-0 text-center sm:text-left\">\n                <h2 className=\"text-2xl font-semibold text-text-primary\">{profile.displayName}</h2>\n                {profile.headline && (\n                  <p className=\"mt-1 text-sm text-text-secondary\">{profile.headline}</p>\n                )}\n                <div className=\"mt-3 flex justify-center sm:justify-start\">\n                  <StatusBadge status={profile.presence} />\n                </div>\n              </div>\n            </div>\n            <div className=\"flex shrink-0 justify-center sm:justify-end\">{action}</div>\n          </div>\n\n          {profile.bio && (\n            <p className=\"mt-5 whitespace-pre-wrap text-sm text-text-secondary\">{profile.bio}</p>\n          )}\n        </div>\n\n        {profile.interests.length > 0 && (\n          <Section title=\"Interests\">\n            <ChipList items={profile.interests} />\n          </Section>\n        )}\n\n        {profile.skills.length > 0 && (\n          <Section title=\"Skills\">\n            <ChipList items={profile.skills} />\n          </Section>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/pages/members/MembersPage.js

@@ -0,0 +1,153 @@
+import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import "../../context/index.js";
+import { useComFollow as n, useComMyFollows as r, useComProfiles as i, useComUnfollow as a } from "../../hooks/useComradeCircleApi.js";
+import { useCursorPager as o } from "../../hooks/useCursorPager.js";
+import "../../hooks/index.js";
+import { Avatar as s } from "../../components/Avatar.js";
+import { describeError as c, notify as l } from "../../lib/toast.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
+import { ErrorView as d, LoadingView as f } from "../../components/StateViews.js";
+import { Pagination as p } from "../../components/Pagination.js";
+import { StatusBadge as m } from "../../components/StatusBadge.js";
+import { useMemo as h, useState as g } from "react";
+import { Check as _, Search as v, UserPlus as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Button as S, GlassCard as C, Input as w } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/pages/members/MembersPage.tsx
+var T = 12;
+function E() {
+	let { navigateTo: E, currentUser: D } = e(), O = o(), [k, A] = g(""), [j, M] = g(null), { data: N, isLoading: P, isError: F, refetch: I } = i({
+		discoverable: !0,
+		pagination: {
+			limit: T,
+			cursor: O.cursor
+		}
+	}), { data: L } = r("MEMBER"), R = n(), z = a(), B = h(() => new Set((L ?? []).map((e) => e.targetId)), [L]), V = h(() => N?.items ?? [], [N]), H = h(() => {
+		let e = k.trim().toLowerCase();
+		return e ? V.filter((t) => [
+			t.displayName,
+			t.headline ?? "",
+			...t.skills,
+			...t.interests
+		].join(" ").toLowerCase().includes(e)) : V;
+	}, [V, k]), U = async (e) => {
+		let t = B.has(e.memberId), n = {
+			targetId: e.memberId,
+			targetType: "MEMBER"
+		};
+		M(e.memberId);
+		try {
+			t ? (await z.mutateAsync(n), l.success("Unfollowed", e.displayName)) : (await R.mutateAsync(n), l.success("Following", e.displayName));
+		} catch (e) {
+			l.error(t ? "Could not unfollow" : "Could not follow", c(e));
+		} finally {
+			M(null);
+		}
+	};
+	return /* @__PURE__ */ b(t, {
+		title: "Members",
+		description: "Discover and follow people across your circles — search by name, headline, or skills.",
+		children: P ? /* @__PURE__ */ b(f, { label: "Loading members…" }) : F ? /* @__PURE__ */ b(d, {
+			message: "We couldn't load the member directory.",
+			onRetry: () => I()
+		}) : V.length === 0 && O.page === 0 ? /* @__PURE__ */ b(u, {
+			illustration: "empty-people",
+			title: "No members to discover yet",
+			description: "When members make their profiles discoverable, they'll show up here for you to follow."
+		}) : /* @__PURE__ */ x("div", {
+			className: "flex flex-col gap-5",
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "relative w-full max-w-sm",
+					children: [/* @__PURE__ */ b(v, {
+						className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ b(w, {
+						value: k,
+						onChange: (e) => A(e.target.value),
+						placeholder: "Search by name, headline, or skills",
+						"aria-label": "Search members",
+						className: "pl-9"
+					})]
+				}),
+				H.length === 0 ? /* @__PURE__ */ b(u, {
+					icon: /* @__PURE__ */ b(v, { className: "h-9 w-9" }),
+					title: "No matches on this page",
+					description: "No members on this page match your search. Try a different term or browse another page."
+				}) : /* @__PURE__ */ b("div", {
+					className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
+					children: H.map((e) => {
+						let t = !!(D?.id && e.memberId === D.id), n = B.has(e.memberId), r = Array.from(new Set([...e.skills, ...e.interests])).slice(0, 4);
+						return /* @__PURE__ */ x(C, {
+							treatment: "plain",
+							className: "flex flex-col p-5",
+							children: [
+								/* @__PURE__ */ x("div", {
+									className: "flex items-start gap-3",
+									children: [/* @__PURE__ */ b(s, {
+										name: e.displayName,
+										presence: e.presence,
+										size: "lg",
+										fileId: e.avatar?.id
+									}), /* @__PURE__ */ x("div", {
+										className: "min-w-0 flex-1",
+										children: [
+											/* @__PURE__ */ b("button", {
+												type: "button",
+												onClick: () => E(`members/${e.memberId}`),
+												className: "block max-w-full truncate text-left text-base font-semibold text-text-primary hover:underline",
+												children: e.displayName
+											}),
+											e.headline && /* @__PURE__ */ b("p", {
+												className: "truncate text-sm text-text-secondary",
+												children: e.headline
+											}),
+											/* @__PURE__ */ b("div", {
+												className: "mt-1.5",
+												children: /* @__PURE__ */ b(m, { status: e.presence })
+											})
+										]
+									})]
+								}),
+								r.length > 0 && /* @__PURE__ */ b("div", {
+									className: "mt-3 flex flex-wrap gap-1.5",
+									children: r.map((e) => /* @__PURE__ */ b("span", {
+										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+										children: e
+									}, e))
+								}),
+								!t && /* @__PURE__ */ b("div", {
+									className: "mt-4 flex items-center justify-end border-t border-border-seam pt-3",
+									children: n ? /* @__PURE__ */ x(S, {
+										size: "sm",
+										variant: "outline",
+										onClick: () => U(e),
+										disabled: j === e.memberId,
+										children: [/* @__PURE__ */ b(_, { className: "mr-1.5 h-4 w-4" }), " Following"]
+									}) : /* @__PURE__ */ x(S, {
+										size: "sm",
+										onClick: () => U(e),
+										disabled: j === e.memberId,
+										children: [/* @__PURE__ */ b(y, { className: "mr-1.5 h-4 w-4" }), " Follow"]
+									})
+								})
+							]
+						}, e.id);
+					})
+				}),
+				/* @__PURE__ */ b(p, {
+					page: O.page,
+					pageSize: T,
+					itemCount: V.length,
+					hasMore: N?.pageInfo.hasMore ?? !1,
+					onPageChange: (e) => O.onPageChange(e, N?.pageInfo.cursor)
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { E as MembersPage };
+
+//# sourceMappingURL=MembersPage.js.map

package/dist/comradecircle/pages/members/MembersPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MembersPage.js","names":[],"sources":["../../../../src/comradecircle/pages/members/MembersPage.tsx"],"sourcesContent":["/**\n * MembersPage — the discoverable member directory.\n * @module comradecircle/pages/members\n *\n * Reads `comListProfiles(discoverable: true)` — every member who has opted into\n * discovery via their {@link ComProfile}. Each card resolves display identity\n * from the social-identity layer (never a raw actor id), links to the member's\n * public profile, and offers a Follow/Following toggle wired to `comFollow` /\n * `comUnfollow` (targetType MEMBER). An optional client-side search narrows the\n * current page by name, headline, skills, or interests.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Search, UserPlus, Check } from 'lucide-react';\nimport { GlassCard, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n  useComProfiles,\n  useComMyFollows,\n  useComFollow,\n  useComUnfollow,\n  useCursorPager,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport type { ComProfile } from '../../types';\n\nconst PAGE_SIZE = 12;\n\nexport function MembersPage() {\n  const { navigateTo, currentUser } = useComradeCircle();\n  const pager = useCursorPager();\n  const [search, setSearch] = useState('');\n  const [pendingId, setPendingId] = useState<string | null>(null);\n\n  const { data, isLoading, isError, refetch } = useComProfiles({\n    discoverable: true,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  const { data: follows } = useComMyFollows('MEMBER');\n  const follow = useComFollow();\n  const unfollow = useComUnfollow();\n\n  const followSet = useMemo(() => new Set((follows ?? []).map((f) => f.targetId)), [follows]);\n\n  const profiles = useMemo(() => data?.items ?? [], [data]);\n\n  const visible = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return profiles;\n    return profiles.filter((p) => {\n      const haystack = [p.displayName, p.headline ?? '', ...p.skills, ...p.interests]\n        .join(' ')\n        .toLowerCase();\n      return haystack.includes(q);\n    });\n  }, [profiles, search]);\n\n  const toggleFollow = async (profile: ComProfile) => {\n    const wasFollowing = followSet.has(profile.memberId);\n    const input = { targetId: profile.memberId, targetType: 'MEMBER' as const };\n    setPendingId(profile.memberId);\n    try {\n      if (wasFollowing) {\n        await unfollow.mutateAsync(input);\n        notify.success('Unfollowed', profile.displayName);\n      } else {\n        await follow.mutateAsync(input);\n        notify.success('Following', profile.displayName);\n      }\n    } catch (err) {\n      notify.error(wasFollowing ? 'Could not unfollow' : 'Could not follow', describeError(err));\n    } finally {\n      setPendingId(null);\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Members\"\n      description=\"Discover and follow people across your circles — search by name, headline, or skills.\"\n    >\n      {isLoading ? (\n        <LoadingView label=\"Loading members…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load the member directory.\" onRetry={() => refetch()} />\n      ) : profiles.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-people\"\n          title=\"No members to discover yet\"\n          description=\"When members make their profiles discoverable, they'll show up here for you to follow.\"\n        />\n      ) : (\n        <div className=\"flex flex-col gap-5\">\n          <div className=\"relative w-full max-w-sm\">\n            <Search\n              className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\"\n              aria-hidden=\"true\"\n            />\n            <Input\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder=\"Search by name, headline, or skills\"\n              aria-label=\"Search members\"\n              className=\"pl-9\"\n            />\n          </div>\n\n          {visible.length === 0 ? (\n            <EmptyState\n              icon={<Search className=\"h-9 w-9\" />}\n              title=\"No matches on this page\"\n              description=\"No members on this page match your search. Try a different term or browse another page.\"\n            />\n          ) : (\n            <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3\">\n              {visible.map((p) => {\n                const isSelf = Boolean(currentUser?.id && p.memberId === currentUser.id);\n                const isFollowing = followSet.has(p.memberId);\n                const chips = Array.from(new Set([...p.skills, ...p.interests])).slice(0, 4);\n\n                return (\n                  <GlassCard key={p.id} treatment=\"plain\" className=\"flex flex-col p-5\">\n                    <div className=\"flex items-start gap-3\">\n                      <Avatar\n                        name={p.displayName}\n                        presence={p.presence}\n                        size=\"lg\"\n                        fileId={p.avatar?.id}\n                      />\n                      <div className=\"min-w-0 flex-1\">\n                        <button\n                          type=\"button\"\n                          onClick={() => navigateTo(`members/${p.memberId}`)}\n                          className=\"block max-w-full truncate text-left text-base font-semibold text-text-primary hover:underline\"\n                        >\n                          {p.displayName}\n                        </button>\n                        {p.headline && (\n                          <p className=\"truncate text-sm text-text-secondary\">{p.headline}</p>\n                        )}\n                        <div className=\"mt-1.5\">\n                          <StatusBadge status={p.presence} />\n                        </div>\n                      </div>\n                    </div>\n\n                    {chips.length > 0 && (\n                      <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                        {chips.map((chip) => (\n                          <span\n                            key={chip}\n                            className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n                          >\n                            {chip}\n                          </span>\n                        ))}\n                      </div>\n                    )}\n\n                    {!isSelf && (\n                      <div className=\"mt-4 flex items-center justify-end border-t border-border-seam pt-3\">\n                        {isFollowing ? (\n                          <Button\n                            size=\"sm\"\n                            variant=\"outline\"\n                            onClick={() => toggleFollow(p)}\n                            disabled={pendingId === p.memberId}\n                          >\n                            <Check className=\"mr-1.5 h-4 w-4\" /> Following\n                          </Button>\n                        ) : (\n                          <Button\n                            size=\"sm\"\n                            onClick={() => toggleFollow(p)}\n                            disabled={pendingId === p.memberId}\n                          >\n                            <UserPlus className=\"mr-1.5 h-4 w-4\" /> Follow\n                          </Button>\n                        )}\n                      </div>\n                    )}\n                  </GlassCard>\n                );\n              })}\n            </div>\n          )}\n\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={profiles.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}