@burdenoff/microfe-buildmyiq 2026.509.101

package/dist/buildmyiq/pages/TeachingIndexPage.js

@@ -0,0 +1,220 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { BookOpen as t, ClipboardList as n, FileText as r, GraduationCap as i, Plus as a, Star 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";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/buildmyiq/pages/TeachingIndexPage.tsx
+function _() {
+	let { t: _ } = g(), v = (e, t) => {
+		let n = _(e);
+		return n === e ? t : n;
+	}, { courses: y, students: b, gradingQueue: x, assessments: S } = e(), C = y.reduce((e, t) => e + t.students, 0), w = (y.reduce((e, t) => e + t.rating, 0) / y.length).toFixed(1), T = x.filter((e) => e.status === "pending").length, E = S.filter((e) => e.status === "published").slice(0, 4);
+	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: v("buildmyiq.teachingIndex.title", "Teaching Dashboard")
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: v("buildmyiq.teachingIndex.subtitle", "Manage your courses, students, and assessments")
+				})] }), /* @__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" }), v("buildmyiq.teachingIndex.actions.createLessonPlan", "Create Lesson Plan")]
+					}), /* @__PURE__ */ l(d, {
+						size: "sm",
+						children: [/* @__PURE__ */ c(a, { className: "mr-2 h-4 w-4" }), v("buildmyiq.teachingIndex.actions.createCourse", "Create Course")]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 md:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(p, {
+						className: "pt-6",
+						children: /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ c(t, { className: "h-5 w-5 text-blue-600" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+								className: "text-sm text-muted-foreground",
+								children: v("buildmyiq.teachingIndex.stats.myCourses", "My Courses")
+							}), /* @__PURE__ */ c("p", {
+								className: "text-2xl font-bold",
+								children: y.length
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(p, {
+						className: "pt-6",
+						children: /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ c(s, { className: "h-5 w-5 text-purple-600" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+								className: "text-sm text-muted-foreground",
+								children: v("buildmyiq.teachingIndex.stats.totalStudents", "Total Students")
+							}), /* @__PURE__ */ c("p", {
+								className: "text-2xl font-bold",
+								children: C
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(p, {
+						className: "pt-6",
+						children: /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ c(o, { className: "h-5 w-5 text-yellow-600" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+								className: "text-sm text-muted-foreground",
+								children: v("buildmyiq.teachingIndex.stats.avgRating", "Avg. Rating")
+							}), /* @__PURE__ */ c("p", {
+								className: "text-2xl font-bold",
+								children: w
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(p, {
+						className: "pt-6",
+						children: /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ c(n, { className: "h-5 w-5 text-red-600" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+								className: "text-sm text-muted-foreground",
+								children: v("buildmyiq.teachingIndex.stats.pendingGrading", "Pending Grading")
+							}), /* @__PURE__ */ c("p", {
+								className: "text-2xl font-bold",
+								children: T
+							})] })]
+						})
+					}) })
+				]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, {
+					className: "text-lg",
+					children: v("buildmyiq.teachingIndex.recentSubmissions.title", "Recent Submissions")
+				}) }), /* @__PURE__ */ c(p, {
+					className: "space-y-3",
+					children: x.slice(0, 5).map((e) => /* @__PURE__ */ l("div", {
+						className: "flex items-center gap-3 rounded-lg border p-3",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-xs font-bold",
+								children: e.studentAvatar
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ c("p", {
+									className: "text-sm font-medium",
+									children: e.studentName
+								}), /* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										e.assignment,
+										" - ",
+										e.course
+									]
+								})]
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ c(u, {
+									variant: e.priority === "high" ? "destructive" : "secondary",
+									className: "text-xs",
+									children: v(`buildmyiq.teachingIndex.priority.${e.priority}`, e.priority)
+								}), /* @__PURE__ */ c(d, {
+									size: "sm",
+									variant: "outline",
+									children: v("buildmyiq.teachingIndex.recentSubmissions.grade", "Grade")
+								})]
+							})
+						]
+					}, e.id))
+				})] }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, {
+					className: "text-lg",
+					children: v("buildmyiq.teachingIndex.upcomingDeadlines.title", "Upcoming Deadlines")
+				}) }), /* @__PURE__ */ c(p, {
+					className: "space-y-3",
+					children: E.map((e) => /* @__PURE__ */ l("div", {
+						className: "flex items-center gap-3 rounded-lg border p-3",
+						children: [
+							/* @__PURE__ */ c(i, { className: "h-5 w-5 text-muted-foreground shrink-0" }),
+							/* @__PURE__ */ l("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ c("p", {
+									className: "text-sm font-medium",
+									children: e.title
+								}), /* @__PURE__ */ c("p", {
+									className: "text-xs text-muted-foreground",
+									children: e.course
+								})]
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "text-right shrink-0",
+								children: [/* @__PURE__ */ c("p", {
+									className: "text-sm font-medium",
+									children: e.dueDate
+								}), /* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										e.submissions,
+										"/",
+										e.totalStudents,
+										" ",
+										v("buildmyiq.teachingIndex.upcomingDeadlines.submitted", "submitted")
+									]
+								})]
+							})
+						]
+					}, e.id))
+				})] })]
+			}),
+			/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, {
+				className: "text-lg",
+				children: v("buildmyiq.teachingIndex.quickActions.title", "Quick Actions")
+			}) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-3",
+				children: [
+					{
+						label: v("buildmyiq.teachingIndex.quickActions.gradeSubmissions.label", "Grade Submissions"),
+						icon: n,
+						count: `${T} ${v("buildmyiq.teachingIndex.quickActions.gradeSubmissions.count", "pending")}`
+					},
+					{
+						label: v("buildmyiq.teachingIndex.quickActions.myCourses.label", "My Courses"),
+						icon: t,
+						count: `${y.length} ${v("buildmyiq.teachingIndex.quickActions.myCourses.count", "courses")}`
+					},
+					{
+						label: v("buildmyiq.teachingIndex.quickActions.studentList.label", "Student List"),
+						icon: s,
+						count: `${b.length} ${v("buildmyiq.teachingIndex.quickActions.studentList.count", "students")}`
+					},
+					{
+						label: v("buildmyiq.teachingIndex.quickActions.createAssessment.label", "Create Assessment"),
+						icon: r,
+						count: v("buildmyiq.teachingIndex.quickActions.createAssessment.count", "New")
+					}
+				].map((e) => /* @__PURE__ */ l("button", {
+					className: "rounded-lg border p-4 hover:bg-muted/50 transition-colors text-left",
+					children: [
+						/* @__PURE__ */ c(e.icon, { className: "h-5 w-5 text-muted-foreground mb-2" }),
+						/* @__PURE__ */ c("p", {
+							className: "text-sm font-medium",
+							children: e.label
+						}),
+						/* @__PURE__ */ c("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.count
+						})
+					]
+				}, e.label))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { _ as TeachingIndexPage };
+
+//# sourceMappingURL=TeachingIndexPage.js.map

package/dist/buildmyiq/pages/TeachingIndexPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeachingIndexPage.js","names":[],"sources":["../../../src/buildmyiq/pages/TeachingIndexPage.tsx"],"sourcesContent":["import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { BookOpen, Users, Star, ClipboardList, Plus, FileText, GraduationCap } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nexport function TeachingIndexPage() {\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, students, gradingQueue, assessments } = useBuildMyIQStore();\n\n  const totalStudents = courses.reduce((sum, c) => sum + c.students, 0);\n  const avgRating = (courses.reduce((sum, c) => sum + c.rating, 0) / courses.length).toFixed(1);\n  const pendingGrading = gradingQueue.filter((g) => g.status === 'pending').length;\n  const upcomingDeadlines = assessments.filter((a) => a.status === 'published').slice(0, 4);\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.teachingIndex.title', 'Teaching Dashboard')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {t(\n              'buildmyiq.teachingIndex.subtitle',\n              'Manage your courses, students, and assessments'\n            )}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <FileText className=\"mr-2 h-4 w-4\" />\n            {t('buildmyiq.teachingIndex.actions.createLessonPlan', 'Create Lesson Plan')}\n          </Button>\n          <Button size=\"sm\">\n            <Plus className=\"mr-2 h-4 w-4\" />\n            {t('buildmyiq.teachingIndex.actions.createCourse', 'Create Course')}\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex items-center gap-3\">\n              <BookOpen className=\"h-5 w-5 text-blue-600\" />\n              <div>\n                <p className=\"text-sm text-muted-foreground\">\n                  {t('buildmyiq.teachingIndex.stats.myCourses', 'My Courses')}\n                </p>\n                <p className=\"text-2xl font-bold\">{courses.length}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex items-center gap-3\">\n              <Users className=\"h-5 w-5 text-purple-600\" />\n              <div>\n                <p className=\"text-sm text-muted-foreground\">\n                  {t('buildmyiq.teachingIndex.stats.totalStudents', 'Total Students')}\n                </p>\n                <p className=\"text-2xl font-bold\">{totalStudents}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex items-center gap-3\">\n              <Star className=\"h-5 w-5 text-yellow-600\" />\n              <div>\n                <p className=\"text-sm text-muted-foreground\">\n                  {t('buildmyiq.teachingIndex.stats.avgRating', 'Avg. Rating')}\n                </p>\n                <p className=\"text-2xl font-bold\">{avgRating}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex items-center gap-3\">\n              <ClipboardList className=\"h-5 w-5 text-red-600\" />\n              <div>\n                <p className=\"text-sm text-muted-foreground\">\n                  {t('buildmyiq.teachingIndex.stats.pendingGrading', 'Pending Grading')}\n                </p>\n                <p className=\"text-2xl font-bold\">{pendingGrading}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-lg\">\n              {t('buildmyiq.teachingIndex.recentSubmissions.title', 'Recent Submissions')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {gradingQueue.slice(0, 5).map((item) => (\n              <div key={item.id} className=\"flex items-center gap-3 rounded-lg border p-3\">\n                <div className=\"w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-xs font-bold\">\n                  {item.studentAvatar}\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium\">{item.studentName}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {item.assignment} - {item.course}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Badge\n                    variant={item.priority === 'high' ? 'destructive' : 'secondary'}\n                    className=\"text-xs\"\n                  >\n                    {t(`buildmyiq.teachingIndex.priority.${item.priority}`, item.priority)}\n                  </Badge>\n                  <Button size=\"sm\" variant=\"outline\">\n                    {t('buildmyiq.teachingIndex.recentSubmissions.grade', 'Grade')}\n                  </Button>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-lg\">\n              {t('buildmyiq.teachingIndex.upcomingDeadlines.title', 'Upcoming Deadlines')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {upcomingDeadlines.map((a) => (\n              <div key={a.id} className=\"flex items-center gap-3 rounded-lg border p-3\">\n                <GraduationCap className=\"h-5 w-5 text-muted-foreground shrink-0\" />\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium\">{a.title}</p>\n                  <p className=\"text-xs text-muted-foreground\">{a.course}</p>\n                </div>\n                <div className=\"text-right shrink-0\">\n                  <p className=\"text-sm font-medium\">{a.dueDate}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {a.submissions}/{a.totalStudents}{' '}\n                    {t('buildmyiq.teachingIndex.upcomingDeadlines.submitted', 'submitted')}\n                  </p>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-lg\">\n            {t('buildmyiq.teachingIndex.quickActions.title', 'Quick Actions')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\n            {[\n              {\n                label: t(\n                  'buildmyiq.teachingIndex.quickActions.gradeSubmissions.label',\n                  'Grade Submissions'\n                ),\n                icon: ClipboardList,\n                count: `${pendingGrading} ${t('buildmyiq.teachingIndex.quickActions.gradeSubmissions.count', 'pending')}`,\n              },\n              {\n                label: t('buildmyiq.teachingIndex.quickActions.myCourses.label', 'My Courses'),\n                icon: BookOpen,\n                count: `${courses.length} ${t('buildmyiq.teachingIndex.quickActions.myCourses.count', 'courses')}`,\n              },\n              {\n                label: t('buildmyiq.teachingIndex.quickActions.studentList.label', 'Student List'),\n                icon: Users,\n                count: `${students.length} ${t('buildmyiq.teachingIndex.quickActions.studentList.count', 'students')}`,\n              },\n              {\n                label: t(\n                  'buildmyiq.teachingIndex.quickActions.createAssessment.label',\n                  'Create Assessment'\n                ),\n                icon: FileText,\n                count: t('buildmyiq.teachingIndex.quickActions.createAssessment.count', 'New'),\n              },\n            ].map((action) => (\n              <button\n                key={action.label}\n                className=\"rounded-lg border p-4 hover:bg-muted/50 transition-colors text-left\"\n              >\n                <action.icon className=\"h-5 w-5 text-muted-foreground mb-2\" />\n                <p className=\"text-sm font-medium\">{action.label}</p>\n                <p className=\"text-xs text-muted-foreground\">{action.count}</p>\n              </button>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/buildmyiq/pages/TeachingLessonPlansPage.d.ts

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

package/dist/buildmyiq/pages/TeachingLessonPlansPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeachingLessonPlansPage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/TeachingLessonPlansPage.tsx"],"names":[],"mappings":"AAKA,wBAAgB,uBAAuB,4CAwItC"}

package/dist/buildmyiq/pages/TeachingLessonPlansPage.js

@@ -0,0 +1,157 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { useState as t } from "react";
+import { CheckCircle as n, Clock as r, Package as i, Plus as a, Target as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/TeachingLessonPlansPage.tsx
+function h() {
+	let { lessonPlans: h, courses: g } = e(), [_, v] = t("all"), [y, b] = t("all"), x = ["all", ...Array.from(new Set(h.map((e) => e.course)))], S = h.filter((e) => {
+		let t = _ === "all" || e.course === _, n = y === "all" || e.status === y;
+		return t && n;
+	}), C = h.filter((e) => e.status === "published").length, w = h.filter((e) => e.status === "draft").length;
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-semibold",
+					children: "Lesson Plans"
+				}), /* @__PURE__ */ s("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Create and manage your lesson plans"
+				})] }), /* @__PURE__ */ c(u, {
+					size: "sm",
+					children: [/* @__PURE__ */ s(a, { className: "mr-2 h-4 w-4" }), "Create Lesson Plan"]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+						className: "pt-6",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Total Plans"
+						}), /* @__PURE__ */ s("p", {
+							className: "text-2xl font-bold",
+							children: h.length
+						})]
+					}) }),
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+						className: "pt-6",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Published"
+						}), /* @__PURE__ */ s("p", {
+							className: "text-2xl font-bold text-green-600",
+							children: C
+						})]
+					}) }),
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(f, {
+						className: "pt-6",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Drafts"
+						}), /* @__PURE__ */ s("p", {
+							className: "text-2xl font-bold text-yellow-600",
+							children: w
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex flex-col sm:flex-row gap-3",
+				children: [/* @__PURE__ */ s("select", {
+					value: _,
+					onChange: (e) => v(e.target.value),
+					className: "h-9 rounded-md border border-input bg-background px-3 text-sm",
+					children: x.map((e) => /* @__PURE__ */ s("option", {
+						value: e,
+						children: e === "all" ? "All Courses" : e
+					}, e))
+				}), /* @__PURE__ */ s("div", {
+					className: "flex gap-1",
+					children: [
+						"all",
+						"published",
+						"draft"
+					].map((e) => /* @__PURE__ */ s(u, {
+						variant: y === e ? "default" : "outline",
+						size: "sm",
+						className: "capitalize",
+						onClick: () => b(e),
+						children: e
+					}, e))
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				children: S.map((e) => /* @__PURE__ */ c(d, {
+					className: "hover:shadow-md transition-shadow",
+					children: [/* @__PURE__ */ c(p, {
+						className: "pb-2",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ s(l, {
+									variant: e.status === "published" ? "default" : "secondary",
+									className: "text-xs",
+									children: e.status
+								}), /* @__PURE__ */ c("div", {
+									className: "flex items-center gap-1 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), e.duration]
+								})]
+							}),
+							/* @__PURE__ */ s(m, {
+								className: "text-lg mt-2",
+								children: e.title
+							}),
+							/* @__PURE__ */ s("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.course
+							})
+						]
+					}), /* @__PURE__ */ c(f, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
+								className: "flex items-center gap-1 text-sm font-medium mb-1",
+								children: [/* @__PURE__ */ s(o, { className: "h-4 w-4 text-muted-foreground" }), "Objectives"]
+							}), /* @__PURE__ */ s("ul", {
+								className: "text-sm text-muted-foreground space-y-1",
+								children: e.objectives.map((e, t) => /* @__PURE__ */ c("li", {
+									className: "flex items-start gap-1",
+									children: [/* @__PURE__ */ s(n, { className: "h-3 w-3 mt-1 text-green-500 shrink-0" }), e]
+								}, t))
+							})] }),
+							/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
+								className: "flex items-center gap-1 text-sm font-medium mb-1",
+								children: [/* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" }), "Materials"]
+							}), /* @__PURE__ */ s("div", {
+								className: "flex flex-wrap gap-1",
+								children: e.materials.map((e, t) => /* @__PURE__ */ s(l, {
+									variant: "outline",
+									className: "text-xs",
+									children: e
+								}, t))
+							})] }),
+							/* @__PURE__ */ c("div", {
+								className: "flex items-center justify-between text-xs text-muted-foreground pt-2 border-t",
+								children: [/* @__PURE__ */ c("span", { children: ["Updated: ", e.lastUpdated] }), /* @__PURE__ */ s(u, {
+									size: "sm",
+									variant: "outline",
+									children: "Edit"
+								})]
+							})
+						]
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { h as TeachingLessonPlansPage };
+
+//# sourceMappingURL=TeachingLessonPlansPage.js.map

package/dist/buildmyiq/pages/TeachingLessonPlansPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeachingLessonPlansPage.js","names":[],"sources":["../../../src/buildmyiq/pages/TeachingLessonPlansPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { FileText, Plus, Clock, CheckCircle, BookOpen, Target, Package } from 'lucide-react';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nexport function TeachingLessonPlansPage() {\n  const { lessonPlans, courses } = useBuildMyIQStore();\n  const [courseFilter, setCourseFilter] = useState('all');\n  const [statusFilter, setStatusFilter] = useState('all');\n\n  const courseNames = ['all', ...Array.from(new Set(lessonPlans.map((lp) => lp.course)))];\n\n  const filtered = lessonPlans.filter((lp) => {\n    const matchesCourse = courseFilter === 'all' || lp.course === courseFilter;\n    const matchesStatus = statusFilter === 'all' || lp.status === statusFilter;\n    return matchesCourse && matchesStatus;\n  });\n\n  const published = lessonPlans.filter((lp) => lp.status === 'published').length;\n  const drafts = lessonPlans.filter((lp) => lp.status === 'draft').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\">Lesson Plans</h1>\n          <p className=\"text-sm text-muted-foreground\">Create and manage your lesson plans</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Lesson Plan\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n        <Card>\n          <CardContent className=\"pt-6\">\n            <p className=\"text-sm text-muted-foreground\">Total Plans</p>\n            <p className=\"text-2xl font-bold\">{lessonPlans.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <p className=\"text-sm text-muted-foreground\">Published</p>\n            <p className=\"text-2xl font-bold text-green-600\">{published}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <p className=\"text-sm text-muted-foreground\">Drafts</p>\n            <p className=\"text-2xl font-bold text-yellow-600\">{drafts}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex flex-col sm:flex-row gap-3\">\n        <select\n          value={courseFilter}\n          onChange={(e) => setCourseFilter(e.target.value)}\n          className=\"h-9 rounded-md border border-input bg-background px-3 text-sm\"\n        >\n          {courseNames.map((c) => (\n            <option key={c} value={c}>\n              {c === 'all' ? 'All Courses' : c}\n            </option>\n          ))}\n        </select>\n        <div className=\"flex gap-1\">\n          {['all', 'published', 'draft'].map((s) => (\n            <Button\n              key={s}\n              variant={statusFilter === s ? 'default' : 'outline'}\n              size=\"sm\"\n              className=\"capitalize\"\n              onClick={() => setStatusFilter(s)}\n            >\n              {s}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {filtered.map((plan) => (\n          <Card key={plan.id} className=\"hover:shadow-md transition-shadow\">\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center justify-between\">\n                <Badge\n                  variant={plan.status === 'published' ? 'default' : 'secondary'}\n                  className=\"text-xs\"\n                >\n                  {plan.status}\n                </Badge>\n                <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                  <Clock className=\"h-3 w-3\" />\n                  {plan.duration}\n                </div>\n              </div>\n              <CardTitle className=\"text-lg mt-2\">{plan.title}</CardTitle>\n              <p className=\"text-sm text-muted-foreground\">{plan.course}</p>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <div>\n                <div className=\"flex items-center gap-1 text-sm font-medium mb-1\">\n                  <Target className=\"h-4 w-4 text-muted-foreground\" />\n                  Objectives\n                </div>\n                <ul className=\"text-sm text-muted-foreground space-y-1\">\n                  {plan.objectives.map((obj, i) => (\n                    <li key={i} className=\"flex items-start gap-1\">\n                      <CheckCircle className=\"h-3 w-3 mt-1 text-green-500 shrink-0\" />\n                      {obj}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n              <div>\n                <div className=\"flex items-center gap-1 text-sm font-medium mb-1\">\n                  <Package className=\"h-4 w-4 text-muted-foreground\" />\n                  Materials\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {plan.materials.map((mat, i) => (\n                    <Badge key={i} variant=\"outline\" className=\"text-xs\">\n                      {mat}\n                    </Badge>\n                  ))}\n                </div>\n              </div>\n              <div className=\"flex items-center justify-between text-xs text-muted-foreground pt-2 border-t\">\n                <span>Updated: {plan.lastUpdated}</span>\n                <Button size=\"sm\" variant=\"outline\">\n                  Edit\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/buildmyiq/pages/TeachingQuestionsPage.d.ts

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

package/dist/buildmyiq/pages/TeachingQuestionsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeachingQuestionsPage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/TeachingQuestionsPage.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,qBAAqB,4CAuJpC"}

package/dist/buildmyiq/pages/TeachingQuestionsPage.js

@@ -0,0 +1,184 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { useState as t } from "react";
+import { CheckSquare as n, FileText as r, Plus as i, Search as a, ToggleLeft as o, Type 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, Input as m } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/TeachingQuestionsPage.tsx
+var h = {
+	multiple_choice: {
+		label: "Multiple Choice",
+		icon: n,
+		color: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"
+	},
+	short_answer: {
+		label: "Short Answer",
+		icon: s,
+		color: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"
+	},
+	essay: {
+		label: "Essay",
+		icon: r,
+		color: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400"
+	},
+	true_false: {
+		label: "True/False",
+		icon: o,
+		color: "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400"
+	}
+};
+function g() {
+	let { quizQuestions: n } = e(), [r, o] = t(""), [s, g] = t("all"), [_, v] = t("all"), y = ["all", ...Array.from(new Set(n.map((e) => e.course)))], b = n.filter((e) => {
+		let t = e.question.toLowerCase().includes(r.toLowerCase()) || e.topic.toLowerCase().includes(r.toLowerCase()), n = s === "all" || e.type === s, i = _ === "all" || e.course === _;
+		return t && n && i;
+	}), x = {
+		multiple_choice: n.filter((e) => e.type === "multiple_choice").length,
+		short_answer: n.filter((e) => e.type === "short_answer").length,
+		essay: n.filter((e) => e.type === "essay").length,
+		true_false: n.filter((e) => e.type === "true_false").length
+	};
+	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: "Question Bank"
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Manage and organize your assessment questions"
+				})] }), /* @__PURE__ */ l(d, {
+					size: "sm",
+					children: [/* @__PURE__ */ c(i, { className: "mr-2 h-4 w-4" }), "Create Question"]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 md:grid-cols-5 gap-4",
+				children: [/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					className: "pt-6",
+					children: [/* @__PURE__ */ c("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Total Questions"
+					}), /* @__PURE__ */ c("p", {
+						className: "text-2xl font-bold",
+						children: n.length
+					})]
+				}) }), Object.entries(h).map(([e, t]) => /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(p, {
+					className: "pt-6",
+					children: /* @__PURE__ */ l("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ c(t.icon, { className: `h-4 w-4 ${t.color.split(" ")[1]}` }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: t.label
+						}), /* @__PURE__ */ c("p", {
+							className: "text-2xl font-bold",
+							children: x[e]
+						})] })]
+					})
+				}) }, e))]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "flex flex-col sm:flex-row gap-3",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "relative flex-1",
+						children: [/* @__PURE__ */ c(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ c(m, {
+							placeholder: "Search questions...",
+							value: r,
+							onChange: (e) => o(e.target.value),
+							className: "pl-10"
+						})]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "flex gap-1",
+						children: [/* @__PURE__ */ c(d, {
+							variant: s === "all" ? "default" : "outline",
+							size: "sm",
+							onClick: () => g("all"),
+							children: "All Types"
+						}), Object.entries(h).map(([e, t]) => /* @__PURE__ */ c(d, {
+							variant: s === e ? "default" : "outline",
+							size: "sm",
+							onClick: () => g(e),
+							children: t.label
+						}, e))]
+					}),
+					/* @__PURE__ */ c("select", {
+						value: _,
+						onChange: (e) => v(e.target.value),
+						className: "h-9 rounded-md border border-input bg-background px-3 text-sm",
+						children: y.map((e) => /* @__PURE__ */ c("option", {
+							value: e,
+							children: e === "all" ? "All Courses" : e
+						}, e))
+					})
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "space-y-3",
+				children: b.map((e) => {
+					let t = h[e.type];
+					return /* @__PURE__ */ c(f, {
+						className: "hover:shadow-md transition-shadow",
+						children: /* @__PURE__ */ c(p, {
+							className: "py-4",
+							children: /* @__PURE__ */ l("div", {
+								className: "flex items-start gap-3",
+								children: [
+									/* @__PURE__ */ c("div", {
+										className: `rounded-lg p-2 ${t.color.split(" ").slice(0, 1).join(" ")} shrink-0 mt-0.5`,
+										children: /* @__PURE__ */ c(t.icon, { className: `h-4 w-4 ${t.color.split(" ")[1]}` })
+									}),
+									/* @__PURE__ */ l("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ c("p", {
+												className: "text-sm font-medium mb-1",
+												children: e.question
+											}),
+											e.options && /* @__PURE__ */ c("div", {
+												className: "flex flex-wrap gap-1 mb-2",
+												children: e.options.map((t, n) => /* @__PURE__ */ c(u, {
+													variant: t === e.correctAnswer ? "default" : "outline",
+													className: "text-xs",
+													children: t
+												}, n))
+											}),
+											/* @__PURE__ */ l("div", {
+												className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
+												children: [
+													/* @__PURE__ */ c(u, {
+														className: t.color,
+														children: t.label
+													}),
+													/* @__PURE__ */ c("span", { children: e.course }),
+													/* @__PURE__ */ c("span", { children: "-" }),
+													/* @__PURE__ */ c("span", { children: e.topic }),
+													/* @__PURE__ */ l(u, {
+														variant: "outline",
+														className: "text-xs",
+														children: [e.points, " pts"]
+													})
+												]
+											})
+										]
+									}),
+									/* @__PURE__ */ c(d, {
+										size: "sm",
+										variant: "outline",
+										className: "shrink-0",
+										children: "Edit"
+									})
+								]
+							})
+						})
+					}, e.id);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { g as TeachingQuestionsPage };
+
+//# sourceMappingURL=TeachingQuestionsPage.js.map