@burdenoff/microfe-technospam 2026.705.2 → 2026.709.2

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

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

package/dist/technospam/pages/CoursesCoursesPagePage.js

@@ -1,19 +1,20 @@
-import { useTechnoSpamNavigate as e } from "../providers/TechnoSpamProvider.js";
-import { PageLayout as t } from "../components/PageLayout.js";
-import { StatCard as n } from "../components/StatCard.js";
-import { MediaCover as r, topicIcon as i } from "../components/MediaCover.js";
-import { formatDuration as a } from "../utils/format.js";
-import { StatusBadge as o } from "../components/StatusBadge.js";
-import { LoadMore as s } from "../components/LoadMore.js";
-import { EmptyView as c, ErrorView as l, LoadingGrid as u } from "../components/StateViews.js";
+import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "../providers/TechnoSpamProvider.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { StatCard as r } from "../components/StatCard.js";
+import { MediaCover as i, topicIcon as a } from "../components/MediaCover.js";
+import { formatDuration as o } from "../utils/format.js";
+import { StatusBadge as s } from "../components/StatusBadge.js";
+import { LoadMore as c } from "../components/LoadMore.js";
+import { EmptyView as l, ErrorView as u, LoadingGrid as d } from "../components/StateViews.js";
 import "../components/index.js";
-import { pageArg as d, useCoursesQuery as f, usePageLimit as p } from "../api/technospamApi.js";
-import { useMemo as m, useState as h } from "react";
-import { BookOpen as g, Clock as _, GraduationCap as v, Layers as y, Search as b, Sparkles as x } from "lucide-react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Badge as w, Button as T, GlassCard as E, Input as D, Tabs as O, TabsList as k, TabsTrigger as A } from "@burdenoff/fe-libs/ui";
+import { pageArg as f, useCoursesQuery as p, usePageLimit as m } from "../api/technospamApi.js";
+import { useTechnoSpamAnalytics as h } from "../hooks/useTechnoSpamAnalytics.js";
+import { useMemo as g, useState as _ } from "react";
+import { BookOpen as v, Clock as y, GraduationCap as b, Layers as x, Search as S, Sparkles as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, Button as D, GlassCard as O, Input as k, Tabs as A, TabsList as j, TabsTrigger as M } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/CoursesCoursesPagePage.tsx
-var j = [
+var N = [
 	{
 		value: "ALL",
 		label: "All levels"
@@ -35,51 +36,51 @@ var j = [
 		label: "Expert"
 	}
 ];
-function M({ course: e, onOpen: t }) {
-	return /* @__PURE__ */ C(E, {
+function P({ course: e, onOpen: t }) {
+	return /* @__PURE__ */ T(O, {
 		className: "group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
 		onClick: t,
-		children: [/* @__PURE__ */ S(r, {
+		children: [/* @__PURE__ */ w(i, {
 			seed: `${e.topic ?? ""} ${e.title}`,
-			icon: i(e.topic ?? e.title),
-			children: /* @__PURE__ */ S(o, {
+			icon: a(e.topic ?? e.title),
+			children: /* @__PURE__ */ w(s, {
 				status: e.level,
 				kind: "level"
 			})
-		}), /* @__PURE__ */ C("div", {
+		}), /* @__PURE__ */ T("div", {
 			className: "flex flex-1 flex-col gap-3 p-4",
 			children: [
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ T("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ S("h3", {
+					children: [/* @__PURE__ */ w("h3", {
 						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
 						children: e.title
-					}), e.summary ? /* @__PURE__ */ S("p", {
+					}), e.summary ? /* @__PURE__ */ w("p", {
 						className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 						children: e.summary
 					}) : null]
 				}),
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ T("div", {
 					className: "mt-auto flex flex-wrap items-center gap-3 text-xs text-text-muted",
-					children: [e.topic ? /* @__PURE__ */ C("span", {
+					children: [e.topic ? /* @__PURE__ */ T("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ S(y, { size: 13 }),
+							/* @__PURE__ */ w(x, { size: 13 }),
 							" ",
 							e.topic
 						]
-					}) : null, /* @__PURE__ */ C("span", {
+					}) : null, /* @__PURE__ */ T("span", {
 						className: "inline-flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ S(_, { size: 13 }),
+							/* @__PURE__ */ w(y, { size: 13 }),
 							" ",
-							a(e.estimatedMinutes)
+							o(e.estimatedMinutes)
 						]
 					})]
 				}),
-				e.tags.length ? /* @__PURE__ */ S("div", {
+				e.tags.length ? /* @__PURE__ */ w("div", {
 					className: "flex flex-wrap gap-1.5",
-					children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ S(w, {
+					children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ w(E, {
 						variant: "secondary",
 						className: "text-[11px]",
 						children: e
@@ -89,99 +90,113 @@ function M({ course: e, onOpen: t }) {
 		})]
 	});
 }
-function N() {
-	let r = e(), [i, o] = h("ALL"), [y, w] = h(""), { limit: E, more: N } = p(), { data: P, loading: F, error: I } = f({
+function F() {
+	let i = t(), { workspaceId: a } = e(), { emit: s } = h(), [x, E] = _("ALL"), [O, F] = _(""), { limit: I, more: L } = m(), { data: R, loading: z, error: B } = p({
 		status: "PUBLISHED",
-		pagination: d(E),
-		...i === "ALL" ? {} : { level: i }
-	}), L = P?.tecListCourses.items ?? [], R = P?.tecListCourses.pageInfo.hasMore ?? !1, z = m(() => {
-		let e = y.trim().toLowerCase();
-		return e ? L.filter((t) => t.title.toLowerCase().includes(e) || (t.topic ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : L;
-	}, [L, y]);
-	return /* @__PURE__ */ C(t, {
+		pagination: f(I),
+		...x === "ALL" ? {} : { level: x }
+	}), V = R?.tecListCourses.items ?? [], H = R?.tecListCourses.pageInfo.hasMore ?? !1, U = g(() => {
+		let e = O.trim().toLowerCase();
+		return e ? V.filter((t) => t.title.toLowerCase().includes(e) || (t.topic ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : V;
+	}, [V, O]);
+	return /* @__PURE__ */ T(n, {
 		hero: !0,
 		title: "Course Catalog",
 		description: "Learn technology by doing — practical, project-based courses across the stack.",
-		actions: /* @__PURE__ */ C(T, {
+		actions: /* @__PURE__ */ T(D, {
 			variant: "outline",
-			onClick: () => r("/courses/my-learning-page"),
-			children: [/* @__PURE__ */ S(v, { size: 16 }), " My Learning"]
+			onClick: () => i("/courses/my-learning-page"),
+			children: [/* @__PURE__ */ w(b, { size: 16 }), " My Learning"]
 		}),
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ w(r, {
 						label: "Courses",
-						value: L.length,
-						icon: g,
+						value: V.length,
+						icon: v,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ w(r, {
 						label: "Beginner-friendly",
-						value: L.filter((e) => e.level === "BEGINNER").length,
-						icon: x,
+						value: V.filter((e) => e.level === "BEGINNER").length,
+						icon: C,
 						tone: "green"
 					}),
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ w(r, {
 						label: "Advanced+",
-						value: L.filter((e) => e.level === "ADVANCED" || e.level === "EXPERT").length,
-						icon: v,
+						value: V.filter((e) => e.level === "ADVANCED" || e.level === "EXPERT").length,
+						icon: b,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ S(n, {
+					/* @__PURE__ */ w(r, {
 						label: "Total content",
-						value: a(L.reduce((e, t) => e + t.estimatedMinutes, 0)),
-						icon: _,
+						value: o(V.reduce((e, t) => e + t.estimatedMinutes, 0)),
+						icon: y,
 						tone: "teal"
 					})
 				]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ S(O, {
-					value: i,
-					onValueChange: (e) => o(e),
-					children: /* @__PURE__ */ S(k, { children: j.map((e) => /* @__PURE__ */ S(A, {
+				children: [/* @__PURE__ */ w(A, {
+					value: x,
+					onValueChange: (e) => E(e),
+					children: /* @__PURE__ */ w(j, { children: N.map((e) => /* @__PURE__ */ w(M, {
 						value: e.value,
 						children: e.label
 					}, e.value)) })
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "relative w-full sm:w-72",
-					children: [/* @__PURE__ */ S(b, {
+					children: [/* @__PURE__ */ w(S, {
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
 						size: 16
-					}), /* @__PURE__ */ S(D, {
+					}), /* @__PURE__ */ w(k, {
 						className: "pl-9",
 						placeholder: "Search courses…",
-						value: y,
-						onChange: (e) => w(e.target.value)
+						value: O,
+						onChange: (e) => F(e.target.value),
+						onBlur: () => {
+							let e = O.trim();
+							e && s("technospam.search.performed", {
+								workspaceId: a,
+								entityType: "course",
+								queryLength: e.length
+							});
+						}
 					})]
 				})]
 			}),
-			F && !L.length ? /* @__PURE__ */ S(u, {}) : I ? /* @__PURE__ */ S(l, {
+			z && !V.length ? /* @__PURE__ */ w(d, {}) : B ? /* @__PURE__ */ w(u, {
 				title: "Couldn't load courses",
-				error: I
-			}) : z.length === 0 ? /* @__PURE__ */ S(c, {
-				icon: /* @__PURE__ */ S(g, { size: 26 }),
-				title: y || i !== "ALL" ? "No matching courses" : "No courses published yet",
-				description: y || i !== "ALL" ? "Try a different search or level filter." : "Published courses will appear here. Check back soon — TechnoSpam is pre-launch."
-			}) : /* @__PURE__ */ S("div", {
+				error: B
+			}) : U.length === 0 ? /* @__PURE__ */ w(l, {
+				icon: /* @__PURE__ */ w(v, { size: 26 }),
+				title: O || x !== "ALL" ? "No matching courses" : "No courses published yet",
+				description: O || x !== "ALL" ? "Try a different search or level filter." : "Published courses will appear here. Check back soon — TechnoSpam is pre-launch."
+			}) : /* @__PURE__ */ w("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: z.map((e) => /* @__PURE__ */ S(M, {
+				children: U.map((e) => /* @__PURE__ */ w(P, {
 					course: e,
-					onOpen: () => r(`/courses/course-details-page?id=${e.id}`)
+					onOpen: () => {
+						s("technospam.course.viewed", {
+							workspaceId: a,
+							entityId: e.id,
+							entityType: "TEC_COURSE"
+						}), i(`/courses/course-details-page?id=${e.id}`);
+					}
 				}, e.id))
 			}),
-			/* @__PURE__ */ S(s, {
-				hasMore: R,
-				loading: F,
-				onClick: N
+			/* @__PURE__ */ w(c, {
+				hasMore: H,
+				loading: z,
+				onClick: L
 			})
 		]
 	});
 }
 //#endregion
-export { N as CoursesCoursesPagePage };
+export { F 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  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  topicIcon,\n} from '../components';\nimport { 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';\n\nconst LEVELS: Array<{ value: 'ALL' | TecCourseLevel; label: string }> = [\n  { value: 'ALL', label: 'All levels' },\n  { value: 'BEGINNER', label: 'Beginner' },\n  { value: 'INTERMEDIATE', label: 'Intermediate' },\n  { value: 'ADVANCED', label: 'Advanced' },\n  { value: 'EXPERT', label: 'Expert' },\n];\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        <StatusBadge status={course.level} kind=\"level\" />\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 [level, setLevel] = useState<'ALL' | TecCourseLevel>('ALL');\n  const [search, setSearch] = useState('');\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=\"Course Catalog\"\n      description=\"Learn technology by doing — practical, project-based courses across the stack.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/courses/my-learning-page')}>\n          <GraduationCap size={16} /> My Learning\n        </Button>\n      }\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Courses\" value={courses.length} icon={BookOpen} tone=\"blue\" />\n        <StatCard\n          label=\"Beginner-friendly\"\n          value={courses.filter((c) => c.level === 'BEGINNER').length}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label=\"Advanced+\"\n          value={courses.filter((c) => c.level === 'ADVANCED' || c.level === 'EXPERT').length}\n          icon={GraduationCap}\n          tone=\"purple\"\n        />\n        <StatCard\n          label=\"Total content\"\n          value={formatDuration(courses.reduce((s, c) => s + c.estimatedMinutes, 0))}\n          icon={Clock}\n          tone=\"teal\"\n        />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <Tabs value={level} onValueChange={(v) => setLevel(v as 'ALL' | TecCourseLevel)}>\n          <TabsList>\n            {LEVELS.map((l) => (\n              <TabsTrigger key={l.value} value={l.value}>\n                {l.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\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            placeholder=\"Search courses…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n      </div>\n\n      {loading && !courses.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load courses\" error={error} />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<BookOpen size={26} />}\n          title={search || level !== 'ALL' ? 'No matching courses' : 'No courses published yet'}\n          description={\n            search || level !== 'ALL'\n              ? 'Try a different search or level filter.'\n              : 'Published courses will appear here. Check back soon — TechnoSpam is pre-launch.'\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={() => navigate(`/courses/course-details-page?id=${course.id}`)}\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":"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  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\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';\n\nconst LEVELS: Array<{ value: 'ALL' | TecCourseLevel; label: string }> = [\n  { value: 'ALL', label: 'All levels' },\n  { value: 'BEGINNER', label: 'Beginner' },\n  { value: 'INTERMEDIATE', label: 'Intermediate' },\n  { value: 'ADVANCED', label: 'Advanced' },\n  { value: 'EXPERT', label: 'Expert' },\n];\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        <StatusBadge status={course.level} kind=\"level\" />\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 [level, setLevel] = useState<'ALL' | TecCourseLevel>('ALL');\n  const [search, setSearch] = useState('');\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=\"Course Catalog\"\n      description=\"Learn technology by doing — practical, project-based courses across the stack.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/courses/my-learning-page')}>\n          <GraduationCap size={16} /> My Learning\n        </Button>\n      }\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Courses\" value={courses.length} icon={BookOpen} tone=\"blue\" />\n        <StatCard\n          label=\"Beginner-friendly\"\n          value={courses.filter((c) => c.level === 'BEGINNER').length}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label=\"Advanced+\"\n          value={courses.filter((c) => c.level === 'ADVANCED' || c.level === 'EXPERT').length}\n          icon={GraduationCap}\n          tone=\"purple\"\n        />\n        <StatCard\n          label=\"Total content\"\n          value={formatDuration(courses.reduce((s, c) => s + c.estimatedMinutes, 0))}\n          icon={Clock}\n          tone=\"teal\"\n        />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <Tabs value={level} onValueChange={(v) => setLevel(v as 'ALL' | TecCourseLevel)}>\n          <TabsList>\n            {LEVELS.map((l) => (\n              <TabsTrigger key={l.value} value={l.value}>\n                {l.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\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            placeholder=\"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      {loading && !courses.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load courses\" error={error} />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<BookOpen size={26} />}\n          title={search || level !== 'ALL' ? 'No matching courses' : 'No courses published yet'}\n          description={\n            search || level !== 'ALL'\n              ? 'Try a different search or level filter.'\n              : 'Published courses will appear here. Check back soon — TechnoSpam is pre-launch.'\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    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/CoursesMyLearningPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CoursesMyLearningPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=CoursesMyLearningPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesMyLearningPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesMyLearningPagePage.tsx"],"names":[],"mappings":"AAyEA,wBAAgB,yBAAyB,gCA0HxC"}

package/dist/technospam/pages/DashboardDashboardPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function DashboardDashboardPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=DashboardDashboardPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/DashboardDashboardPagePage.tsx"],"names":[],"mappings":"AAuMA,wBAAgB,0BAA0B,gCAyRzC"}

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function HackathonsHackathonDetailsPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=HackathonsHackathonDetailsPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HackathonsHackathonDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"names":[],"mappings":"AAkIA,wBAAgB,kCAAkC,gCAsVjD"}

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

@@ -0,0 +1,2 @@
+export declare function HackathonsHackathonsPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=HackathonsHackathonsPagePage.d.ts.map

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

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

package/dist/technospam/pages/HackathonsHackathonsPagePage.js

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