npm - @burdenoff/microfe-buildmyiq - Versions diffs - 2026.509.101 - Mend

@burdenoff/microfe-buildmyiq 2026.509.101

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (182) hide show

package/dist/buildmyiq/pages/CoursesCourseDashboardPagePage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CoursesCourseDashboardPagePage.js","names":[],"sources":["../../../src/buildmyiq/pages/CoursesCourseDashboardPagePage.tsx"],"sourcesContent":["import {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Badge,\n Button,\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Users,\n BookOpen,\n BarChart3,\n Award,\n TrendingUp,\n Download,\n Eye,\n Edit,\n Plus,\n MessageSquare,\n AlertCircle,\n Calendar,\n FileText,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nexport function CoursesCourseDashboardPagePage() {\n const { t: translate } = useI18n();\n const t = (key: string, fallback: string): string => {\n const value = translate(key);\n return value === key ? fallback : value;\n };\n const { courses, grades } = useBuildMyIQStore();\n const course = courses[0];\n const pendingReviews = grades.filter((g) => g.status === 'pending').length;\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">\n {t('buildmyiq.courseDashboard.title', 'Course Dashboard')}\n </h1>\n <p className=\"text-sm text-muted-foreground\">\n {t('buildmyiq.courseDashboard.subtitlePrefix', 'Managing')} {course.title}\n </p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\">\n <Download className=\"mr-2 h-4 w-4\" />\n {t('buildmyiq.courseDashboard.actions.export', 'Export')}\n </Button>\n <Button variant=\"outline\" size=\"sm\">\n <Eye className=\"mr-2 h-4 w-4\" />\n {t('buildmyiq.courseDashboard.actions.viewCourse', 'View Course')}\n </Button>\n <Button size=\"sm\">\n <Edit className=\"mr-2 h-4 w-4\" />\n {t('buildmyiq.courseDashboard.actions.editCourse', 'Edit Course')}\n </Button>\n </div>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">\n {t('buildmyiq.courseDashboard.stats.totalStudents.title', 'Total Students')}\n </CardTitle>\n <Users className=\"h-4 w-4 text-muted-foreground\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{course.students}</div>\n <p className=\"text-xs text-muted-foreground\">\n {t('buildmyiq.courseDashboard.stats.totalStudents.change', '+12 this month')}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">\n {t('buildmyiq.courseDashboard.stats.completionRate.title', 'Completion Rate')}\n </CardTitle>\n <Award className=\"h-4 w-4 text-muted-foreground\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">73%</div>\n <p className=\"text-xs text-muted-foreground\">\n {t('buildmyiq.courseDashboard.stats.completionRate.change', '+5% vs last month')}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">\n {t('buildmyiq.courseDashboard.stats.totalRevenue.title', 'Total Revenue')}\n </CardTitle>\n <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">\n ${(course.students * course.price).toLocaleString()}\n </div>\n <p className=\"text-xs text-muted-foreground\">\n {t('buildmyiq.courseDashboard.stats.totalRevenue.change', '+$5,940 this month')}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">\n {t('buildmyiq.courseDashboard.stats.courseRating.title', 'Course Rating')}\n </CardTitle>\n <BarChart3 className=\"h-4 w-4 text-muted-foreground\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{course.rating}/5</div>\n <p className=\"text-xs text-muted-foreground\">\n {t('buildmyiq.courseDashboard.stats.courseRating.reviews', '89 reviews')}\n </p>\n </CardContent>\n </Card>\n </div>\n\n <Tabs defaultValue=\"overview\" className=\"w-full\">\n <TabsList className=\"grid w-full grid-cols-4\">\n <TabsTrigger value=\"overview\">\n {t('buildmyiq.courseDashboard.tabs.overview', 'Overview')}\n </TabsTrigger>\n <TabsTrigger value=\"students\">\n {t('buildmyiq.courseDashboard.tabs.students', 'Students')}\n </TabsTrigger>\n <TabsTrigger value=\"content\">\n {t('buildmyiq.courseDashboard.tabs.content', 'Content')}\n </TabsTrigger>\n <TabsTrigger value=\"analytics\">\n {t('buildmyiq.courseDashboard.tabs.analytics', 'Analytics')}\n </TabsTrigger>\n </TabsList>\n <TabsContent value=\"overview\" className=\"mt-4\">\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <div className=\"lg:col-span-2\">\n <Card>\n <CardHeader>\n <CardTitle>\n {t('buildmyiq.courseDashboard.recentActivity.title', 'Recent Activity')}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {[\n t(\n 'buildmyiq.courseDashboard.recentActivity.item1',\n 'Alice Martinez completed Module 2'\n ),\n t(\n 'buildmyiq.courseDashboard.recentActivity.item2',\n 'Brian Kim submitted midterm exam'\n ),\n t(\n 'buildmyiq.courseDashboard.recentActivity.item3',\n 'New forum post: Help with derivatives'\n ),\n ].map((a, i) => (\n <div key={i} className=\"flex items-center justify-between rounded border p-3\">\n <span className=\"text-sm\">{a}</span>\n <Badge variant=\"secondary\">\n {t('buildmyiq.courseDashboard.recentActivity.new', 'New')}\n </Badge>\n </div>\n ))}\n </CardContent>\n </Card>\n </div>\n <div className=\"space-y-4\">\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">\n {t('buildmyiq.courseDashboard.quickActions.title', 'Quick Actions')}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2\">\n <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n <MessageSquare className=\"mr-2 h-4 w-4\" />\n {t(\n 'buildmyiq.courseDashboard.quickActions.makeAnnouncement',\n 'Make Announcement'\n )}\n </Button>\n <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n <Plus className=\"mr-2 h-4 w-4\" />\n {t(\n 'buildmyiq.courseDashboard.quickActions.createAssessment',\n 'Create Assessment'\n )}\n </Button>\n <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n <BookOpen className=\"mr-2 h-4 w-4\" />\n {t('buildmyiq.courseDashboard.quickActions.addContent', 'Add Content')}\n </Button>\n </CardContent>\n </Card>\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">\n {t('buildmyiq.courseDashboard.pendingTasks.title', 'Pending Tasks')}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2\">\n <div className=\"flex items-center justify-between rounded border border-orange-200 bg-orange-50 p-2 dark:border-orange-900 dark:bg-orange-950/30\">\n <div className=\"flex items-center gap-2\">\n <AlertCircle className=\"h-4 w-4 text-orange-500\" />\n <span className=\"text-sm\">\n {t(\n 'buildmyiq.courseDashboard.pendingTasks.gradingRequired',\n 'Grading Required'\n )}\n </span>\n </div>\n <Badge variant=\"secondary\">{pendingReviews}</Badge>\n </div>\n <div className=\"flex items-center justify-between rounded border p-2\">\n <div className=\"flex items-center gap-2\">\n <MessageSquare className=\"h-4 w-4 text-primary\" />\n <span className=\"text-sm\">\n {t('buildmyiq.courseDashboard.pendingTasks.forumPosts', 'Forum Posts')}\n </span>\n </div>\n <Badge variant=\"secondary\">5</Badge>\n </div>\n <div className=\"flex items-center justify-between rounded border p-2\">\n <div className=\"flex items-center gap-2\">\n <Calendar className=\"h-4 w-4 text-green-500\" />\n <span className=\"text-sm\">\n {t(\n 'buildmyiq.courseDashboard.pendingTasks.scheduledContent',\n 'Scheduled Content'\n )}\n </span>\n </div>\n <Badge variant=\"secondary\">2</Badge>\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n </TabsContent>\n <TabsContent value=\"students\" className=\"mt-4\">\n <Card>\n <CardContent className=\"pt-6 text-center text-muted-foreground\">\n {t(\n 'buildmyiq.courseDashboard.students.emptyState',\n 'Student management interface - view enrolled students, progress, and engagement.'\n )}\n </CardContent>\n </Card>\n </TabsContent>\n <TabsContent value=\"content\" className=\"mt-4\">\n <Card>\n <CardContent className=\"pt-6\">\n <div className=\"grid grid-cols-3 gap-4 text-center\">\n <div className=\"rounded border p-4\">\n <BookOpen className=\"h-8 w-8 text-primary mx-auto mb-2\" />\n <div className=\"text-2xl font-bold\">{course.lessons}</div>\n <div className=\"text-sm text-muted-foreground\">\n {t('buildmyiq.courseDashboard.content.lessons', 'Lessons')}\n </div>\n </div>\n <div className=\"rounded border p-4\">\n <FileText className=\"h-8 w-8 text-green-500 mx-auto mb-2\" />\n <div className=\"text-2xl font-bold\">{course.assessments}</div>\n <div className=\"text-sm text-muted-foreground\">\n {t('buildmyiq.courseDashboard.content.assessments', 'Assessments')}\n </div>\n </div>\n <div className=\"rounded border p-4\">\n <MessageSquare className=\"h-8 w-8 text-primary mx-auto mb-2\" />\n <div className=\"text-2xl font-bold\">45</div>\n <div className=\"text-sm text-muted-foreground\">\n {t('buildmyiq.courseDashboard.content.discussions', 'Discussions')}\n </div>\n </div>\n </div>\n </CardContent>\n </Card>\n </TabsContent>\n <TabsContent value=\"analytics\" className=\"mt-4\">\n <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">\n {t(\n 'buildmyiq.courseDashboard.analytics.studentProgressDistribution',\n 'Student Progress Distribution'\n )}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {[\n { range: '0-25%', count: 23, pct: 15 },\n { range: '26-50%', count: 45, pct: 29 },\n { range: '51-75%', count: 52, pct: 33 },\n { range: '76-100%', count: 36, pct: 23 },\n ].map((d) => (\n <div key={d.range}>\n <div className=\"flex justify-between text-sm mb-1\">\n <span>{d.range}</span>\n <span>\n {d.count} {t('buildmyiq.courseDashboard.analytics.students', 'students')}\n </span>\n </div>\n <div className=\"h-2 bg-muted rounded-full overflow-hidden\">\n <div className=\"h-2 bg-primary rounded-full\" style={{ width: `${d.pct}%` }} />\n </div>\n </div>\n ))}\n </CardContent>\n </Card>\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">\n {t('buildmyiq.courseDashboard.analytics.engagementMetrics', 'Engagement Metrics')}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n {[\n [\n t(\n 'buildmyiq.courseDashboard.analytics.avgSessionDuration',\n 'Avg Session Duration'\n ),\n '24 min',\n ],\n [\n t(\n 'buildmyiq.courseDashboard.analytics.forumParticipation',\n 'Forum Participation'\n ),\n '68%',\n ],\n [\n t('buildmyiq.courseDashboard.analytics.submissionRate', 'Submission Rate'),\n '89%',\n ],\n [t('buildmyiq.courseDashboard.analytics.averageScore', 'Average Score'), '85%'],\n ].map(([k, v]) => (\n <div key={k} className=\"flex justify-between items-center\">\n <span className=\"text-sm\">{k}</span>\n <span className=\"font-medium\">{v}</span>\n </div>\n ))}\n </CardContent>\n </Card>\n </div>\n </TabsContent>\n </Tabs>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/buildmyiq/pages/CoursesCourseDetailPagePage.d.ts ADDED Viewed

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

package/dist/buildmyiq/pages/CoursesCourseDetailPagePage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"CoursesCourseDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/CoursesCourseDetailPagePage.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,2BAA2B,4CAwK1C"}

package/dist/buildmyiq/pages/CoursesCourseDetailPagePage.js ADDED Viewed

@@ -0,0 +1,219 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { Award as t, BarChart3 as n, BookOpen as r, Clock as i, Download as a, FileText as o, Play as s, Share2 as c, Users as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Tabs as v, TabsContent as y, TabsList as b, TabsTrigger as x } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/CoursesCourseDetailPagePage.tsx
+function S() {
+	let { courses: S } = e(), C = S[0];
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ d("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				className: "text-2xl font-semibold",
+				children: C.title
+			}), /* @__PURE__ */ d("p", {
+				className: "text-sm text-muted-foreground",
+				children: ["Taught by ", C.instructor]
+			})] }), /* @__PURE__ */ d("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ d(p, {
+					variant: "outline",
+					size: "sm",
+					children: [/* @__PURE__ */ u(c, { className: "mr-2 h-4 w-4" }), "Share"]
+				}), /* @__PURE__ */ d(p, {
+					size: "sm",
+					children: [/* @__PURE__ */ u(s, { className: "mr-2 h-4 w-4" }), "Continue Learning"]
+				})]
+			})]
+		}), /* @__PURE__ */ d("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ u("div", {
+				className: "lg:col-span-2",
+				children: /* @__PURE__ */ d(v, {
+					defaultValue: "overview",
+					className: "w-full",
+					children: [
+						/* @__PURE__ */ d(b, {
+							className: "grid w-full grid-cols-4",
+							children: [
+								/* @__PURE__ */ u(x, {
+									value: "overview",
+									children: "Overview"
+								}),
+								/* @__PURE__ */ u(x, {
+									value: "curriculum",
+									children: "Curriculum"
+								}),
+								/* @__PURE__ */ u(x, {
+									value: "discussions",
+									children: "Discussions"
+								}),
+								/* @__PURE__ */ u(x, {
+									value: "resources",
+									children: "Resources"
+								})
+							]
+						}),
+						/* @__PURE__ */ u(y, {
+							value: "overview",
+							className: "mt-4",
+							children: /* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
+								className: "pt-6",
+								children: [/* @__PURE__ */ u("p", {
+									className: "text-muted-foreground",
+									children: C.description
+								}), /* @__PURE__ */ u("div", {
+									className: "flex flex-wrap gap-2 mt-4",
+									children: C.tags.map((e) => /* @__PURE__ */ u(f, {
+										variant: "secondary",
+										children: e
+									}, e))
+								})]
+							}) })
+						}),
+						/* @__PURE__ */ u(y, {
+							value: "curriculum",
+							className: "mt-4 space-y-4",
+							children: C.modules.map((e) => /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ d("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ u(_, {
+									className: "text-base",
+									children: e.title
+								}), /* @__PURE__ */ d(f, {
+									variant: "outline",
+									children: [e.lessons.length, " lessons"]
+								})]
+							}) }), /* @__PURE__ */ u(h, {
+								className: "space-y-2",
+								children: e.lessons.map((e) => /* @__PURE__ */ d("div", {
+									className: "flex items-center justify-between rounded border p-3",
+									children: [/* @__PURE__ */ d("div", {
+										className: "flex items-center gap-3",
+										children: [e.completed ? /* @__PURE__ */ u(t, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ u(s, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+											className: "text-sm font-medium",
+											children: e.title
+										}), /* @__PURE__ */ d("div", {
+											className: "flex gap-2 text-xs text-muted-foreground",
+											children: [/* @__PURE__ */ u(f, {
+												variant: "outline",
+												className: "text-xs",
+												children: e.type
+											}), /* @__PURE__ */ d("span", {
+												className: "flex items-center gap-1",
+												children: [/* @__PURE__ */ u(i, { className: "h-3 w-3" }), e.duration]
+											})]
+										})] })]
+									}), /* @__PURE__ */ u(f, {
+										variant: e.completed ? "default" : "secondary",
+										children: e.completed ? "Done" : "Pending"
+									})]
+								}, e.id))
+							})] }, e.id))
+						}),
+						/* @__PURE__ */ u(y, {
+							value: "discussions",
+							className: "mt-4",
+							children: /* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, {
+								className: "py-8 text-center text-muted-foreground",
+								children: "Join the course discussion forum."
+							}) })
+						}),
+						/* @__PURE__ */ u(y, {
+							value: "resources",
+							className: "mt-4",
+							children: /* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, {
+								className: "pt-6 space-y-3",
+								children: [
+									"Calculus Textbook (PDF)",
+									"Practice Problem Sets",
+									"Formula Reference Sheet"
+								].map((e) => /* @__PURE__ */ d("div", {
+									className: "flex items-center justify-between rounded border p-3",
+									children: [/* @__PURE__ */ d("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ u(o, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ u("span", {
+											className: "text-sm",
+											children: e
+										})]
+									}), /* @__PURE__ */ d(p, {
+										variant: "outline",
+										size: "sm",
+										children: [/* @__PURE__ */ u(a, { className: "mr-2 h-4 w-4" }), "Download"]
+									})]
+								}, e))
+							}) })
+						})
+					]
+				})
+			}), /* @__PURE__ */ d("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
+					className: "pt-6 space-y-4",
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ d("span", {
+							className: "text-2xl font-bold text-primary",
+							children: ["$", C.price]
+						}), /* @__PURE__ */ u(f, { children: C.level })]
+					}), /* @__PURE__ */ d("div", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ u(i, { className: "h-4 w-4 text-muted-foreground" }), C.duration]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ u(r, { className: "h-4 w-4 text-muted-foreground" }),
+									C.lessons,
+									" lessons"
+								]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ u(l, { className: "h-4 w-4 text-muted-foreground" }),
+									C.students,
+									" students"
+								]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ u(n, { className: "h-4 w-4 text-muted-foreground" }),
+									C.rating,
+									"/5 rating"
+								]
+							})
+						]
+					})]
+				}) }), C.progress !== void 0 && /* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
+					className: "pt-6",
+					children: [
+						/* @__PURE__ */ u("h3", {
+							className: "font-medium mb-3",
+							children: "Your Progress"
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "flex justify-between text-sm mb-1",
+							children: [/* @__PURE__ */ u("span", { children: "Completion" }), /* @__PURE__ */ d("span", { children: [C.progress, "%"] })]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "h-2 bg-muted rounded-full overflow-hidden",
+							children: /* @__PURE__ */ u("div", {
+								className: "h-2 bg-primary rounded-full",
+								style: { width: `${C.progress}%` }
+							})
+						})
+					]
+				}) })]
+			})]
+		})]
+	});
+}
+//#endregion
+export { S as CoursesCourseDetailPagePage };
+//# sourceMappingURL=CoursesCourseDetailPagePage.js.map

package/dist/buildmyiq/pages/CoursesCourseDetailPagePage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CoursesCourseDetailPagePage.js","names":[],"sources":["../../../src/buildmyiq/pages/CoursesCourseDetailPagePage.tsx"],"sourcesContent":["import {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Badge,\n Button,\n Tabs,\n TabsContent,\n TabsList,\n TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Play,\n BookOpen,\n Users,\n Clock,\n Award,\n Share2,\n FileText,\n BarChart3,\n Download,\n} from 'lucide-react';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nexport function CoursesCourseDetailPagePage() {\n const { courses } = useBuildMyIQStore();\n const course = courses[0];\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">{course.title}</h1>\n <p className=\"text-sm text-muted-foreground\">Taught by {course.instructor}</p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\">\n <Share2 className=\"mr-2 h-4 w-4\" />\n Share\n </Button>\n <Button size=\"sm\">\n <Play className=\"mr-2 h-4 w-4\" />\n Continue Learning\n </Button>\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <div className=\"lg:col-span-2\">\n <Tabs defaultValue=\"overview\" className=\"w-full\">\n <TabsList className=\"grid w-full grid-cols-4\">\n <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n <TabsTrigger value=\"curriculum\">Curriculum</TabsTrigger>\n <TabsTrigger value=\"discussions\">Discussions</TabsTrigger>\n <TabsTrigger value=\"resources\">Resources</TabsTrigger>\n </TabsList>\n <TabsContent value=\"overview\" className=\"mt-4\">\n <Card>\n <CardContent className=\"pt-6\">\n <p className=\"text-muted-foreground\">{course.description}</p>\n <div className=\"flex flex-wrap gap-2 mt-4\">\n {course.tags.map((t) => (\n <Badge key={t} variant=\"secondary\">\n {t}\n </Badge>\n ))}\n </div>\n </CardContent>\n </Card>\n </TabsContent>\n <TabsContent value=\"curriculum\" className=\"mt-4 space-y-4\">\n {course.modules.map((mod) => (\n <Card key={mod.id}>\n <CardHeader>\n <div className=\"flex items-center justify-between\">\n <CardTitle className=\"text-base\">{mod.title}</CardTitle>\n <Badge variant=\"outline\">{mod.lessons.length} lessons</Badge>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-2\">\n {mod.lessons.map((l) => (\n <div\n key={l.id}\n className=\"flex items-center justify-between rounded border p-3\"\n >\n <div className=\"flex items-center gap-3\">\n {l.completed ? (\n <Award className=\"h-4 w-4 text-green-500\" />\n ) : (\n <Play className=\"h-4 w-4 text-muted-foreground\" />\n )}\n <div>\n <p className=\"text-sm font-medium\">{l.title}</p>\n <div className=\"flex gap-2 text-xs text-muted-foreground\">\n <Badge variant=\"outline\" className=\"text-xs\">\n {l.type}\n </Badge>\n <span className=\"flex items-center gap-1\">\n <Clock className=\"h-3 w-3\" />\n {l.duration}\n </span>\n </div>\n </div>\n </div>\n <Badge variant={l.completed ? 'default' : 'secondary'}>\n {l.completed ? 'Done' : 'Pending'}\n </Badge>\n </div>\n ))}\n </CardContent>\n </Card>\n ))}\n </TabsContent>\n <TabsContent value=\"discussions\" className=\"mt-4\">\n <Card>\n <CardContent className=\"py-8 text-center text-muted-foreground\">\n Join the course discussion forum.\n </CardContent>\n </Card>\n </TabsContent>\n <TabsContent value=\"resources\" className=\"mt-4\">\n <Card>\n <CardContent className=\"pt-6 space-y-3\">\n {[\n 'Calculus Textbook (PDF)',\n 'Practice Problem Sets',\n 'Formula Reference Sheet',\n ].map((r) => (\n <div key={r} className=\"flex items-center justify-between rounded border p-3\">\n <div className=\"flex items-center gap-3\">\n <FileText className=\"h-4 w-4 text-primary\" />\n <span className=\"text-sm\">{r}</span>\n </div>\n <Button variant=\"outline\" size=\"sm\">\n <Download className=\"mr-2 h-4 w-4\" />\n Download\n </Button>\n </div>\n ))}\n </CardContent>\n </Card>\n </TabsContent>\n </Tabs>\n </div>\n <div className=\"space-y-4\">\n <Card>\n <CardContent className=\"pt-6 space-y-4\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-2xl font-bold text-primary\">${course.price}</span>\n <Badge>{course.level}</Badge>\n </div>\n <div className=\"space-y-2 text-sm\">\n <div className=\"flex items-center gap-2\">\n <Clock className=\"h-4 w-4 text-muted-foreground\" />\n {course.duration}\n </div>\n <div className=\"flex items-center gap-2\">\n <BookOpen className=\"h-4 w-4 text-muted-foreground\" />\n {course.lessons} lessons\n </div>\n <div className=\"flex items-center gap-2\">\n <Users className=\"h-4 w-4 text-muted-foreground\" />\n {course.students} students\n </div>\n <div className=\"flex items-center gap-2\">\n <BarChart3 className=\"h-4 w-4 text-muted-foreground\" />\n {course.rating}/5 rating\n </div>\n </div>\n </CardContent>\n </Card>\n {course.progress !== undefined && (\n <Card>\n <CardContent className=\"pt-6\">\n <h3 className=\"font-medium mb-3\">Your Progress</h3>\n <div className=\"flex justify-between text-sm mb-1\">\n <span>Completion</span>\n <span>{course.progress}%</span>\n </div>\n <div className=\"h-2 bg-muted rounded-full overflow-hidden\">\n <div\n className=\"h-2 bg-primary rounded-full\"\n style={{ width: `${course.progress}%` }}\n />\n </div>\n </CardContent>\n </Card>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/buildmyiq/pages/CoursesCourseListPagePage.d.ts ADDED Viewed

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

package/dist/buildmyiq/pages/CoursesCourseListPagePage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"CoursesCourseListPagePage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/CoursesCourseListPagePage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,yBAAyB,4CAyGxC"}

package/dist/buildmyiq/pages/CoursesCourseListPagePage.js ADDED Viewed

@@ -0,0 +1,153 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { useState as t } from "react";
+import { BookOpen as n, Filter as r, Plus as i, Search as a, TrendingUp as o, Users as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/CoursesCourseListPagePage.tsx
+function _() {
+	let { courses: _ } = e(), [v, y] = t(""), b = _.filter((e) => v === "" || e.title.toLowerCase().includes(v.toLowerCase()) || e.category.toLowerCase().includes(v.toLowerCase()));
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-semibold",
+					children: "All Courses"
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Browse and manage available courses"
+				})] }), /* @__PURE__ */ l("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ l(d, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ c(r, { className: "mr-2 h-4 w-4" }), "Filter"]
+					}), /* @__PURE__ */ l(d, {
+						size: "sm",
+						children: [/* @__PURE__ */ c(i, { className: "mr-2 h-4 w-4" }), "Create Course"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "relative max-w-md",
+				children: [/* @__PURE__ */ c(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ c(g, {
+					placeholder: "Search courses...",
+					value: v,
+					onChange: (e) => y(e.target.value),
+					className: "pl-10"
+				})]
+			}),
+			/* @__PURE__ */ l("p", {
+				className: "text-sm text-muted-foreground",
+				children: [b.length, " courses found"]
+			}),
+			/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, {
+				className: "pb-3",
+				children: /* @__PURE__ */ c(h, {
+					className: "text-base",
+					children: "Course Catalog"
+				})
+			}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ l("table", {
+					className: "w-full text-sm",
+					children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", {
+						className: "border-b text-left text-muted-foreground",
+						children: [
+							/* @__PURE__ */ c("th", {
+								className: "p-3",
+								children: "Course"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "p-3",
+								children: "Instructor"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "p-3",
+								children: "Category"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "p-3",
+								children: "Students"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "p-3",
+								children: "Level"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "p-3",
+								children: "Rating"
+							}),
+							/* @__PURE__ */ c("th", {
+								className: "p-3 text-right",
+								children: "Status"
+							})
+						]
+					}) }), /* @__PURE__ */ c("tbody", { children: b.map((e) => /* @__PURE__ */ l("tr", {
+						className: "border-b hover:bg-muted/50",
+						children: [
+							/* @__PURE__ */ c("td", {
+								className: "p-3",
+								children: /* @__PURE__ */ l("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ c(n, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+										className: "font-medium",
+										children: e.title
+									}), /* @__PURE__ */ l("p", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											e.lessons,
+											" lessons · ",
+											e.duration
+										]
+									})] })]
+								})
+							}),
+							/* @__PURE__ */ c("td", {
+								className: "p-3",
+								children: e.instructor
+							}),
+							/* @__PURE__ */ c("td", {
+								className: "p-3",
+								children: e.category
+							}),
+							/* @__PURE__ */ c("td", {
+								className: "p-3",
+								children: /* @__PURE__ */ l("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ c(s, { className: "h-3 w-3" }), e.students]
+								})
+							}),
+							/* @__PURE__ */ c("td", {
+								className: "p-3",
+								children: /* @__PURE__ */ c(u, {
+									variant: "outline",
+									children: e.level
+								})
+							}),
+							/* @__PURE__ */ c("td", {
+								className: "p-3",
+								children: /* @__PURE__ */ l("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ c(o, { className: "h-3 w-3" }), e.rating]
+								})
+							}),
+							/* @__PURE__ */ c("td", {
+								className: "p-3 text-right",
+								children: /* @__PURE__ */ c(u, {
+									variant: e.status === "published" ? "default" : "secondary",
+									children: e.status
+								})
+							})
+						]
+					}, e.id)) })]
+				})
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { _ as CoursesCourseListPagePage };
+//# sourceMappingURL=CoursesCourseListPagePage.js.map

package/dist/buildmyiq/pages/CoursesCourseListPagePage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CoursesCourseListPagePage.js","names":[],"sources":["../../../src/buildmyiq/pages/CoursesCourseListPagePage.tsx"],"sourcesContent":["import {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Badge,\n Button,\n Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Plus, Search, Filter, BookOpen, Users, Clock, TrendingUp } from 'lucide-react';\nimport { useState } from 'react';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nexport function CoursesCourseListPagePage() {\n const { courses } = useBuildMyIQStore();\n const [searchTerm, setSearchTerm] = useState('');\n\n const filtered = courses.filter(\n (c) =>\n searchTerm === '' ||\n c.title.toLowerCase().includes(searchTerm.toLowerCase()) ||\n c.category.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"text-2xl font-semibold\">All Courses</h1>\n <p className=\"text-sm text-muted-foreground\">Browse and manage available courses</p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\">\n <Filter className=\"mr-2 h-4 w-4\" />\n Filter\n </Button>\n <Button size=\"sm\">\n <Plus className=\"mr-2 h-4 w-4\" />\n Create Course\n </Button>\n </div>\n </div>\n\n <div className=\"relative max-w-md\">\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n <Input\n placeholder=\"Search courses...\"\n value={searchTerm}\n onChange={(e) => setSearchTerm(e.target.value)}\n className=\"pl-10\"\n />\n </div>\n\n <p className=\"text-sm text-muted-foreground\">{filtered.length} courses found</p>\n\n <Card>\n <CardHeader className=\"pb-3\">\n <CardTitle className=\"text-base\">Course Catalog</CardTitle>\n </CardHeader>\n <CardContent>\n <div className=\"overflow-x-auto\">\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"border-b text-left text-muted-foreground\">\n <th className=\"p-3\">Course</th>\n <th className=\"p-3\">Instructor</th>\n <th className=\"p-3\">Category</th>\n <th className=\"p-3\">Students</th>\n <th className=\"p-3\">Level</th>\n <th className=\"p-3\">Rating</th>\n <th className=\"p-3 text-right\">Status</th>\n </tr>\n </thead>\n <tbody>\n {filtered.map((course) => (\n <tr key={course.id} className=\"border-b hover:bg-muted/50\">\n <td className=\"p-3\">\n <div className=\"flex items-center gap-2\">\n <BookOpen className=\"h-4 w-4 text-primary\" />\n <div>\n <p className=\"font-medium\">{course.title}</p>\n <p className=\"text-xs text-muted-foreground\">\n {course.lessons} lessons · {course.duration}\n </p>\n </div>\n </div>\n </td>\n <td className=\"p-3\">{course.instructor}</td>\n <td className=\"p-3\">{course.category}</td>\n <td className=\"p-3\">\n <span className=\"flex items-center gap-1\">\n <Users className=\"h-3 w-3\" />\n {course.students}\n </span>\n </td>\n <td className=\"p-3\">\n <Badge variant=\"outline\">{course.level}</Badge>\n </td>\n <td className=\"p-3\">\n <span className=\"flex items-center gap-1\">\n <TrendingUp className=\"h-3 w-3\" />\n {course.rating}\n </span>\n </td>\n <td className=\"p-3 text-right\">\n <Badge variant={course.status === 'published' ? 'default' : 'secondary'}>\n {course.status}\n </Badge>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </CardContent>\n </Card>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/buildmyiq/pages/CoursesIndexPage.d.ts ADDED Viewed

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

package/dist/buildmyiq/pages/CoursesIndexPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"CoursesIndexPage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/CoursesIndexPage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,4CAwG/B"}

package/dist/buildmyiq/pages/CoursesIndexPage.js ADDED Viewed

@@ -0,0 +1,138 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { BookOpen as t, Clock as n, Filter as r, Plus as i, Star as a, TrendingUp as o, Users as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/CoursesIndexPage.tsx
+function g() {
+	let { courses: g } = e(), _ = g.filter((e) => e.status === "published"), v = [
+		{
+			title: "Total Courses",
+			value: String(g.length),
+			icon: t
+		},
+		{
+			title: "Published",
+			value: String(_.length),
+			icon: a
+		},
+		{
+			title: "Total Students",
+			value: String(_.reduce((e, t) => e + t.students, 0)),
+			icon: s
+		}
+	];
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-semibold",
+					children: "Courses"
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Manage your courses and track student progress"
+				})] }), /* @__PURE__ */ l("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ l(d, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ c(r, { className: "mr-2 h-4 w-4" }), "Filter"]
+					}), /* @__PURE__ */ l(d, {
+						size: "sm",
+						children: [/* @__PURE__ */ c(i, { className: "mr-2 h-4 w-4" }), "Create Course"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: v.map((e) => /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
+					className: "flex flex-row items-center justify-between space-y-0 pb-2",
+					children: [/* @__PURE__ */ c(h, {
+						className: "text-sm font-medium",
+						children: e.title
+					}), /* @__PURE__ */ c(e.icon, { className: "h-4 w-4 text-muted-foreground" })]
+				}), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+					className: "text-2xl font-bold",
+					children: e.value
+				}) })] }, e.title))
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: g.map((e) => /* @__PURE__ */ l(f, {
+					className: "hover:shadow-md transition-shadow",
+					children: [/* @__PURE__ */ l(m, { children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ c(u, {
+							variant: e.status === "published" ? "default" : "secondary",
+							children: e.status
+						}), /* @__PURE__ */ c(u, {
+							variant: "outline",
+							children: e.level
+						})]
+					}), /* @__PURE__ */ c(h, {
+						className: "text-lg mt-2",
+						children: e.title
+					})] }), /* @__PURE__ */ l(p, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ c("p", {
+								className: "text-sm text-muted-foreground line-clamp-2",
+								children: e.description
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "flex items-center gap-4 text-xs text-muted-foreground",
+								children: [
+									/* @__PURE__ */ l("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ c(s, { className: "h-3 w-3" }), e.students]
+									}),
+									/* @__PURE__ */ l("span", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ c(t, { className: "h-3 w-3" }),
+											e.lessons,
+											" lessons"
+										]
+									}),
+									/* @__PURE__ */ l("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ c(n, { className: "h-3 w-3" }), e.duration]
+									})
+								]
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ c("span", {
+									className: "text-sm font-medium",
+									children: e.instructor
+								}), /* @__PURE__ */ l("span", {
+									className: "flex items-center gap-1 text-sm",
+									children: [
+										/* @__PURE__ */ c(o, { className: "h-3 w-3" }),
+										e.rating,
+										"/5"
+									]
+								})]
+							}),
+							e.progress !== void 0 && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+								className: "flex justify-between text-xs mb-1",
+								children: [/* @__PURE__ */ c("span", { children: "Progress" }), /* @__PURE__ */ l("span", { children: [e.progress, "%"] })]
+							}), /* @__PURE__ */ c("div", {
+								className: "h-2 bg-muted rounded-full overflow-hidden",
+								children: /* @__PURE__ */ c("div", {
+									className: "h-2 bg-primary rounded-full",
+									style: { width: `${e.progress}%` }
+								})
+							})] })
+						]
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { g as CoursesIndexPage };
+//# sourceMappingURL=CoursesIndexPage.js.map