@burdenoff/microfe-technospam 2026.1101.2 → 2026.1101.3

package/dist/stories/journeys/Courses.stories.d.ts

@@ -11,6 +11,11 @@ export declare const DiscoverAndEnroll: Story;
  * the lesson player, completes it, and moves on to the following lesson.
  */
 export declare const ContinueIntoLessonPlayer: Story;
+/**
+ * BOFF-3157: a keyboard-only learner reaches a course card by its title button
+ * and opens it with Enter (the card used to be a click-only <div>).
+ */
+export declare const OpenCourseWithKeyboard: Story;
 /** Level tabs narrow the catalog server-side. */
 export declare const FilterByLevel: Story;
 export declare const EmptyCatalog: Story;

package/dist/stories/journeys/Courses.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Courses.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Courses.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,6DAA6D;AAC7D,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAwBtC,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}
+{"version":3,"file":"Courses.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Courses.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,6DAA6D;AAC7D,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAwBtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}

package/dist/stories/journeys/Mentorship.stories.d.ts

@@ -6,5 +6,10 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 /** Browse mentors and open a mentor's profile. */
 export declare const FindAMentor: Story;
+/**
+ * BOFF-3157: a keyboard-only learner opens a mentor's profile from the card's
+ * "View profile" button with Enter (the card body itself is a pointer shortcut).
+ */
+export declare const OpenMentorWithKeyboard: Story;
 export declare const BackendUnavailable: Story;
 //# sourceMappingURL=Mentorship.stories.d.ts.map

package/dist/stories/journeys/Mentorship.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mentorship.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Mentorship.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,kDAAkD;AAClD,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}
+{"version":3,"file":"Mentorship.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Mentorship.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,kDAAkD;AAClD,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAepC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}

package/dist/technospam/components/CardOpenButton.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+
+/**
+ * The keyboard-reachable control of a clickable card (a "stretched" button).
+ *
+ * Course and hackathon cards used to open their details page from an
+ * `onClick` on the card's `<div>`, which a keyboard or screen-reader user can
+ * neither reach nor activate (WCAG 2.1.1 Keyboard, 4.1.2 Name, Role, Value;
+ * found by the BOFF-3157 keyboard walkthrough). Render the card title through
+ * this button instead and drop the card's own `onClick`:
+ *
+ * - the button is the card's single Tab stop, named by the title;
+ * - its `::after` covers the whole card (the card must be positioned, which
+ *   `GlassCard` is), so a click anywhere on the card still opens it;
+ * - the focus ring is drawn inset on that overlay, so it outlines the whole
+ *   card and is not clipped by the card's `overflow-hidden`.
+ *
+ * Keep other interactive elements out of a card that uses this, or lift them
+ * above the overlay with `relative z-20`.
+ */
+export declare function CardOpenButton({ onOpen, children, className, }: {
+    onOpen: () => void;
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CardOpenButton.d.ts.map

package/dist/technospam/components/CardOpenButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardOpenButton.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/CardOpenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAeA"}

package/dist/technospam/components/CardOpenButton.js

@@ -0,0 +1,15 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/technospam/components/CardOpenButton.tsx
+function n({ onOpen: n, children: r, className: i }) {
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		onClick: n,
+		className: e("max-w-full truncate text-left focus-visible:outline-none", "after:absolute after:inset-0 after:z-10 after:rounded-card after:content-['']", "focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-[var(--color-focus-ring)]", i),
+		children: r
+	});
+}
+//#endregion
+export { n as CardOpenButton };
+
+//# sourceMappingURL=CardOpenButton.js.map

package/dist/technospam/components/CardOpenButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardOpenButton.js","names":[],"sources":["../../../src/technospam/components/CardOpenButton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '../utils/cn';\n\n/**\n * The keyboard-reachable control of a clickable card (a \"stretched\" button).\n *\n * Course and hackathon cards used to open their details page from an\n * `onClick` on the card's `<div>`, which a keyboard or screen-reader user can\n * neither reach nor activate (WCAG 2.1.1 Keyboard, 4.1.2 Name, Role, Value;\n * found by the BOFF-3157 keyboard walkthrough). Render the card title through\n * this button instead and drop the card's own `onClick`:\n *\n * - the button is the card's single Tab stop, named by the title;\n * - its `::after` covers the whole card (the card must be positioned, which\n *   `GlassCard` is), so a click anywhere on the card still opens it;\n * - the focus ring is drawn inset on that overlay, so it outlines the whole\n *   card and is not clipped by the card's `overflow-hidden`.\n *\n * Keep other interactive elements out of a card that uses this, or lift them\n * above the overlay with `relative z-20`.\n */\nexport function CardOpenButton({\n  onOpen,\n  children,\n  className,\n}: {\n  onOpen: () => void;\n  children: ReactNode;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onOpen}\n      className={cn(\n        'max-w-full truncate text-left focus-visible:outline-none',\n        \"after:absolute after:inset-0 after:z-10 after:rounded-card after:content-['']\",\n        'focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-[var(--color-focus-ring)]',\n        className\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";;;AAsBA,SAAgB,EAAe,EAC7B,WACA,aACA,gBAKC;AACD,QACE,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,WAAW,EACT,4DACA,iFACA,gHACA,EACD;EAEA;EACM,CAAA"}

package/dist/technospam/components/index.d.ts

@@ -11,4 +11,5 @@ export { UpgradeGate, PremiumBadge } from './UpgradeGate';
 export { CodePanel, IoBlock, TestResultsPanel } from './SubmissionViews';
 export { SubmissionReviewPanel } from './SubmissionReviewPanel';
 export { TechnoSpamErrorBoundary } from './TechnoSpamErrorBoundary';
+export { CardOpenButton } from './CardOpenButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/technospam/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/technospam/components/index.js

@@ -11,3 +11,4 @@ import "./TagInput.js";
 import "./SubmissionViews.js";
 import "./SubmissionReviewPanel.js";
 import "./TechnoSpamErrorBoundary.js";
+import "./CardOpenButton.js";

package/dist/technospam/pages/CoursesCoursesPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoursesCoursesPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesCoursesPagePage.tsx"],"names":[],"mappings":"AAqFA,wBAAgB,sBAAsB,gCAqLrC"}
+{"version":3,"file":"CoursesCoursesPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesCoursesPagePage.tsx"],"names":[],"mappings":"AAmFA,wBAAgB,sBAAsB,gCAqLrC"}

package/dist/technospam/pages/CoursesCoursesPagePage.js

@@ -10,61 +10,64 @@ import { PremiumBadge as u } from "../components/UpgradeGate.js";
 import { LoadMore as d } from "../components/LoadMore.js";
 import { EmptyView as f, ErrorView as p, LoadingGrid as m } from "../components/StateViews.js";
 import { pageArg as h, useCoursesQuery as g, usePageLimit as _ } from "../api/technospamApi.js";
+import { CardOpenButton as v } from "../components/CardOpenButton.js";
 import "../components/index.js";
-import { TAB_PANEL_FOCUS_CLASS as v } from "../lib/a11y.js";
-import { useMemo as y, useState as b } from "react";
-import { BookOpen as x, Clock as S, GraduationCap as C, Layers as w, Search as T, Sparkles as E } from "lucide-react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Badge as k, Button as A, GlassCard as j, Input as M, Tabs as N, TabsContent as P, TabsList as F, TabsTrigger as I } from "@burdenoff/fe-libs/ui";
+import { TAB_PANEL_FOCUS_CLASS as y } from "../lib/a11y.js";
+import { useMemo as b, useState as x } from "react";
+import { BookOpen as S, Clock as C, GraduationCap as w, Layers as T, Search as E, Sparkles as D } from "lucide-react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Badge as A, Button as j, GlassCard as M, Input as N, Tabs as P, TabsContent as F, TabsList as I, TabsTrigger as L } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/CoursesCoursesPagePage.tsx
-function L({ course: e, onOpen: t }) {
-	return /* @__PURE__ */ O(j, {
+function R({ course: e, onOpen: t }) {
+	return /* @__PURE__ */ k(M, {
 		className: "group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
-		onClick: t,
-		children: [/* @__PURE__ */ D(o, {
+		children: [/* @__PURE__ */ O(o, {
 			seed: `${e.topic ?? ""} ${e.title}`,
 			icon: s(e.topic ?? e.title),
-			children: /* @__PURE__ */ O("div", {
+			children: /* @__PURE__ */ k("div", {
 				className: "flex flex-wrap items-center gap-1.5",
-				children: [/* @__PURE__ */ D(l, {
+				children: [/* @__PURE__ */ O(l, {
 					status: e.level,
 					kind: "level"
-				}), e.isPremiumOnly ? /* @__PURE__ */ D(u, { locked: e.isLocked }) : null]
+				}), e.isPremiumOnly ? /* @__PURE__ */ O(u, { locked: e.isLocked }) : null]
 			})
-		}), /* @__PURE__ */ O("div", {
+		}), /* @__PURE__ */ k("div", {
 			className: "flex flex-1 flex-col gap-3 p-4",
 			children: [
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ k("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ D("h3", {
+					children: [/* @__PURE__ */ O("h3", {
 						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
-						children: e.title
-					}), e.summary ? /* @__PURE__ */ D("p", {
+						children: /* @__PURE__ */ O(v, {
+							onOpen: t,
+							children: e.title
+						})
+					}), e.summary ? /* @__PURE__ */ O("p", {
 						className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 						children: e.summary
 					}) : null]
 				}),
-				/* @__PURE__ */ O("div", {
+				/* @__PURE__ */ k("div", {
 					className: "mt-auto flex flex-wrap items-center gap-3 text-xs text-text-muted",
-					children: [e.topic ? /* @__PURE__ */ O("span", {
+					children: [e.topic ? /* @__PURE__ */ k("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ D(w, { size: 13 }),
+							/* @__PURE__ */ O(T, { size: 13 }),
 							" ",
 							e.topic
 						]
-					}) : null, /* @__PURE__ */ O("span", {
+					}) : null, /* @__PURE__ */ k("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ D(S, { size: 13 }),
+							/* @__PURE__ */ O(C, { size: 13 }),
 							" ",
 							c(e.estimatedMinutes)
 						]
 					})]
 				}),
-				e.tags.length ? /* @__PURE__ */ D("div", {
+				e.tags.length ? /* @__PURE__ */ O("div", {
 					className: "flex flex-wrap gap-1.5",
-					children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ D(k, {
+					children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ O(A, {
 						variant: "secondary",
 						className: "text-[11px]",
 						children: e
@@ -74,8 +77,8 @@ function L({ course: e, onOpen: t }) {
 		})]
 	});
 }
-function R() {
-	let o = t(), { workspaceId: s } = e(), { emit: l } = n(), u = r(), [w, k] = b("ALL"), [j, R] = b(""), z = y(() => [
+function z() {
+	let o = t(), { workspaceId: s } = e(), { emit: l } = n(), u = r(), [v, T] = x("ALL"), [A, M] = x(""), z = b(() => [
 		{
 			value: "ALL",
 			label: u("technospam.courses.filterAllLevels", "All levels")
@@ -99,74 +102,74 @@ function R() {
 	], [u]), { limit: B, more: V } = _(), { data: H, loading: U, error: W } = g({
 		status: "PUBLISHED",
 		pagination: h(B),
-		...w === "ALL" ? {} : { level: w }
-	}), G = H?.tecListCourses?.items ?? [], K = H?.tecListCourses?.pageInfo?.hasMore ?? !1, q = y(() => {
-		let e = j.trim().toLowerCase();
+		...v === "ALL" ? {} : { level: v }
+	}), G = H?.tecListCourses?.items ?? [], K = H?.tecListCourses?.pageInfo?.hasMore ?? !1, q = b(() => {
+		let e = A.trim().toLowerCase();
 		return e ? G.filter((t) => t.title.toLowerCase().includes(e) || (t.topic ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : G;
-	}, [G, j]);
-	return /* @__PURE__ */ O(i, {
+	}, [G, A]);
+	return /* @__PURE__ */ k(i, {
 		hero: !0,
 		title: u("technospam.courses.title", "Course Catalog"),
 		description: u("technospam.courses.description", "Learn technology by doing — practical, project-based courses across the stack."),
-		actions: /* @__PURE__ */ O(A, {
+		actions: /* @__PURE__ */ k(j, {
 			variant: "outline",
 			onClick: () => o("/courses/my-learning-page"),
 			children: [
-				/* @__PURE__ */ D(C, { size: 16 }),
+				/* @__PURE__ */ O(w, { size: 16 }),
 				" ",
 				u("technospam.common.myLearning", "My Learning")
 			]
 		}),
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ k("div", {
 			className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
 			children: [
-				/* @__PURE__ */ D(a, {
+				/* @__PURE__ */ O(a, {
 					label: u("technospam.courses.statCourses", "Courses"),
 					value: G.length,
-					icon: x,
+					icon: S,
 					tone: "blue"
 				}),
-				/* @__PURE__ */ D(a, {
+				/* @__PURE__ */ O(a, {
 					label: u("technospam.courses.statBeginnerFriendly", "Beginner-friendly"),
 					value: G.filter((e) => e.level === "BEGINNER").length,
-					icon: E,
+					icon: D,
 					tone: "green"
 				}),
-				/* @__PURE__ */ D(a, {
+				/* @__PURE__ */ O(a, {
 					label: u("technospam.courses.statAdvancedPlus", "Advanced+"),
 					value: G.filter((e) => e.level === "ADVANCED" || e.level === "EXPERT").length,
-					icon: C,
+					icon: w,
 					tone: "purple"
 				}),
-				/* @__PURE__ */ D(a, {
+				/* @__PURE__ */ O(a, {
 					label: u("technospam.courses.statTotalContent", "Total content"),
 					value: c(G.reduce((e, t) => e + t.estimatedMinutes, 0)),
-					icon: S,
+					icon: C,
 					tone: "teal"
 				})
 			]
-		}), /* @__PURE__ */ O(N, {
+		}), /* @__PURE__ */ k(P, {
 			className: "gap-0",
-			value: w,
-			onValueChange: (e) => k(e),
-			children: [/* @__PURE__ */ O("div", {
+			value: v,
+			onValueChange: (e) => T(e),
+			children: [/* @__PURE__ */ k("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ D(F, { children: z.map((e) => /* @__PURE__ */ D(I, {
+				children: [/* @__PURE__ */ O(I, { children: z.map((e) => /* @__PURE__ */ O(L, {
 					value: e.value,
 					children: e.label
-				}, e.value)) }), /* @__PURE__ */ O("div", {
+				}, e.value)) }), /* @__PURE__ */ k("div", {
 					className: "relative w-full sm:w-72",
-					children: [/* @__PURE__ */ D(T, {
+					children: [/* @__PURE__ */ O(E, {
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
 						size: 16
-					}), /* @__PURE__ */ D(M, {
+					}), /* @__PURE__ */ O(N, {
 						className: "pl-9",
 						"aria-label": u("technospam.courses.searchLabel", "Search courses"),
 						placeholder: u("technospam.courses.searchPlaceholder", "Search courses…"),
-						value: j,
-						onChange: (e) => R(e.target.value),
+						value: A,
+						onChange: (e) => M(e.target.value),
 						onBlur: () => {
-							let e = j.trim();
+							let e = A.trim();
 							e && l("technospam.search.performed", {
 								workspaceId: s,
 								entityType: "course",
@@ -175,19 +178,19 @@ function R() {
 						}
 					})]
 				})]
-			}), /* @__PURE__ */ O(P, {
-				value: w,
-				className: v,
-				children: [U && !G.length ? /* @__PURE__ */ D(m, {}) : W ? /* @__PURE__ */ D(p, {
+			}), /* @__PURE__ */ k(F, {
+				value: v,
+				className: y,
+				children: [U && !G.length ? /* @__PURE__ */ O(m, {}) : W ? /* @__PURE__ */ O(p, {
 					title: u("technospam.common.errorLoadCourses", "Couldn't load courses"),
 					error: W
-				}) : q.length === 0 ? /* @__PURE__ */ D(f, {
-					icon: /* @__PURE__ */ D(x, { size: 26 }),
-					title: j || w !== "ALL" ? u("technospam.courses.emptySearchTitle", "No matching courses") : u("technospam.courses.emptyDefaultTitle", "No courses published yet"),
-					description: j || w !== "ALL" ? u("technospam.courses.emptySearchDesc", "Try a different search or level filter.") : u("technospam.courses.emptyDefaultDesc", "Published courses will appear here. Check back soon — TechnoSpam is pre-launch.")
-				}) : /* @__PURE__ */ D("div", {
+				}) : q.length === 0 ? /* @__PURE__ */ O(f, {
+					icon: /* @__PURE__ */ O(S, { size: 26 }),
+					title: A || v !== "ALL" ? u("technospam.courses.emptySearchTitle", "No matching courses") : u("technospam.courses.emptyDefaultTitle", "No courses published yet"),
+					description: A || v !== "ALL" ? u("technospam.courses.emptySearchDesc", "Try a different search or level filter.") : u("technospam.courses.emptyDefaultDesc", "Published courses will appear here. Check back soon — TechnoSpam is pre-launch.")
+				}) : /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: q.map((e) => /* @__PURE__ */ D(L, {
+					children: q.map((e) => /* @__PURE__ */ O(R, {
 						course: e,
 						onOpen: () => {
 							l("technospam.course.viewed", {
@@ -197,7 +200,7 @@ function R() {
 							}), o(`/courses/course-details-page?id=${e.id}`);
 						}
 					}, e.id))
-				}), /* @__PURE__ */ D(d, {
+				}), /* @__PURE__ */ O(d, {
 					hasMore: K,
 					loading: U,
 					onClick: V
@@ -207,6 +210,6 @@ function R() {
 	});
 }
 //#endregion
-export { R as CoursesCoursesPagePage };
+export { z as CoursesCoursesPagePage };
 
 //# sourceMappingURL=CoursesCoursesPagePage.js.map

package/dist/technospam/pages/CoursesCoursesPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoursesCoursesPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCoursesPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { BookOpen, Clock, GraduationCap, Layers, Search, Sparkles } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Input,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { TAB_PANEL_FOCUS_CLASS } from '../lib/a11y';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  PremiumBadge,\n  StatCard,\n  StatusBadge,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useCoursesQuery,\n  usePageLimit,\n  type TecCourse,\n  type TecCourseLevel,\n} from '../api/technospamApi';\nimport { formatDuration } from '../utils/format';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\n\nfunction CourseCard({ course, onOpen }: { course: TecCourse; onOpen: () => void }) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <MediaCover\n        seed={`${course.topic ?? ''} ${course.title}`}\n        icon={topicIcon(course.topic ?? course.title)}\n      >\n        <div className=\"flex flex-wrap items-center gap-1.5\">\n          <StatusBadge status={course.level} kind=\"level\" />\n          {course.isPremiumOnly ? <PremiumBadge locked={course.isLocked} /> : null}\n        </div>\n      </MediaCover>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {course.title}\n          </h3>\n          {course.summary ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{course.summary}</p>\n          ) : null}\n        </div>\n        <div className=\"mt-auto flex flex-wrap items-center gap-3 text-xs text-text-muted\">\n          {course.topic ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Layers size={13} /> {course.topic}\n            </span>\n          ) : null}\n          <span className=\"inline-flex items-center gap-1\">\n            <Clock size={13} /> {formatDuration(course.estimatedMinutes)}\n          </span>\n        </div>\n        {course.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {course.tags.slice(0, 3).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function CoursesCoursesPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const tr = useTr();\n  const [level, setLevel] = useState<'ALL' | TecCourseLevel>('ALL');\n  const [search, setSearch] = useState('');\n\n  const levels = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('technospam.courses.filterAllLevels', 'All levels') },\n      {\n        value: 'BEGINNER' as TecCourseLevel,\n        label: tr('technospam.courses.filterBeginner', 'Beginner'),\n      },\n      {\n        value: 'INTERMEDIATE' as TecCourseLevel,\n        label: tr('technospam.courses.filterIntermediate', 'Intermediate'),\n      },\n      {\n        value: 'ADVANCED' as TecCourseLevel,\n        label: tr('technospam.courses.filterAdvanced', 'Advanced'),\n      },\n      { value: 'EXPERT' as TecCourseLevel, label: tr('technospam.courses.filterExpert', 'Expert') },\n    ],\n    [tr]\n  );\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error } = useCoursesQuery({\n    status: 'PUBLISHED',\n    pagination: pageArg(limit),\n    ...(level !== 'ALL' ? { level } : {}),\n  });\n\n  const courses = data?.tecListCourses?.items ?? [];\n  const hasMore = data?.tecListCourses?.pageInfo?.hasMore ?? false;\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return courses;\n    return courses.filter(\n      (c) =>\n        c.title.toLowerCase().includes(q) ||\n        (c.topic ?? '').toLowerCase().includes(q) ||\n        c.tags.some((t) => t.toLowerCase().includes(q))\n    );\n  }, [courses, search]);\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.courses.title', 'Course Catalog')}\n      description={tr(\n        'technospam.courses.description',\n        'Learn technology by doing — practical, project-based courses across the stack.'\n      )}\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/courses/my-learning-page')}>\n          <GraduationCap size={16} /> {tr('technospam.common.myLearning', 'My Learning')}\n        </Button>\n      }\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label={tr('technospam.courses.statCourses', 'Courses')}\n          value={courses.length}\n          icon={BookOpen}\n          tone=\"blue\"\n        />\n        <StatCard\n          label={tr('technospam.courses.statBeginnerFriendly', 'Beginner-friendly')}\n          value={courses.filter((c) => c.level === 'BEGINNER').length}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label={tr('technospam.courses.statAdvancedPlus', 'Advanced+')}\n          value={courses.filter((c) => c.level === 'ADVANCED' || c.level === 'EXPERT').length}\n          icon={GraduationCap}\n          tone=\"purple\"\n        />\n        <StatCard\n          label={tr('technospam.courses.statTotalContent', 'Total content')}\n          value={formatDuration(courses.reduce((s, c) => s + c.estimatedMinutes, 0))}\n          icon={Clock}\n          tone=\"teal\"\n        />\n      </div>\n\n      {/* The tabs filter one list, so that list is their tab panel: Radix points every\n          trigger's aria-controls at a panel id, and without a TabsContent the id\n          resolved to nothing (axe aria-valid-attr-value, critical; BOFF-3157). */}\n      <Tabs\n        className=\"gap-0\"\n        value={level}\n        onValueChange={(v) => setLevel(v as 'ALL' | TecCourseLevel)}\n      >\n        <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <TabsList>\n            {levels.map((l) => (\n              <TabsTrigger key={l.value} value={l.value}>\n                {l.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          <div className=\"relative w-full sm:w-72\">\n            <Search\n              className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n              size={16}\n            />\n            <Input\n              className=\"pl-9\"\n              aria-label={tr('technospam.courses.searchLabel', 'Search courses')}\n              placeholder={tr('technospam.courses.searchPlaceholder', 'Search courses…')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onBlur={() => {\n                const value = search.trim();\n                if (value) {\n                  emit('technospam.search.performed', {\n                    workspaceId,\n                    entityType: 'course',\n                    queryLength: value.length,\n                  });\n                }\n              }}\n            />\n          </div>\n        </div>\n\n        <TabsContent value={level} className={TAB_PANEL_FOCUS_CLASS}>\n          {loading && !courses.length ? (\n            <LoadingGrid />\n          ) : error ? (\n            <ErrorView\n              title={tr('technospam.common.errorLoadCourses', \"Couldn't load courses\")}\n              error={error}\n            />\n          ) : filtered.length === 0 ? (\n            <EmptyView\n              icon={<BookOpen size={26} />}\n              title={\n                search || level !== 'ALL'\n                  ? tr('technospam.courses.emptySearchTitle', 'No matching courses')\n                  : tr('technospam.courses.emptyDefaultTitle', 'No courses published yet')\n              }\n              description={\n                search || level !== 'ALL'\n                  ? tr(\n                      'technospam.courses.emptySearchDesc',\n                      'Try a different search or level filter.'\n                    )\n                  : tr(\n                      'technospam.courses.emptyDefaultDesc',\n                      'Published courses will appear here. Check back soon — TechnoSpam is pre-launch.'\n                    )\n              }\n            />\n          ) : (\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {filtered.map((course) => (\n                <CourseCard\n                  key={course.id}\n                  course={course}\n                  onOpen={() => {\n                    emit('technospam.course.viewed', {\n                      workspaceId,\n                      entityId: course.id,\n                      entityType: 'TEC_COURSE',\n                    });\n                    navigate(`/courses/course-details-page?id=${course.id}`);\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n        </TabsContent>\n      </Tabs>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CoursesCoursesPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCoursesPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { BookOpen, Clock, GraduationCap, Layers, Search, Sparkles } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Input,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { TAB_PANEL_FOCUS_CLASS } from '../lib/a11y';\nimport {\n  CardOpenButton,\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  PremiumBadge,\n  StatCard,\n  StatusBadge,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useCoursesQuery,\n  usePageLimit,\n  type TecCourse,\n  type TecCourseLevel,\n} from '../api/technospamApi';\nimport { formatDuration } from '../utils/format';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\n\nfunction CourseCard({ course, onOpen }: { course: TecCourse; onOpen: () => void }) {\n  return (\n    <GlassCard className=\"group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\">\n      <MediaCover\n        seed={`${course.topic ?? ''} ${course.title}`}\n        icon={topicIcon(course.topic ?? course.title)}\n      >\n        <div className=\"flex flex-wrap items-center gap-1.5\">\n          <StatusBadge status={course.level} kind=\"level\" />\n          {course.isPremiumOnly ? <PremiumBadge locked={course.isLocked} /> : null}\n        </div>\n      </MediaCover>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            <CardOpenButton onOpen={onOpen}>{course.title}</CardOpenButton>\n          </h3>\n          {course.summary ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{course.summary}</p>\n          ) : null}\n        </div>\n        <div className=\"mt-auto flex flex-wrap items-center gap-3 text-xs text-text-muted\">\n          {course.topic ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Layers size={13} /> {course.topic}\n            </span>\n          ) : null}\n          <span className=\"inline-flex items-center gap-1\">\n            <Clock size={13} /> {formatDuration(course.estimatedMinutes)}\n          </span>\n        </div>\n        {course.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {course.tags.slice(0, 3).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function CoursesCoursesPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const tr = useTr();\n  const [level, setLevel] = useState<'ALL' | TecCourseLevel>('ALL');\n  const [search, setSearch] = useState('');\n\n  const levels = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('technospam.courses.filterAllLevels', 'All levels') },\n      {\n        value: 'BEGINNER' as TecCourseLevel,\n        label: tr('technospam.courses.filterBeginner', 'Beginner'),\n      },\n      {\n        value: 'INTERMEDIATE' as TecCourseLevel,\n        label: tr('technospam.courses.filterIntermediate', 'Intermediate'),\n      },\n      {\n        value: 'ADVANCED' as TecCourseLevel,\n        label: tr('technospam.courses.filterAdvanced', 'Advanced'),\n      },\n      { value: 'EXPERT' as TecCourseLevel, label: tr('technospam.courses.filterExpert', 'Expert') },\n    ],\n    [tr]\n  );\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error } = useCoursesQuery({\n    status: 'PUBLISHED',\n    pagination: pageArg(limit),\n    ...(level !== 'ALL' ? { level } : {}),\n  });\n\n  const courses = data?.tecListCourses?.items ?? [];\n  const hasMore = data?.tecListCourses?.pageInfo?.hasMore ?? false;\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return courses;\n    return courses.filter(\n      (c) =>\n        c.title.toLowerCase().includes(q) ||\n        (c.topic ?? '').toLowerCase().includes(q) ||\n        c.tags.some((t) => t.toLowerCase().includes(q))\n    );\n  }, [courses, search]);\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.courses.title', 'Course Catalog')}\n      description={tr(\n        'technospam.courses.description',\n        'Learn technology by doing — practical, project-based courses across the stack.'\n      )}\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/courses/my-learning-page')}>\n          <GraduationCap size={16} /> {tr('technospam.common.myLearning', 'My Learning')}\n        </Button>\n      }\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label={tr('technospam.courses.statCourses', 'Courses')}\n          value={courses.length}\n          icon={BookOpen}\n          tone=\"blue\"\n        />\n        <StatCard\n          label={tr('technospam.courses.statBeginnerFriendly', 'Beginner-friendly')}\n          value={courses.filter((c) => c.level === 'BEGINNER').length}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label={tr('technospam.courses.statAdvancedPlus', 'Advanced+')}\n          value={courses.filter((c) => c.level === 'ADVANCED' || c.level === 'EXPERT').length}\n          icon={GraduationCap}\n          tone=\"purple\"\n        />\n        <StatCard\n          label={tr('technospam.courses.statTotalContent', 'Total content')}\n          value={formatDuration(courses.reduce((s, c) => s + c.estimatedMinutes, 0))}\n          icon={Clock}\n          tone=\"teal\"\n        />\n      </div>\n\n      {/* The tabs filter one list, so that list is their tab panel: Radix points every\n          trigger's aria-controls at a panel id, and without a TabsContent the id\n          resolved to nothing (axe aria-valid-attr-value, critical; BOFF-3157). */}\n      <Tabs\n        className=\"gap-0\"\n        value={level}\n        onValueChange={(v) => setLevel(v as 'ALL' | TecCourseLevel)}\n      >\n        <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <TabsList>\n            {levels.map((l) => (\n              <TabsTrigger key={l.value} value={l.value}>\n                {l.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          <div className=\"relative w-full sm:w-72\">\n            <Search\n              className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n              size={16}\n            />\n            <Input\n              className=\"pl-9\"\n              aria-label={tr('technospam.courses.searchLabel', 'Search courses')}\n              placeholder={tr('technospam.courses.searchPlaceholder', 'Search courses…')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onBlur={() => {\n                const value = search.trim();\n                if (value) {\n                  emit('technospam.search.performed', {\n                    workspaceId,\n                    entityType: 'course',\n                    queryLength: value.length,\n                  });\n                }\n              }}\n            />\n          </div>\n        </div>\n\n        <TabsContent value={level} className={TAB_PANEL_FOCUS_CLASS}>\n          {loading && !courses.length ? (\n            <LoadingGrid />\n          ) : error ? (\n            <ErrorView\n              title={tr('technospam.common.errorLoadCourses', \"Couldn't load courses\")}\n              error={error}\n            />\n          ) : filtered.length === 0 ? (\n            <EmptyView\n              icon={<BookOpen size={26} />}\n              title={\n                search || level !== 'ALL'\n                  ? tr('technospam.courses.emptySearchTitle', 'No matching courses')\n                  : tr('technospam.courses.emptyDefaultTitle', 'No courses published yet')\n              }\n              description={\n                search || level !== 'ALL'\n                  ? tr(\n                      'technospam.courses.emptySearchDesc',\n                      'Try a different search or level filter.'\n                    )\n                  : tr(\n                      'technospam.courses.emptyDefaultDesc',\n                      'Published courses will appear here. Check back soon — TechnoSpam is pre-launch.'\n                    )\n              }\n            />\n          ) : (\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {filtered.map((course) => (\n                <CourseCard\n                  key={course.id}\n                  course={course}\n                  onOpen={() => {\n                    emit('technospam.course.viewed', {\n                      workspaceId,\n                      entityId: course.id,\n                      entityType: 'TEC_COURSE',\n                    });\n                    navigate(`/courses/course-details-page?id=${course.id}`);\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n        </TabsContent>\n      </Tabs>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/HackathonsHackathonsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HackathonsHackathonsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,4BAA4B,gCA4K3C"}
+{"version":3,"file":"HackathonsHackathonsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"names":[],"mappings":"AAsFA,wBAAgB,4BAA4B,gCA4K3C"}

package/dist/technospam/pages/HackathonsHackathonsPagePage.js

@@ -9,68 +9,71 @@ import { StatusBadge as l } from "../components/StatusBadge.js";
 import { LoadMore as u } from "../components/LoadMore.js";
 import { EmptyView as d, ErrorView as f, LoadingGrid as p } from "../components/StateViews.js";
 import { pageArg as m, useHackathonsQuery as h, usePageLimit as g } from "../api/technospamApi.js";
+import { CardOpenButton as _ } from "../components/CardOpenButton.js";
 import "../components/index.js";
-import { TAB_PANEL_FOCUS_CLASS as _ } from "../lib/a11y.js";
-import { useMemo as v, useState as y } from "react";
-import { Award as b, CalendarDays as x, Search as S, Sparkles as C, Trophy as w, Users as T } from "lucide-react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Badge as O, GlassCard as k, Input as A, Tabs as j, TabsContent as M, TabsList as N, TabsTrigger as P } from "@burdenoff/fe-libs/ui";
+import { TAB_PANEL_FOCUS_CLASS as v } from "../lib/a11y.js";
+import { useMemo as y, useState as b } from "react";
+import { Award as x, CalendarDays as S, Search as C, Sparkles as w, Trophy as T, Users as E } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { Badge as k, GlassCard as A, Input as j, Tabs as M, TabsContent as N, TabsList as P, TabsTrigger as F } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/HackathonsHackathonsPagePage.tsx
-function F({ hackathon: e, onOpen: t }) {
+function I({ hackathon: e, onOpen: t }) {
 	let n = r();
-	return /* @__PURE__ */ D(k, {
+	return /* @__PURE__ */ O(A, {
 		className: "group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
-		onClick: t,
-		children: [/* @__PURE__ */ E(o, {
+		children: [/* @__PURE__ */ D(o, {
 			height: "h-32",
 			seed: e.theme ?? e.id,
-			icon: w,
-			children: /* @__PURE__ */ E(l, { status: e.status })
-		}), /* @__PURE__ */ D("div", {
+			icon: T,
+			children: /* @__PURE__ */ D(l, { status: e.status })
+		}), /* @__PURE__ */ O("div", {
 			className: "flex flex-1 flex-col gap-3 p-4",
 			children: [
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ E("h3", {
+					children: [/* @__PURE__ */ D("h3", {
 						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
-						children: e.title
-					}), e.theme ? /* @__PURE__ */ E("p", {
+						children: /* @__PURE__ */ D(_, {
+							onOpen: t,
+							children: e.title
+						})
+					}), e.theme ? /* @__PURE__ */ D("p", {
 						className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 						children: e.theme
 					}) : null]
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O("div", {
 					className: "mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted",
-					children: [/* @__PURE__ */ D("span", {
+					children: [/* @__PURE__ */ O("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ E(x, { size: 13 }),
+							/* @__PURE__ */ D(S, { size: 13 }),
 							" ",
 							s(e.startAt),
 							" –",
 							" ",
 							s(e.endAt)
 						]
-					}), /* @__PURE__ */ D("span", {
+					}), /* @__PURE__ */ O("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ E(T, { size: 13 }),
+							/* @__PURE__ */ D(E, { size: 13 }),
 							" ",
 							n("technospam.hackathons.teamSize", "Team of {{size}}", { size: e.maxTeamSize })
 						]
 					})]
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ O("div", {
 					className: "flex items-center gap-1.5 text-sm font-medium text-accent-teal",
 					children: [
-						/* @__PURE__ */ E(b, { size: 15 }),
+						/* @__PURE__ */ D(x, { size: 15 }),
 						" ",
 						n("technospam.hackathons.prizePool", "{{prize}} prize pool", { prize: c(e.prizePool, e.currency) })
 					]
 				}),
-				e.tags.length ? /* @__PURE__ */ E("div", {
+				e.tags.length ? /* @__PURE__ */ D("div", {
 					className: "flex flex-wrap gap-1.5",
-					children: e.tags.slice(0, 4).map((e) => /* @__PURE__ */ E(O, {
+					children: e.tags.slice(0, 4).map((e) => /* @__PURE__ */ D(k, {
 						variant: "secondary",
 						className: "text-[11px]",
 						children: e
@@ -80,81 +83,81 @@ function F({ hackathon: e, onOpen: t }) {
 		})]
 	});
 }
-function I() {
-	let o = t(), { workspaceId: s } = e(), { emit: l } = n(), x = r(), [T, O] = y("ALL"), [k, I] = y(""), { limit: L, more: R } = g(), z = v(() => [
+function L() {
+	let o = t(), { workspaceId: s } = e(), { emit: l } = n(), _ = r(), [S, E] = b("ALL"), [k, A] = b(""), { limit: L, more: R } = g(), z = y(() => [
 		{
 			value: "ALL",
-			label: x("technospam.hackathons.filterAll", "All")
+			label: _("technospam.hackathons.filterAll", "All")
 		},
 		{
 			value: "REGISTRATION_OPEN",
-			label: x("technospam.hackathons.filterRegistrationOpen", "Registration open")
+			label: _("technospam.hackathons.filterRegistrationOpen", "Registration open")
 		},
 		{
 			value: "IN_PROGRESS",
-			label: x("technospam.hackathons.filterInProgress", "In progress")
+			label: _("technospam.hackathons.filterInProgress", "In progress")
 		},
 		{
 			value: "JUDGING",
-			label: x("technospam.hackathons.filterJudging", "Judging")
+			label: _("technospam.hackathons.filterJudging", "Judging")
 		},
 		{
 			value: "COMPLETED",
-			label: x("technospam.hackathons.filterCompleted", "Completed")
+			label: _("technospam.hackathons.filterCompleted", "Completed")
 		}
-	], [x]), { data: B, loading: V, error: H } = h({
+	], [_]), { data: B, loading: V, error: H } = h({
 		pagination: m(L),
-		...T === "ALL" ? {} : { status: T }
-	}), U = B?.tecListHackathons?.items ?? [], W = B?.tecListHackathons?.pageInfo?.hasMore ?? !1, G = v(() => {
+		...S === "ALL" ? {} : { status: S }
+	}), U = B?.tecListHackathons?.items ?? [], W = B?.tecListHackathons?.pageInfo?.hasMore ?? !1, G = y(() => {
 		let e = k.trim().toLowerCase();
 		return e ? U.filter((t) => t.title.toLowerCase().includes(e) || (t.theme ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : U;
 	}, [U, k]), K = G.filter((e) => e.status === "REGISTRATION_OPEN").length, q = G.reduce((e, t) => e + t.prizePool, 0), J = G[0]?.currency ?? "USD";
-	return /* @__PURE__ */ D(i, {
+	return /* @__PURE__ */ O(i, {
 		hero: !0,
-		title: x("technospam.hackathons.title", "Hackathons"),
-		description: x("technospam.hackathons.description", "Compete, collaborate, and ship real projects with a team in a fixed window."),
-		children: [/* @__PURE__ */ D("div", {
+		title: _("technospam.hackathons.title", "Hackathons"),
+		description: _("technospam.hackathons.description", "Compete, collaborate, and ship real projects with a team in a fixed window."),
+		children: [/* @__PURE__ */ O("div", {
 			className: "mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3",
 			children: [
-				/* @__PURE__ */ E(a, {
-					label: x("technospam.hackathons.statHackathons", "Hackathons"),
+				/* @__PURE__ */ D(a, {
+					label: _("technospam.hackathons.statHackathons", "Hackathons"),
 					value: G.length,
-					icon: w,
+					icon: T,
 					tone: "purple"
 				}),
-				/* @__PURE__ */ E(a, {
-					label: x("technospam.hackathons.statRegistrationOpen", "Registration open"),
+				/* @__PURE__ */ D(a, {
+					label: _("technospam.hackathons.statRegistrationOpen", "Registration open"),
 					value: K,
-					icon: C,
+					icon: w,
 					tone: "green"
 				}),
-				/* @__PURE__ */ E(a, {
-					label: x("technospam.hackathons.statTotalPrizePool", "Total prize pool"),
+				/* @__PURE__ */ D(a, {
+					label: _("technospam.hackathons.statTotalPrizePool", "Total prize pool"),
 					value: c(q, J),
-					icon: b,
+					icon: x,
 					tone: "amber"
 				})
 			]
-		}), /* @__PURE__ */ D(j, {
+		}), /* @__PURE__ */ O(M, {
 			className: "gap-0",
-			value: T,
-			onValueChange: (e) => O(e),
-			children: [/* @__PURE__ */ D("div", {
+			value: S,
+			onValueChange: (e) => E(e),
+			children: [/* @__PURE__ */ O("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ E(N, { children: z.map((e) => /* @__PURE__ */ E(P, {
+				children: [/* @__PURE__ */ D(P, { children: z.map((e) => /* @__PURE__ */ D(F, {
 					value: e.value,
 					children: e.label
-				}, e.value)) }), /* @__PURE__ */ D("div", {
+				}, e.value)) }), /* @__PURE__ */ O("div", {
 					className: "relative w-full sm:w-72",
-					children: [/* @__PURE__ */ E(S, {
+					children: [/* @__PURE__ */ D(C, {
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
 						size: 16
-					}), /* @__PURE__ */ E(A, {
+					}), /* @__PURE__ */ D(j, {
 						className: "pl-9",
-						"aria-label": x("technospam.hackathons.searchLabel", "Search hackathons"),
-						placeholder: x("technospam.hackathons.searchPlaceholder", "Search hackathons…"),
+						"aria-label": _("technospam.hackathons.searchLabel", "Search hackathons"),
+						placeholder: _("technospam.hackathons.searchPlaceholder", "Search hackathons…"),
 						value: k,
-						onChange: (e) => I(e.target.value),
+						onChange: (e) => A(e.target.value),
 						onBlur: () => {
 							let e = k.trim();
 							e && l("technospam.search.performed", {
@@ -165,19 +168,19 @@ function I() {
 						}
 					})]
 				})]
-			}), /* @__PURE__ */ D(M, {
-				value: T,
-				className: _,
-				children: [V && !G.length ? /* @__PURE__ */ E(p, {}) : H ? /* @__PURE__ */ E(f, {
-					title: x("technospam.common.errorLoadHackathons", "Couldn't load hackathons"),
+			}), /* @__PURE__ */ O(N, {
+				value: S,
+				className: v,
+				children: [V && !G.length ? /* @__PURE__ */ D(p, {}) : H ? /* @__PURE__ */ D(f, {
+					title: _("technospam.common.errorLoadHackathons", "Couldn't load hackathons"),
 					error: H
-				}) : G.length === 0 ? /* @__PURE__ */ E(d, {
-					icon: /* @__PURE__ */ E(w, { size: 26 }),
-					title: T === "ALL" ? x("technospam.hackathons.emptyDefaultTitle", "No hackathons yet") : x("technospam.hackathons.emptyFilteredTitle", "No hackathons in this stage"),
-					description: T === "ALL" ? x("technospam.hackathons.emptyDefaultDesc", "Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.") : x("technospam.hackathons.emptyFilteredDesc", "Try a different stage filter.")
-				}) : /* @__PURE__ */ E("div", {
+				}) : G.length === 0 ? /* @__PURE__ */ D(d, {
+					icon: /* @__PURE__ */ D(T, { size: 26 }),
+					title: S === "ALL" ? _("technospam.hackathons.emptyDefaultTitle", "No hackathons yet") : _("technospam.hackathons.emptyFilteredTitle", "No hackathons in this stage"),
+					description: S === "ALL" ? _("technospam.hackathons.emptyDefaultDesc", "Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.") : _("technospam.hackathons.emptyFilteredDesc", "Try a different stage filter.")
+				}) : /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: G.map((e) => /* @__PURE__ */ E(F, {
+					children: G.map((e) => /* @__PURE__ */ D(I, {
 						hackathon: e,
 						onOpen: () => {
 							l("technospam.hackathon.viewed", {
@@ -187,7 +190,7 @@ function I() {
 							}), o(`/hackathons/hackathon-details-page?id=${e.id}`);
 						}
 					}, e.id))
-				}), /* @__PURE__ */ E(u, {
+				}), /* @__PURE__ */ D(u, {
 					hasMore: W,
 					loading: V,
 					onClick: R
@@ -197,6 +200,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as HackathonsHackathonsPagePage };
+export { L as HackathonsHackathonsPagePage };
 
 //# sourceMappingURL=HackathonsHackathonsPagePage.js.map

package/dist/technospam/pages/HackathonsHackathonsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HackathonsHackathonsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Award, CalendarDays, Search, Sparkles, Trophy, Users } from 'lucide-react';\nimport {\n  Badge,\n  GlassCard,\n  Input,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { TAB_PANEL_FOCUS_CLASS } from '../lib/a11y';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useHackathonsQuery,\n  usePageLimit,\n  type TecHackathon,\n  type TecHackathonStatus,\n} from '../api/technospamApi';\nimport { formatDate, formatMoney } from '../utils/format';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\n\nfunction HackathonCard({ hackathon, onOpen }: { hackathon: TecHackathon; onOpen: () => void }) {\n  const tr = useTr();\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <MediaCover height=\"h-32\" seed={hackathon.theme ?? hackathon.id} icon={Trophy}>\n        <StatusBadge status={hackathon.status} />\n      </MediaCover>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {hackathon.title}\n          </h3>\n          {hackathon.theme ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{hackathon.theme}</p>\n          ) : null}\n        </div>\n\n        <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n          <span className=\"inline-flex items-center gap-1\">\n            <CalendarDays size={13} /> {formatDate(hackathon.startAt)} –{' '}\n            {formatDate(hackathon.endAt)}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Users size={13} />{' '}\n            {tr('technospam.hackathons.teamSize', 'Team of {{size}}', {\n              size: hackathon.maxTeamSize,\n            })}\n          </span>\n        </div>\n\n        <div className=\"flex items-center gap-1.5 text-sm font-medium text-accent-teal\">\n          <Award size={15} />{' '}\n          {tr('technospam.hackathons.prizePool', '{{prize}} prize pool', {\n            prize: formatMoney(hackathon.prizePool, hackathon.currency),\n          })}\n        </div>\n\n        {hackathon.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {hackathon.tags.slice(0, 4).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const tr = useTr();\n  const [status, setStatus] = useState<'ALL' | TecHackathonStatus>('ALL');\n  const [search, setSearch] = useState('');\n  const { limit, more } = usePageLimit();\n\n  const statuses = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('technospam.hackathons.filterAll', 'All') },\n      {\n        value: 'REGISTRATION_OPEN' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterRegistrationOpen', 'Registration open'),\n      },\n      {\n        value: 'IN_PROGRESS' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterInProgress', 'In progress'),\n      },\n      {\n        value: 'JUDGING' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterJudging', 'Judging'),\n      },\n      {\n        value: 'COMPLETED' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterCompleted', 'Completed'),\n      },\n    ],\n    [tr]\n  );\n\n  const { data, loading, error } = useHackathonsQuery({\n    pagination: pageArg(limit),\n    ...(status !== 'ALL' ? { status } : {}),\n  });\n\n  const allHackathons = data?.tecListHackathons?.items ?? [];\n  const hasMore = data?.tecListHackathons?.pageInfo?.hasMore ?? false;\n  const hackathons = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return allHackathons;\n    return allHackathons.filter(\n      (h) =>\n        h.title.toLowerCase().includes(q) ||\n        (h.theme ?? '').toLowerCase().includes(q) ||\n        h.tags.some((t) => t.toLowerCase().includes(q))\n    );\n  }, [allHackathons, search]);\n  const openCount = hackathons.filter((h) => h.status === 'REGISTRATION_OPEN').length;\n  const totalPrize = hackathons.reduce((s, h) => s + h.prizePool, 0);\n  const prizeCurrency = hackathons[0]?.currency ?? 'USD';\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.hackathons.title', 'Hackathons')}\n      description={tr(\n        'technospam.hackathons.description',\n        'Compete, collaborate, and ship real projects with a team in a fixed window.'\n      )}\n    >\n      <div className=\"mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3\">\n        <StatCard\n          label={tr('technospam.hackathons.statHackathons', 'Hackathons')}\n          value={hackathons.length}\n          icon={Trophy}\n          tone=\"purple\"\n        />\n        <StatCard\n          label={tr('technospam.hackathons.statRegistrationOpen', 'Registration open')}\n          value={openCount}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label={tr('technospam.hackathons.statTotalPrizePool', 'Total prize pool')}\n          value={formatMoney(totalPrize, prizeCurrency)}\n          icon={Award}\n          tone=\"amber\"\n        />\n      </div>\n\n      {/* The tabs filter one list, so that list is their tab panel: Radix points every\n          trigger's aria-controls at a panel id, and without a TabsContent the id\n          resolved to nothing (axe aria-valid-attr-value, critical; BOFF-3157). */}\n      <Tabs\n        className=\"gap-0\"\n        value={status}\n        onValueChange={(v) => setStatus(v as 'ALL' | TecHackathonStatus)}\n      >\n        <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <TabsList>\n            {statuses.map((s) => (\n              <TabsTrigger key={s.value} value={s.value}>\n                {s.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          <div className=\"relative w-full sm:w-72\">\n            <Search\n              className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n              size={16}\n            />\n            <Input\n              className=\"pl-9\"\n              aria-label={tr('technospam.hackathons.searchLabel', 'Search hackathons')}\n              placeholder={tr('technospam.hackathons.searchPlaceholder', 'Search hackathons…')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onBlur={() => {\n                const value = search.trim();\n                if (value) {\n                  emit('technospam.search.performed', {\n                    workspaceId,\n                    entityType: 'hackathon',\n                    queryLength: value.length,\n                  });\n                }\n              }}\n            />\n          </div>\n        </div>\n\n        <TabsContent value={status} className={TAB_PANEL_FOCUS_CLASS}>\n          {loading && !hackathons.length ? (\n            <LoadingGrid />\n          ) : error ? (\n            <ErrorView\n              title={tr('technospam.common.errorLoadHackathons', \"Couldn't load hackathons\")}\n              error={error}\n            />\n          ) : hackathons.length === 0 ? (\n            <EmptyView\n              icon={<Trophy size={26} />}\n              title={\n                status !== 'ALL'\n                  ? tr('technospam.hackathons.emptyFilteredTitle', 'No hackathons in this stage')\n                  : tr('technospam.hackathons.emptyDefaultTitle', 'No hackathons yet')\n              }\n              description={\n                status !== 'ALL'\n                  ? tr('technospam.hackathons.emptyFilteredDesc', 'Try a different stage filter.')\n                  : tr(\n                      'technospam.hackathons.emptyDefaultDesc',\n                      'Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.'\n                    )\n              }\n            />\n          ) : (\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {hackathons.map((hackathon) => (\n                <HackathonCard\n                  key={hackathon.id}\n                  hackathon={hackathon}\n                  onOpen={() => {\n                    emit('technospam.hackathon.viewed', {\n                      workspaceId,\n                      entityId: hackathon.id,\n                      entityType: 'TEC_HACKATHON',\n                    });\n                    navigate(`/hackathons/hackathon-details-page?id=${hackathon.id}`);\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n        </TabsContent>\n      </Tabs>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HackathonsHackathonsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Award, CalendarDays, Search, Sparkles, Trophy, Users } from 'lucide-react';\nimport {\n  Badge,\n  GlassCard,\n  Input,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { TAB_PANEL_FOCUS_CLASS } from '../lib/a11y';\nimport {\n  CardOpenButton,\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useHackathonsQuery,\n  usePageLimit,\n  type TecHackathon,\n  type TecHackathonStatus,\n} from '../api/technospamApi';\nimport { formatDate, formatMoney } from '../utils/format';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\n\nfunction HackathonCard({ hackathon, onOpen }: { hackathon: TecHackathon; onOpen: () => void }) {\n  const tr = useTr();\n  return (\n    <GlassCard className=\"group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\">\n      <MediaCover height=\"h-32\" seed={hackathon.theme ?? hackathon.id} icon={Trophy}>\n        <StatusBadge status={hackathon.status} />\n      </MediaCover>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            <CardOpenButton onOpen={onOpen}>{hackathon.title}</CardOpenButton>\n          </h3>\n          {hackathon.theme ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{hackathon.theme}</p>\n          ) : null}\n        </div>\n\n        <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n          <span className=\"inline-flex items-center gap-1\">\n            <CalendarDays size={13} /> {formatDate(hackathon.startAt)} –{' '}\n            {formatDate(hackathon.endAt)}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Users size={13} />{' '}\n            {tr('technospam.hackathons.teamSize', 'Team of {{size}}', {\n              size: hackathon.maxTeamSize,\n            })}\n          </span>\n        </div>\n\n        <div className=\"flex items-center gap-1.5 text-sm font-medium text-accent-teal\">\n          <Award size={15} />{' '}\n          {tr('technospam.hackathons.prizePool', '{{prize}} prize pool', {\n            prize: formatMoney(hackathon.prizePool, hackathon.currency),\n          })}\n        </div>\n\n        {hackathon.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {hackathon.tags.slice(0, 4).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const tr = useTr();\n  const [status, setStatus] = useState<'ALL' | TecHackathonStatus>('ALL');\n  const [search, setSearch] = useState('');\n  const { limit, more } = usePageLimit();\n\n  const statuses = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('technospam.hackathons.filterAll', 'All') },\n      {\n        value: 'REGISTRATION_OPEN' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterRegistrationOpen', 'Registration open'),\n      },\n      {\n        value: 'IN_PROGRESS' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterInProgress', 'In progress'),\n      },\n      {\n        value: 'JUDGING' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterJudging', 'Judging'),\n      },\n      {\n        value: 'COMPLETED' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterCompleted', 'Completed'),\n      },\n    ],\n    [tr]\n  );\n\n  const { data, loading, error } = useHackathonsQuery({\n    pagination: pageArg(limit),\n    ...(status !== 'ALL' ? { status } : {}),\n  });\n\n  const allHackathons = data?.tecListHackathons?.items ?? [];\n  const hasMore = data?.tecListHackathons?.pageInfo?.hasMore ?? false;\n  const hackathons = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return allHackathons;\n    return allHackathons.filter(\n      (h) =>\n        h.title.toLowerCase().includes(q) ||\n        (h.theme ?? '').toLowerCase().includes(q) ||\n        h.tags.some((t) => t.toLowerCase().includes(q))\n    );\n  }, [allHackathons, search]);\n  const openCount = hackathons.filter((h) => h.status === 'REGISTRATION_OPEN').length;\n  const totalPrize = hackathons.reduce((s, h) => s + h.prizePool, 0);\n  const prizeCurrency = hackathons[0]?.currency ?? 'USD';\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.hackathons.title', 'Hackathons')}\n      description={tr(\n        'technospam.hackathons.description',\n        'Compete, collaborate, and ship real projects with a team in a fixed window.'\n      )}\n    >\n      <div className=\"mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3\">\n        <StatCard\n          label={tr('technospam.hackathons.statHackathons', 'Hackathons')}\n          value={hackathons.length}\n          icon={Trophy}\n          tone=\"purple\"\n        />\n        <StatCard\n          label={tr('technospam.hackathons.statRegistrationOpen', 'Registration open')}\n          value={openCount}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label={tr('technospam.hackathons.statTotalPrizePool', 'Total prize pool')}\n          value={formatMoney(totalPrize, prizeCurrency)}\n          icon={Award}\n          tone=\"amber\"\n        />\n      </div>\n\n      {/* The tabs filter one list, so that list is their tab panel: Radix points every\n          trigger's aria-controls at a panel id, and without a TabsContent the id\n          resolved to nothing (axe aria-valid-attr-value, critical; BOFF-3157). */}\n      <Tabs\n        className=\"gap-0\"\n        value={status}\n        onValueChange={(v) => setStatus(v as 'ALL' | TecHackathonStatus)}\n      >\n        <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <TabsList>\n            {statuses.map((s) => (\n              <TabsTrigger key={s.value} value={s.value}>\n                {s.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          <div className=\"relative w-full sm:w-72\">\n            <Search\n              className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n              size={16}\n            />\n            <Input\n              className=\"pl-9\"\n              aria-label={tr('technospam.hackathons.searchLabel', 'Search hackathons')}\n              placeholder={tr('technospam.hackathons.searchPlaceholder', 'Search hackathons…')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onBlur={() => {\n                const value = search.trim();\n                if (value) {\n                  emit('technospam.search.performed', {\n                    workspaceId,\n                    entityType: 'hackathon',\n                    queryLength: value.length,\n                  });\n                }\n              }}\n            />\n          </div>\n        </div>\n\n        <TabsContent value={status} className={TAB_PANEL_FOCUS_CLASS}>\n          {loading && !hackathons.length ? (\n            <LoadingGrid />\n          ) : error ? (\n            <ErrorView\n              title={tr('technospam.common.errorLoadHackathons', \"Couldn't load hackathons\")}\n              error={error}\n            />\n          ) : hackathons.length === 0 ? (\n            <EmptyView\n              icon={<Trophy size={26} />}\n              title={\n                status !== 'ALL'\n                  ? tr('technospam.hackathons.emptyFilteredTitle', 'No hackathons in this stage')\n                  : tr('technospam.hackathons.emptyDefaultTitle', 'No hackathons yet')\n              }\n              description={\n                status !== 'ALL'\n                  ? tr('technospam.hackathons.emptyFilteredDesc', 'Try a different stage filter.')\n                  : tr(\n                      'technospam.hackathons.emptyDefaultDesc',\n                      'Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.'\n                    )\n              }\n            />\n          ) : (\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {hackathons.map((hackathon) => (\n                <HackathonCard\n                  key={hackathon.id}\n                  hackathon={hackathon}\n                  onOpen={() => {\n                    emit('technospam.hackathon.viewed', {\n                      workspaceId,\n                      entityId: hackathon.id,\n                      entityType: 'TEC_HACKATHON',\n                    });\n                    navigate(`/hackathons/hackathon-details-page?id=${hackathon.id}`);\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n        </TabsContent>\n      </Tabs>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/MentorshipMentorsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"names":[],"mappings":"AAqTA,wBAAgB,yBAAyB,gCAgLxC"}
+{"version":3,"file":"MentorshipMentorsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"names":[],"mappings":"AAsTA,wBAAgB,yBAAyB,gCAgLxC"}

package/dist/technospam/pages/MentorshipMentorsPagePage.js

@@ -31,6 +31,7 @@ function L({ mentor: e, size: t = "md" }) {
 function R({ mentor: e, onOpen: t }) {
 	let n = r();
 	return /* @__PURE__ */ j(P, {
+		"data-testid": "mentor-card",
 		className: "group flex cursor-pointer flex-col gap-4 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
 		onClick: t,
 		children: [

package/dist/technospam/pages/MentorshipMentorsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"sourcesContent":["import { createElement, useMemo, useState } from 'react';\nimport { Award, MessageSquare, Search, Sparkles, Star, UserPlus, Users, X } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  PageLayout,\n  StatCard,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useBecomeMentor,\n  useMentorsQuery,\n  usePageLimit,\n  type TecMentor,\n} from '../api/technospamApi';\nimport { formatMoneyFromMinorUnits } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\n\n/** Circular gradient medallion standing in for a mentor avatar, with a live\n *  \"accepting\" presence dot — mirrors the directory mockup within the dark theme. */\nfunction MentorMedallion({ mentor, size = 'md' }: { mentor: TecMentor; size?: 'md' | 'lg' }) {\n  const box = size === 'lg' ? 'h-20 w-20' : 'h-16 w-16';\n  return (\n    <div className=\"relative shrink-0\">\n      <span\n        className={cn(\n          'flex items-center justify-center rounded-full bg-gradient-to-br text-white shadow-md ring-1 ring-white/15',\n          box,\n          coverGradient(mentor.headline)\n        )}\n      >\n        {createElement(topicIcon(mentor.expertise.join(' ') || mentor.headline), {\n          size: size === 'lg' ? 32 : 26,\n          strokeWidth: 1.7,\n        })}\n      </span>\n      {mentor.isAcceptingMentees ? (\n        <span className=\"absolute -bottom-0.5 -right-0.5 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n      ) : null}\n    </div>\n  );\n}\n\nfunction MentorCard({ mentor, onOpen }: { mentor: TecMentor; onOpen: () => void }) {\n  const tr = useTr();\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col gap-4 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <div className=\"flex items-start gap-4\">\n        <MentorMedallion mentor={mentor} />\n        <div className=\"min-w-0 flex-1\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {mentor.headline}\n          </h3>\n          {mentor.role ? (\n            <p className=\"mt-0.5 truncate text-xs font-medium text-text-secondary\">{mentor.role}</p>\n          ) : null}\n          {mentor.isAcceptingMentees ? (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n            >\n              <span className=\"h-1.5 w-1.5 rounded-full bg-status-success-text\" />{' '}\n              {tr('technospam.common.acceptingMentees', 'Accepting mentees')}\n            </Badge>\n          ) : (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 border-border-seam bg-bg-sunken text-text-secondary\"\n            >\n              {tr('technospam.common.notAcceptingMentees', 'Not accepting')}\n            </Badge>\n          )}\n        </div>\n      </div>\n\n      {mentor.bio ? <p className=\"line-clamp-2 text-sm text-text-secondary\">{mentor.bio}</p> : null}\n\n      {mentor.expertise.length ? (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {mentor.expertise.slice(0, 4).map((skill) => (\n            <Badge key={skill} variant=\"secondary\" className=\"text-[11px]\">\n              {skill}\n            </Badge>\n          ))}\n          {mentor.expertise.length > 4 ? (\n            <span className=\"self-center text-xs text-text-muted\">\n              +{mentor.expertise.length - 4}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-auto grid grid-cols-3 divide-x divide-border-seam rounded-xl border border-border-seam bg-bg-sunken text-center\">\n        <div className=\"px-2 py-2.5\">\n          <div className=\"flex items-center justify-center gap-1 text-sm font-semibold text-text-primary\">\n            <Star size={13} className=\"text-accent-teal\" />\n            {mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">\n            {tr('technospam.common.rating', 'rating')}\n          </div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">{mentor.sessionsCount}</div>\n          <div className=\"text-[11px] text-text-muted\">\n            {tr('technospam.common.sessions', 'sessions')}\n          </div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">\n            {formatMoneyFromMinorUnits(mentor.hourlyRate, mentor.currency)}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">\n            {tr('technospam.common.perHour', '/ hr')}\n          </div>\n        </div>\n      </div>\n\n      <Button\n        className=\"w-full\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onOpen();\n        }}\n      >\n        {tr('technospam.common.viewProfile', 'View profile')}\n      </Button>\n    </GlassCard>\n  );\n}\n\nfunction BecomeMentorForm({\n  onClose,\n  onDone,\n  workspaceId,\n}: {\n  onClose: () => void;\n  onDone: () => void;\n  workspaceId?: string;\n}) {\n  const [headline, setHeadline] = useState('');\n  const [role, setRole] = useState('');\n  const [bio, setBio] = useState('');\n  const [expertise, setExpertise] = useState('');\n  const [hourlyRate, setHourlyRate] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [becomeMentor, { loading }] = useBecomeMentor();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const canSubmit = headline.trim().length > 0 && !loading;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    const input: {\n      headline: string;\n      role?: string;\n      bio?: string;\n      expertise?: string[];\n      hourlyRate?: number;\n      currency?: string;\n    } = { headline: headline.trim() };\n    if (role.trim()) input.role = role.trim();\n    if (bio.trim()) input.bio = bio.trim();\n    const exp = expertise\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    if (exp.length) input.expertise = exp;\n    // The form collects a dollars-and-cents rate (e.g. \"50\" or \"49.99\") but\n    // TecMentor.hourlyRate is stored in the smallest currency unit (cents)\n    // so BOFF-4433's fee math never loses precision to floating point --\n    // convert here rather than storing the raw dollar figure as if it were\n    // cents (which would under-charge/under-pay by 100x).\n    const rateDollars = Number.parseFloat(hourlyRate);\n    if (!Number.isNaN(rateDollars) && rateDollars >= 0) {\n      input.hourlyRate = Math.round(rateDollars * 100);\n    }\n    if (currency.trim()) input.currency = currency.trim().toUpperCase();\n\n    emit('technospam.mentor.become_mentor_clicked', { workspaceId });\n    const res = await becomeMentor({ variables: { input } });\n    if (res.data?.tecBecomeMentor) {\n      emit('technospam.mentor.became_mentor', {\n        workspaceId,\n        entityId: res.data.tecBecomeMentor.id,\n        entityType: 'TEC_MENTOR',\n      });\n      notify.success('Mentor profile created', 'Your profile is pending review.');\n      onDone();\n    }\n  };\n\n  return (\n    <GlassCard className=\"mb-6 p-5\">\n      <div className=\"mb-4 flex items-start justify-between gap-3\">\n        <div className=\"flex items-center gap-3\">\n          <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-indigo text-white shadow-sm\">\n            <UserPlus size={20} />\n          </span>\n          <div>\n            <h2 className=\"text-base font-semibold text-text-primary\">Become a mentor</h2>\n            <p className=\"text-sm text-text-secondary\">\n              Share your expertise and start mentoring builders in the community.\n            </p>\n          </div>\n        </div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={onClose} aria-label=\"Close\">\n          <X size={16} />\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Headline <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer · Distributed systems & career growth\"\n            value={headline}\n            onChange={(e) => setHeadline(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Role &amp; company\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer @ Acme\"\n            value={role}\n            onChange={(e) => setRole(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">\n            Shown as a subtitle under your headline. Optional.\n          </p>\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Bio</label>\n          <Textarea\n            rows={3}\n            placeholder=\"Tell mentees about your experience and how you can help.\"\n            value={bio}\n            onChange={(e) => setBio(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Expertise</label>\n          <Input\n            placeholder=\"React, System design, Career coaching\"\n            value={expertise}\n            onChange={(e) => setExpertise(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">Comma-separated topics.</p>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              Hourly rate\n            </label>\n            <Input\n              type=\"number\"\n              min={0}\n              step={0.01}\n              placeholder=\"0.00\"\n              value={hourlyRate}\n              onChange={(e) => setHourlyRate(e.target.value)}\n            />\n            <p className=\"mt-1 text-xs text-text-muted\">\n              Dollars per hour (e.g. 50 or 49.99). Leave 0 for free.\n            </p>\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Currency</label>\n            <Input\n              placeholder=\"USD\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Button onClick={handleSubmit} disabled={!canSubmit}>\n            <UserPlus size={16} /> {loading ? 'Submitting…' : 'Submit profile'}\n          </Button>\n          <Button variant=\"outline\" onClick={onClose} disabled={loading}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function MentorshipMentorsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const tr = useTr();\n  const [search, setSearch] = useState('');\n  const [showForm, setShowForm] = useState(false);\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error, refetch } = useMentorsQuery({\n    status: 'ACTIVE',\n    pagination: pageArg(limit),\n  });\n\n  const mentors = data?.tecListMentors?.items ?? [];\n  const hasMore = data?.tecListMentors?.pageInfo?.hasMore ?? false;\n  const userId = currentUser?.id;\n  const alreadyMentor = Boolean(userId && mentors.some((m) => m.userId === userId));\n\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return mentors;\n    return mentors.filter(\n      (m) =>\n        m.headline.toLowerCase().includes(q) ||\n        m.expertise.some((skill) => skill.toLowerCase().includes(q))\n    );\n  }, [mentors, search]);\n\n  const accepting = mentors.filter((m) => m.isAcceptingMentees).length;\n  const totalSessions = mentors.reduce((s, m) => s + m.sessionsCount, 0);\n  const rated = mentors.filter((m) => m.ratingAvg > 0);\n  const avgRating = rated.length\n    ? (rated.reduce((s, m) => s + m.ratingAvg, 0) / rated.length).toFixed(1)\n    : '—';\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.mentorship.findAMentorTitle', 'Find a Mentor')}\n      description={tr(\n        'technospam.mentorship.description',\n        'Connect with experienced builders for 1:1 guidance, code review, and career coaching.'\n      )}\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/sessions-page')}>\n          <MessageSquare size={16} /> {tr('technospam.common.mySessions', 'My sessions')}\n        </Button>\n      }\n    >\n      {alreadyMentor ? (\n        <GlassCard className=\"mb-6 flex items-center gap-3 p-4\">\n          <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-status-success-bg-subtle text-status-success-text\">\n            <Award size={20} />\n          </span>\n          <div>\n            <div className=\"text-sm font-semibold text-text-primary\">You&apos;re a mentor</div>\n            <div className=\"text-xs text-text-secondary\">\n              Your mentor profile is live. Mentees can request sessions with you.\n            </div>\n          </div>\n        </GlassCard>\n      ) : showForm ? (\n        <BecomeMentorForm\n          onClose={() => setShowForm(false)}\n          onDone={() => {\n            setShowForm(false);\n            void refetch();\n          }}\n          workspaceId={workspaceId}\n        />\n      ) : null}\n\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label={tr('technospam.mentorship.statMentors', 'Mentors')}\n          value={mentors.length}\n          icon={Users}\n          tone=\"blue\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statAcceptingMentees', 'Accepting mentees')}\n          value={accepting}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statAvgRating', 'Avg rating')}\n          value={avgRating}\n          icon={Star}\n          tone=\"amber\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statTotalSessions', 'Total sessions')}\n          value={totalSessions}\n          icon={MessageSquare}\n          tone=\"purple\"\n        />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative w-full sm:w-80\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n            size={16}\n          />\n          <Input\n            className=\"pl-9\"\n            aria-label={tr('technospam.mentorship.searchLabel', 'Search mentors')}\n            placeholder={tr(\n              'technospam.mentorship.searchPlaceholder',\n              'Search by headline or expertise…'\n            )}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        {!alreadyMentor && !showForm ? (\n          <Button onClick={() => setShowForm(true)}>\n            <UserPlus size={16} /> {tr('technospam.common.becomeAMentor', 'Become a mentor')}\n          </Button>\n        ) : null}\n      </div>\n\n      {loading && !mentors.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView\n          title={tr('technospam.common.errorLoadMentors', \"Couldn't load mentors\")}\n          error={error}\n        />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title={\n            search\n              ? tr('technospam.mentorship.emptySearchTitle', 'No matching mentors')\n              : tr('technospam.mentorship.emptyDefaultTitle', 'No mentors yet')\n          }\n          description={\n            search\n              ? tr('technospam.mentorship.emptySearchDesc', 'Try a different search term.')\n              : tr(\n                  'technospam.mentorship.emptyDefaultDesc',\n                  'Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.'\n                )\n          }\n          action={\n            !search && !alreadyMentor ? (\n              <Button onClick={() => setShowForm(true)}>\n                {tr('technospam.common.becomeAMentor', 'Become a mentor')}\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((mentor) => (\n            <MentorCard\n              key={mentor.id}\n              mentor={mentor}\n              onOpen={() => {\n                emit('technospam.mentor.viewed', {\n                  workspaceId,\n                  entityId: mentor.id,\n                  entityType: 'TEC_MENTOR',\n                });\n                navigate(`/mentorship/mentor-profile-page?id=${mentor.id}`);\n              }}\n            />\n          ))}\n        </div>\n      )}\n      <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MentorshipMentorsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"sourcesContent":["import { createElement, useMemo, useState } from 'react';\nimport { Award, MessageSquare, Search, Sparkles, Star, UserPlus, Users, X } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  PageLayout,\n  StatCard,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useBecomeMentor,\n  useMentorsQuery,\n  usePageLimit,\n  type TecMentor,\n} from '../api/technospamApi';\nimport { formatMoneyFromMinorUnits } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\n\n/** Circular gradient medallion standing in for a mentor avatar, with a live\n *  \"accepting\" presence dot — mirrors the directory mockup within the dark theme. */\nfunction MentorMedallion({ mentor, size = 'md' }: { mentor: TecMentor; size?: 'md' | 'lg' }) {\n  const box = size === 'lg' ? 'h-20 w-20' : 'h-16 w-16';\n  return (\n    <div className=\"relative shrink-0\">\n      <span\n        className={cn(\n          'flex items-center justify-center rounded-full bg-gradient-to-br text-white shadow-md ring-1 ring-white/15',\n          box,\n          coverGradient(mentor.headline)\n        )}\n      >\n        {createElement(topicIcon(mentor.expertise.join(' ') || mentor.headline), {\n          size: size === 'lg' ? 32 : 26,\n          strokeWidth: 1.7,\n        })}\n      </span>\n      {mentor.isAcceptingMentees ? (\n        <span className=\"absolute -bottom-0.5 -right-0.5 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n      ) : null}\n    </div>\n  );\n}\n\nfunction MentorCard({ mentor, onOpen }: { mentor: TecMentor; onOpen: () => void }) {\n  const tr = useTr();\n  return (\n    <GlassCard\n      data-testid=\"mentor-card\"\n      className=\"group flex cursor-pointer flex-col gap-4 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <div className=\"flex items-start gap-4\">\n        <MentorMedallion mentor={mentor} />\n        <div className=\"min-w-0 flex-1\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {mentor.headline}\n          </h3>\n          {mentor.role ? (\n            <p className=\"mt-0.5 truncate text-xs font-medium text-text-secondary\">{mentor.role}</p>\n          ) : null}\n          {mentor.isAcceptingMentees ? (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n            >\n              <span className=\"h-1.5 w-1.5 rounded-full bg-status-success-text\" />{' '}\n              {tr('technospam.common.acceptingMentees', 'Accepting mentees')}\n            </Badge>\n          ) : (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 border-border-seam bg-bg-sunken text-text-secondary\"\n            >\n              {tr('technospam.common.notAcceptingMentees', 'Not accepting')}\n            </Badge>\n          )}\n        </div>\n      </div>\n\n      {mentor.bio ? <p className=\"line-clamp-2 text-sm text-text-secondary\">{mentor.bio}</p> : null}\n\n      {mentor.expertise.length ? (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {mentor.expertise.slice(0, 4).map((skill) => (\n            <Badge key={skill} variant=\"secondary\" className=\"text-[11px]\">\n              {skill}\n            </Badge>\n          ))}\n          {mentor.expertise.length > 4 ? (\n            <span className=\"self-center text-xs text-text-muted\">\n              +{mentor.expertise.length - 4}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-auto grid grid-cols-3 divide-x divide-border-seam rounded-xl border border-border-seam bg-bg-sunken text-center\">\n        <div className=\"px-2 py-2.5\">\n          <div className=\"flex items-center justify-center gap-1 text-sm font-semibold text-text-primary\">\n            <Star size={13} className=\"text-accent-teal\" />\n            {mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">\n            {tr('technospam.common.rating', 'rating')}\n          </div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">{mentor.sessionsCount}</div>\n          <div className=\"text-[11px] text-text-muted\">\n            {tr('technospam.common.sessions', 'sessions')}\n          </div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">\n            {formatMoneyFromMinorUnits(mentor.hourlyRate, mentor.currency)}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">\n            {tr('technospam.common.perHour', '/ hr')}\n          </div>\n        </div>\n      </div>\n\n      <Button\n        className=\"w-full\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onOpen();\n        }}\n      >\n        {tr('technospam.common.viewProfile', 'View profile')}\n      </Button>\n    </GlassCard>\n  );\n}\n\nfunction BecomeMentorForm({\n  onClose,\n  onDone,\n  workspaceId,\n}: {\n  onClose: () => void;\n  onDone: () => void;\n  workspaceId?: string;\n}) {\n  const [headline, setHeadline] = useState('');\n  const [role, setRole] = useState('');\n  const [bio, setBio] = useState('');\n  const [expertise, setExpertise] = useState('');\n  const [hourlyRate, setHourlyRate] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [becomeMentor, { loading }] = useBecomeMentor();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const canSubmit = headline.trim().length > 0 && !loading;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    const input: {\n      headline: string;\n      role?: string;\n      bio?: string;\n      expertise?: string[];\n      hourlyRate?: number;\n      currency?: string;\n    } = { headline: headline.trim() };\n    if (role.trim()) input.role = role.trim();\n    if (bio.trim()) input.bio = bio.trim();\n    const exp = expertise\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    if (exp.length) input.expertise = exp;\n    // The form collects a dollars-and-cents rate (e.g. \"50\" or \"49.99\") but\n    // TecMentor.hourlyRate is stored in the smallest currency unit (cents)\n    // so BOFF-4433's fee math never loses precision to floating point --\n    // convert here rather than storing the raw dollar figure as if it were\n    // cents (which would under-charge/under-pay by 100x).\n    const rateDollars = Number.parseFloat(hourlyRate);\n    if (!Number.isNaN(rateDollars) && rateDollars >= 0) {\n      input.hourlyRate = Math.round(rateDollars * 100);\n    }\n    if (currency.trim()) input.currency = currency.trim().toUpperCase();\n\n    emit('technospam.mentor.become_mentor_clicked', { workspaceId });\n    const res = await becomeMentor({ variables: { input } });\n    if (res.data?.tecBecomeMentor) {\n      emit('technospam.mentor.became_mentor', {\n        workspaceId,\n        entityId: res.data.tecBecomeMentor.id,\n        entityType: 'TEC_MENTOR',\n      });\n      notify.success('Mentor profile created', 'Your profile is pending review.');\n      onDone();\n    }\n  };\n\n  return (\n    <GlassCard className=\"mb-6 p-5\">\n      <div className=\"mb-4 flex items-start justify-between gap-3\">\n        <div className=\"flex items-center gap-3\">\n          <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-indigo text-white shadow-sm\">\n            <UserPlus size={20} />\n          </span>\n          <div>\n            <h2 className=\"text-base font-semibold text-text-primary\">Become a mentor</h2>\n            <p className=\"text-sm text-text-secondary\">\n              Share your expertise and start mentoring builders in the community.\n            </p>\n          </div>\n        </div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={onClose} aria-label=\"Close\">\n          <X size={16} />\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Headline <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer · Distributed systems & career growth\"\n            value={headline}\n            onChange={(e) => setHeadline(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Role &amp; company\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer @ Acme\"\n            value={role}\n            onChange={(e) => setRole(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">\n            Shown as a subtitle under your headline. Optional.\n          </p>\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Bio</label>\n          <Textarea\n            rows={3}\n            placeholder=\"Tell mentees about your experience and how you can help.\"\n            value={bio}\n            onChange={(e) => setBio(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Expertise</label>\n          <Input\n            placeholder=\"React, System design, Career coaching\"\n            value={expertise}\n            onChange={(e) => setExpertise(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">Comma-separated topics.</p>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              Hourly rate\n            </label>\n            <Input\n              type=\"number\"\n              min={0}\n              step={0.01}\n              placeholder=\"0.00\"\n              value={hourlyRate}\n              onChange={(e) => setHourlyRate(e.target.value)}\n            />\n            <p className=\"mt-1 text-xs text-text-muted\">\n              Dollars per hour (e.g. 50 or 49.99). Leave 0 for free.\n            </p>\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Currency</label>\n            <Input\n              placeholder=\"USD\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Button onClick={handleSubmit} disabled={!canSubmit}>\n            <UserPlus size={16} /> {loading ? 'Submitting…' : 'Submit profile'}\n          </Button>\n          <Button variant=\"outline\" onClick={onClose} disabled={loading}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function MentorshipMentorsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const tr = useTr();\n  const [search, setSearch] = useState('');\n  const [showForm, setShowForm] = useState(false);\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error, refetch } = useMentorsQuery({\n    status: 'ACTIVE',\n    pagination: pageArg(limit),\n  });\n\n  const mentors = data?.tecListMentors?.items ?? [];\n  const hasMore = data?.tecListMentors?.pageInfo?.hasMore ?? false;\n  const userId = currentUser?.id;\n  const alreadyMentor = Boolean(userId && mentors.some((m) => m.userId === userId));\n\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return mentors;\n    return mentors.filter(\n      (m) =>\n        m.headline.toLowerCase().includes(q) ||\n        m.expertise.some((skill) => skill.toLowerCase().includes(q))\n    );\n  }, [mentors, search]);\n\n  const accepting = mentors.filter((m) => m.isAcceptingMentees).length;\n  const totalSessions = mentors.reduce((s, m) => s + m.sessionsCount, 0);\n  const rated = mentors.filter((m) => m.ratingAvg > 0);\n  const avgRating = rated.length\n    ? (rated.reduce((s, m) => s + m.ratingAvg, 0) / rated.length).toFixed(1)\n    : '—';\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.mentorship.findAMentorTitle', 'Find a Mentor')}\n      description={tr(\n        'technospam.mentorship.description',\n        'Connect with experienced builders for 1:1 guidance, code review, and career coaching.'\n      )}\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/sessions-page')}>\n          <MessageSquare size={16} /> {tr('technospam.common.mySessions', 'My sessions')}\n        </Button>\n      }\n    >\n      {alreadyMentor ? (\n        <GlassCard className=\"mb-6 flex items-center gap-3 p-4\">\n          <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-status-success-bg-subtle text-status-success-text\">\n            <Award size={20} />\n          </span>\n          <div>\n            <div className=\"text-sm font-semibold text-text-primary\">You&apos;re a mentor</div>\n            <div className=\"text-xs text-text-secondary\">\n              Your mentor profile is live. Mentees can request sessions with you.\n            </div>\n          </div>\n        </GlassCard>\n      ) : showForm ? (\n        <BecomeMentorForm\n          onClose={() => setShowForm(false)}\n          onDone={() => {\n            setShowForm(false);\n            void refetch();\n          }}\n          workspaceId={workspaceId}\n        />\n      ) : null}\n\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label={tr('technospam.mentorship.statMentors', 'Mentors')}\n          value={mentors.length}\n          icon={Users}\n          tone=\"blue\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statAcceptingMentees', 'Accepting mentees')}\n          value={accepting}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statAvgRating', 'Avg rating')}\n          value={avgRating}\n          icon={Star}\n          tone=\"amber\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statTotalSessions', 'Total sessions')}\n          value={totalSessions}\n          icon={MessageSquare}\n          tone=\"purple\"\n        />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative w-full sm:w-80\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n            size={16}\n          />\n          <Input\n            className=\"pl-9\"\n            aria-label={tr('technospam.mentorship.searchLabel', 'Search mentors')}\n            placeholder={tr(\n              'technospam.mentorship.searchPlaceholder',\n              'Search by headline or expertise…'\n            )}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        {!alreadyMentor && !showForm ? (\n          <Button onClick={() => setShowForm(true)}>\n            <UserPlus size={16} /> {tr('technospam.common.becomeAMentor', 'Become a mentor')}\n          </Button>\n        ) : null}\n      </div>\n\n      {loading && !mentors.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView\n          title={tr('technospam.common.errorLoadMentors', \"Couldn't load mentors\")}\n          error={error}\n        />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title={\n            search\n              ? tr('technospam.mentorship.emptySearchTitle', 'No matching mentors')\n              : tr('technospam.mentorship.emptyDefaultTitle', 'No mentors yet')\n          }\n          description={\n            search\n              ? tr('technospam.mentorship.emptySearchDesc', 'Try a different search term.')\n              : tr(\n                  'technospam.mentorship.emptyDefaultDesc',\n                  'Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.'\n                )\n          }\n          action={\n            !search && !alreadyMentor ? (\n              <Button onClick={() => setShowForm(true)}>\n                {tr('technospam.common.becomeAMentor', 'Become a mentor')}\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((mentor) => (\n            <MentorCard\n              key={mentor.id}\n              mentor={mentor}\n              onOpen={() => {\n                emit('technospam.mentor.viewed', {\n                  workspaceId,\n                  entityId: mentor.id,\n                  entityType: 'TEC_MENTOR',\n                });\n                navigate(`/mentorship/mentor-profile-page?id=${mentor.id}`);\n              }}\n            />\n          ))}\n        </div>\n      )}\n      <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-technospam",
-  "version": "2026.1101.2",
+  "version": "2026.1101.3",
   "description": "Burdenoff TechnoSpam Microfrontend",
   "type": "module",
   "files": [