@burdenoff/microfe-buildmyiq 2026.509.101

package/dist/buildmyiq/pages/CoursesCourseCreatePagePage.js

@@ -0,0 +1,239 @@
+import { useState as e } from "react";
+import { AlertCircle as t, BookOpen as n, Calendar as r, CheckCircle as i, Eye as a, Save as o, Tag as s, Users as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, Input as _, Label as v, Tabs as y, TabsContent as b, TabsList as x, TabsTrigger as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/CoursesCourseCreatePagePage.tsx
+function w() {
+	let [w, T] = e(""), [E, D] = e(""), [O, k] = e(""), [A, j] = e(!0);
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ u("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+				className: "text-2xl font-semibold",
+				children: "Create New Course"
+			}), /* @__PURE__ */ l("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Build your course from scratch"
+			})] }), /* @__PURE__ */ u("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ u(f, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ l(a, { className: "mr-2 h-4 w-4" }), "Preview"]
+					}),
+					/* @__PURE__ */ u(f, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ l(o, { className: "mr-2 h-4 w-4" }), "Save Draft"]
+					}),
+					/* @__PURE__ */ u(f, {
+						size: "sm",
+						children: [/* @__PURE__ */ l(i, { className: "mr-2 h-4 w-4" }), A ? "Publish" : "Update"]
+					})
+				]
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "grid grid-cols-1 lg:grid-cols-4 gap-6",
+			children: [/* @__PURE__ */ l("div", {
+				className: "lg:col-span-3",
+				children: /* @__PURE__ */ u(y, {
+					defaultValue: "basic",
+					className: "w-full",
+					children: [
+						/* @__PURE__ */ u(x, {
+							className: "grid w-full grid-cols-4",
+							children: [
+								/* @__PURE__ */ l(S, {
+									value: "basic",
+									children: "Basic Info"
+								}),
+								/* @__PURE__ */ l(S, {
+									value: "content",
+									children: "Content"
+								}),
+								/* @__PURE__ */ l(S, {
+									value: "media",
+									children: "Media"
+								}),
+								/* @__PURE__ */ l(S, {
+									value: "settings",
+									children: "Settings"
+								})
+							]
+						}),
+						/* @__PURE__ */ l(b, {
+							value: "basic",
+							className: "mt-4",
+							children: /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+								className: "pt-6 space-y-4",
+								children: [
+									/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(v, { children: "Course Title" }), /* @__PURE__ */ l(_, {
+										value: w,
+										onChange: (e) => T(e.target.value),
+										placeholder: "e.g., Advanced Mathematics: Calculus I",
+										className: "mt-1"
+									})] }),
+									/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(v, { children: "Description" }), /* @__PURE__ */ l(C, {
+										value: E,
+										onChange: (e) => D(e.target.value),
+										placeholder: "Describe your course...",
+										className: "mt-1",
+										rows: 4
+									})] }),
+									/* @__PURE__ */ u("div", {
+										className: "grid grid-cols-2 gap-4",
+										children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(v, { children: "Category" }), /* @__PURE__ */ l(_, {
+											value: O,
+											onChange: (e) => k(e.target.value),
+											placeholder: "e.g., Mathematics",
+											className: "mt-1"
+										})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(v, { children: "Level" }), /* @__PURE__ */ l(_, {
+											placeholder: "e.g., Advanced",
+											className: "mt-1"
+										})] })]
+									}),
+									/* @__PURE__ */ u("div", {
+										className: "grid grid-cols-2 gap-4",
+										children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(v, { children: "Price ($)" }), /* @__PURE__ */ l(_, {
+											type: "number",
+											placeholder: "299",
+											className: "mt-1"
+										})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l(v, { children: "Duration" }), /* @__PURE__ */ l(_, {
+											placeholder: "e.g., 12 weeks",
+											className: "mt-1"
+										})] })]
+									})
+								]
+							}) })
+						}),
+						/* @__PURE__ */ l(b, {
+							value: "content",
+							className: "mt-4",
+							children: /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+								className: "pt-6 text-center py-12 border-2 border-dashed rounded-lg",
+								children: [
+									/* @__PURE__ */ l(n, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+									/* @__PURE__ */ l("h3", {
+										className: "text-lg font-medium mb-2",
+										children: "Build Your Curriculum"
+									}),
+									/* @__PURE__ */ l("p", {
+										className: "text-muted-foreground mb-4",
+										children: "Add modules, lessons, and assessments."
+									}),
+									/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(n, { className: "mr-2 h-4 w-4" }), "Add Module"] })
+								]
+							}) })
+						}),
+						/* @__PURE__ */ l(b, {
+							value: "media",
+							className: "mt-4",
+							children: /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(m, {
+								className: "pt-6 text-center py-12",
+								children: /* @__PURE__ */ l("p", {
+									className: "text-muted-foreground",
+									children: "Upload course thumbnail, videos, and supporting materials."
+								})
+							}) })
+						}),
+						/* @__PURE__ */ l(b, {
+							value: "settings",
+							className: "mt-4",
+							children: /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(m, {
+								className: "pt-6 text-center py-12",
+								children: /* @__PURE__ */ l("p", {
+									className: "text-muted-foreground",
+									children: "Configure enrollment, visibility, and notification settings."
+								})
+							}) })
+						})
+					]
+				})
+			}), /* @__PURE__ */ u("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
+						className: "text-base",
+						children: "Course Status"
+					}) }), /* @__PURE__ */ l(m, {
+						className: "space-y-3",
+						children: /* @__PURE__ */ u("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-sm",
+								children: "Status"
+							}), /* @__PURE__ */ l(d, {
+								variant: A ? "secondary" : "default",
+								children: A ? "Draft" : "Published"
+							})]
+						})
+					})] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
+						className: "text-base",
+						children: "Publication Checklist"
+					}) }), /* @__PURE__ */ l(m, {
+						className: "space-y-3",
+						children: [
+							{
+								label: "Course title",
+								done: !!w
+							},
+							{
+								label: "Course description",
+								done: !!E
+							},
+							{
+								label: "Course category",
+								done: !!O
+							},
+							{
+								label: "Course thumbnail",
+								done: !1
+							},
+							{
+								label: "At least one module",
+								done: !1
+							},
+							{
+								label: "Course pricing",
+								done: !1
+							}
+						].map((e) => /* @__PURE__ */ u("div", {
+							className: "flex items-center gap-2",
+							children: [e.done ? /* @__PURE__ */ l(i, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ l(t, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ l("span", {
+								className: `text-sm ${e.done ? "" : "text-muted-foreground"}`,
+								children: e.label
+							})]
+						}, e.label))
+					})] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
+						className: "text-base",
+						children: "Tips for Success"
+					}) }), /* @__PURE__ */ u(m, {
+						className: "space-y-3 text-sm text-muted-foreground",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ l(c, { className: "h-4 w-4 mt-0.5 text-primary shrink-0" }), /* @__PURE__ */ l("p", { children: "Engage students with interactive content." })]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ l(r, { className: "h-4 w-4 mt-0.5 text-green-500 shrink-0" }), /* @__PURE__ */ l("p", { children: "Structure with clear learning objectives." })]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ l(s, { className: "h-4 w-4 mt-0.5 text-primary shrink-0" }), /* @__PURE__ */ l("p", { children: "Use relevant tags for discoverability." })]
+							})
+						]
+					})] })
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { w as CoursesCourseCreatePagePage };
+
+//# sourceMappingURL=CoursesCourseCreatePagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesCourseCreatePagePage.js","names":[],"sources":["../../../src/buildmyiq/pages/CoursesCourseCreatePagePage.tsx"],"sourcesContent":["import {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n  Label,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Save,\n  Eye,\n  BookOpen,\n  CheckCircle,\n  AlertCircle,\n  Clock,\n  Users,\n  Calendar,\n  Tag,\n} from 'lucide-react';\nimport { useState } from 'react';\n\nexport function CoursesCourseCreatePagePage() {\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [category, setCategory] = useState('');\n  const [isDraft, setIsDraft] = useState(true);\n\n  const checklist = [\n    { label: 'Course title', done: !!title },\n    { label: 'Course description', done: !!description },\n    { label: 'Course category', done: !!category },\n    { label: 'Course thumbnail', done: false },\n    { label: 'At least one module', done: false },\n    { label: 'Course pricing', done: false },\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\">Create New Course</h1>\n          <p className=\"text-sm text-muted-foreground\">Build your course from scratch</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Eye className=\"mr-2 h-4 w-4\" />\n            Preview\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            <Save className=\"mr-2 h-4 w-4\" />\n            Save Draft\n          </Button>\n          <Button size=\"sm\">\n            <CheckCircle className=\"mr-2 h-4 w-4\" />\n            {isDraft ? 'Publish' : 'Update'}\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-4 gap-6\">\n        <div className=\"lg:col-span-3\">\n          <Tabs defaultValue=\"basic\" className=\"w-full\">\n            <TabsList className=\"grid w-full grid-cols-4\">\n              <TabsTrigger value=\"basic\">Basic Info</TabsTrigger>\n              <TabsTrigger value=\"content\">Content</TabsTrigger>\n              <TabsTrigger value=\"media\">Media</TabsTrigger>\n              <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n            </TabsList>\n            <TabsContent value=\"basic\" className=\"mt-4\">\n              <Card>\n                <CardContent className=\"pt-6 space-y-4\">\n                  <div>\n                    <Label>Course Title</Label>\n                    <Input\n                      value={title}\n                      onChange={(e) => setTitle(e.target.value)}\n                      placeholder=\"e.g., Advanced Mathematics: Calculus I\"\n                      className=\"mt-1\"\n                    />\n                  </div>\n                  <div>\n                    <Label>Description</Label>\n                    <Textarea\n                      value={description}\n                      onChange={(e) => setDescription(e.target.value)}\n                      placeholder=\"Describe your course...\"\n                      className=\"mt-1\"\n                      rows={4}\n                    />\n                  </div>\n                  <div className=\"grid grid-cols-2 gap-4\">\n                    <div>\n                      <Label>Category</Label>\n                      <Input\n                        value={category}\n                        onChange={(e) => setCategory(e.target.value)}\n                        placeholder=\"e.g., Mathematics\"\n                        className=\"mt-1\"\n                      />\n                    </div>\n                    <div>\n                      <Label>Level</Label>\n                      <Input placeholder=\"e.g., Advanced\" className=\"mt-1\" />\n                    </div>\n                  </div>\n                  <div className=\"grid grid-cols-2 gap-4\">\n                    <div>\n                      <Label>Price ($)</Label>\n                      <Input type=\"number\" placeholder=\"299\" className=\"mt-1\" />\n                    </div>\n                    <div>\n                      <Label>Duration</Label>\n                      <Input placeholder=\"e.g., 12 weeks\" className=\"mt-1\" />\n                    </div>\n                  </div>\n                </CardContent>\n              </Card>\n            </TabsContent>\n            <TabsContent value=\"content\" className=\"mt-4\">\n              <Card>\n                <CardContent className=\"pt-6 text-center py-12 border-2 border-dashed rounded-lg\">\n                  <BookOpen className=\"h-12 w-12 text-muted-foreground mx-auto mb-4\" />\n                  <h3 className=\"text-lg font-medium mb-2\">Build Your Curriculum</h3>\n                  <p className=\"text-muted-foreground mb-4\">\n                    Add modules, lessons, and assessments.\n                  </p>\n                  <Button>\n                    <BookOpen className=\"mr-2 h-4 w-4\" />\n                    Add Module\n                  </Button>\n                </CardContent>\n              </Card>\n            </TabsContent>\n            <TabsContent value=\"media\" className=\"mt-4\">\n              <Card>\n                <CardContent className=\"pt-6 text-center py-12\">\n                  <p className=\"text-muted-foreground\">\n                    Upload course thumbnail, videos, and supporting materials.\n                  </p>\n                </CardContent>\n              </Card>\n            </TabsContent>\n            <TabsContent value=\"settings\" className=\"mt-4\">\n              <Card>\n                <CardContent className=\"pt-6 text-center py-12\">\n                  <p className=\"text-muted-foreground\">\n                    Configure enrollment, visibility, and notification settings.\n                  </p>\n                </CardContent>\n              </Card>\n            </TabsContent>\n          </Tabs>\n        </div>\n\n        <div className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Course Status</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm\">Status</span>\n                <Badge variant={isDraft ? 'secondary' : 'default'}>\n                  {isDraft ? 'Draft' : 'Published'}\n                </Badge>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Publication Checklist</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {checklist.map((item) => (\n                <div key={item.label} className=\"flex items-center gap-2\">\n                  {item.done ? (\n                    <CheckCircle className=\"h-4 w-4 text-green-500\" />\n                  ) : (\n                    <AlertCircle className=\"h-4 w-4 text-muted-foreground\" />\n                  )}\n                  <span className={`text-sm ${item.done ? '' : 'text-muted-foreground'}`}>\n                    {item.label}\n                  </span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Tips for Success</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm text-muted-foreground\">\n              <div className=\"flex items-start gap-2\">\n                <Users className=\"h-4 w-4 mt-0.5 text-primary shrink-0\" />\n                <p>Engage students with interactive content.</p>\n              </div>\n              <div className=\"flex items-start gap-2\">\n                <Calendar className=\"h-4 w-4 mt-0.5 text-green-500 shrink-0\" />\n                <p>Structure with clear learning objectives.</p>\n              </div>\n              <div className=\"flex items-start gap-2\">\n                <Tag className=\"h-4 w-4 mt-0.5 text-primary shrink-0\" />\n                <p>Use relevant tags for discoverability.</p>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesCourseDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/CoursesCourseDashboardPagePage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,8BAA8B,4CA2U7C"}

package/dist/buildmyiq/pages/CoursesCourseDashboardPagePage.js

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