@burdenoff/microfe-buildmyiq 2026.509.101

package/dist/buildmyiq/pages/AssessmentsAssessmentBuilderPagePage.js

@@ -0,0 +1,290 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { useState as t } from "react";
+import { AlertCircle as n, CheckCircle as r, Clock as i, Eye as a, FileText as o, Plus as s, Save as c, Send as l, Users as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Badge as p, Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, Input as y, Label as b, Tabs as x, TabsContent as S, TabsList as C, TabsTrigger as w, Textarea as T } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/AssessmentsAssessmentBuilderPagePage.tsx
+function E() {
+	let { quizQuestions: E } = e(), [D, O] = t(""), [k, A] = t(""), [j, M] = t(!0), N = [
+		{
+			label: "Assessment title",
+			done: !!D
+		},
+		{
+			label: "Description",
+			done: !!k
+		},
+		{
+			label: "Course selected",
+			done: !1
+		},
+		{
+			label: "At least one question",
+			done: !1
+		},
+		{
+			label: "Due date set",
+			done: !1
+		},
+		{
+			label: "Time limit set",
+			done: !1
+		}
+	];
+	return /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+				className: "text-2xl font-semibold",
+				children: "Create Assessment"
+			}), /* @__PURE__ */ d("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Build a new assessment from scratch"
+			})] }), /* @__PURE__ */ f("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ f(m, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ d(a, { className: "mr-2 h-4 w-4" }), "Preview"]
+					}),
+					/* @__PURE__ */ f(m, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ d(c, { className: "mr-2 h-4 w-4" }), "Save Draft"]
+					}),
+					/* @__PURE__ */ f(m, {
+						size: "sm",
+						children: [/* @__PURE__ */ d(l, { className: "mr-2 h-4 w-4" }), "Publish"]
+					})
+				]
+			})]
+		}), /* @__PURE__ */ f("div", {
+			className: "grid grid-cols-1 lg:grid-cols-4 gap-6",
+			children: [/* @__PURE__ */ d("div", {
+				className: "lg:col-span-3",
+				children: /* @__PURE__ */ f(x, {
+					defaultValue: "builder",
+					className: "w-full",
+					children: [
+						/* @__PURE__ */ f(C, {
+							className: "grid w-full grid-cols-3",
+							children: [
+								/* @__PURE__ */ d(w, {
+									value: "builder",
+									children: "Builder"
+								}),
+								/* @__PURE__ */ d(w, {
+									value: "bank",
+									children: "Question Bank"
+								}),
+								/* @__PURE__ */ d(w, {
+									value: "settings",
+									children: "Settings"
+								})
+							]
+						}),
+						/* @__PURE__ */ d(S, {
+							value: "builder",
+							className: "mt-4",
+							children: /* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
+								className: "pt-6 space-y-4",
+								children: [
+									/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, { children: "Assessment Title" }), /* @__PURE__ */ d(y, {
+										value: D,
+										onChange: (e) => O(e.target.value),
+										placeholder: "e.g., Calculus I - Midterm Exam",
+										className: "mt-1"
+									})] }),
+									/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, { children: "Description" }), /* @__PURE__ */ d(T, {
+										value: k,
+										onChange: (e) => A(e.target.value),
+										placeholder: "Describe this assessment...",
+										className: "mt-1",
+										rows: 3
+									})] }),
+									/* @__PURE__ */ f("div", {
+										className: "grid grid-cols-3 gap-4",
+										children: [
+											/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, { children: "Type" }), /* @__PURE__ */ d(y, {
+												placeholder: "exam / quiz / assignment",
+												className: "mt-1"
+											})] }),
+											/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, { children: "Duration (min)" }), /* @__PURE__ */ d(y, {
+												type: "number",
+												placeholder: "120",
+												className: "mt-1"
+											})] }),
+											/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, { children: "Total Points" }), /* @__PURE__ */ d(y, {
+												type: "number",
+												placeholder: "100",
+												className: "mt-1"
+											})] })
+										]
+									}),
+									/* @__PURE__ */ f("div", {
+										className: "border-2 border-dashed rounded-lg p-8 text-center",
+										children: [
+											/* @__PURE__ */ d(o, { className: "h-10 w-10 text-muted-foreground mx-auto mb-3" }),
+											/* @__PURE__ */ d("p", {
+												className: "text-muted-foreground mb-3",
+												children: "Add questions to your assessment"
+											}),
+											/* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(s, { className: "mr-2 h-4 w-4" }), "Add Question"] })
+										]
+									})
+								]
+							}) })
+						}),
+						/* @__PURE__ */ d(S, {
+							value: "bank",
+							className: "mt-4",
+							children: /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ f(v, {
+								className: "text-base",
+								children: [
+									"Question Bank (",
+									E.length,
+									" questions)"
+								]
+							}) }), /* @__PURE__ */ d(g, {
+								className: "space-y-3",
+								children: E.map((e) => /* @__PURE__ */ f("div", {
+									className: "flex items-center justify-between rounded border p-3",
+									children: [/* @__PURE__ */ f("div", {
+										className: "flex-1 min-w-0",
+										children: [/* @__PURE__ */ d("p", {
+											className: "text-sm font-medium truncate",
+											children: e.question
+										}), /* @__PURE__ */ f("div", {
+											className: "flex gap-2 mt-1",
+											children: [/* @__PURE__ */ d(p, {
+												variant: "outline",
+												className: "text-xs",
+												children: e.type.replace("_", " ")
+											}), /* @__PURE__ */ f("span", {
+												className: "text-xs text-muted-foreground",
+												children: [
+													e.course,
+													" · ",
+													e.topic,
+													" · ",
+													e.points,
+													" pts"
+												]
+											})]
+										})]
+									}), /* @__PURE__ */ f(m, {
+										variant: "outline",
+										size: "sm",
+										children: [/* @__PURE__ */ d(s, { className: "mr-1 h-3 w-3" }), "Add"]
+									})]
+								}, e.id))
+							})] })
+						}),
+						/* @__PURE__ */ d(S, {
+							value: "settings",
+							className: "mt-4",
+							children: /* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
+								className: "pt-6 space-y-4",
+								children: [/* @__PURE__ */ f("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, { children: "Due Date" }), /* @__PURE__ */ d(y, {
+										type: "date",
+										className: "mt-1"
+									})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(b, { children: "Time Limit (min)" }), /* @__PURE__ */ d(y, {
+										type: "number",
+										placeholder: "120",
+										className: "mt-1"
+									})] })]
+								}), /* @__PURE__ */ d("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Configure randomization, retake policy, and result display options."
+								})]
+							}) })
+						})
+					]
+				})
+			}), /* @__PURE__ */ f("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ d(v, {
+						className: "text-base",
+						children: "Assessment Info"
+					}) }), /* @__PURE__ */ f(g, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ f("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ d("span", {
+									className: "text-sm",
+									children: "Status"
+								}), /* @__PURE__ */ d(p, {
+									variant: j ? "secondary" : "default",
+									children: j ? "Draft" : "Published"
+								})]
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ d("span", {
+									className: "text-sm",
+									children: "Questions"
+								}), /* @__PURE__ */ d("span", {
+									className: "text-sm text-muted-foreground",
+									children: "0"
+								})]
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ d("span", {
+									className: "text-sm",
+									children: "Total Points"
+								}), /* @__PURE__ */ d("span", {
+									className: "text-sm text-muted-foreground",
+									children: "0"
+								})]
+							})
+						]
+					})] }),
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ d(v, {
+						className: "text-base",
+						children: "Checklist"
+					}) }), /* @__PURE__ */ d(g, {
+						className: "space-y-3",
+						children: N.map((e) => /* @__PURE__ */ f("div", {
+							className: "flex items-center gap-2",
+							children: [e.done ? /* @__PURE__ */ d(r, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ d(n, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ d("span", {
+								className: `text-sm ${e.done ? "" : "text-muted-foreground"}`,
+								children: e.label
+							})]
+						}, e.label))
+					})] }),
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ d(v, {
+						className: "text-base",
+						children: "Tips"
+					}) }), /* @__PURE__ */ f(g, {
+						className: "space-y-3 text-sm text-muted-foreground",
+						children: [
+							/* @__PURE__ */ f("div", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ d(o, { className: "h-4 w-4 mt-0.5 text-primary shrink-0" }), /* @__PURE__ */ d("p", { children: "Mix question types for comprehensive assessment." })]
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ d(i, { className: "h-4 w-4 mt-0.5 text-green-500 shrink-0" }), /* @__PURE__ */ d("p", { children: "Set appropriate time limits per question complexity." })]
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "flex items-start gap-2",
+								children: [/* @__PURE__ */ d(u, { className: "h-4 w-4 mt-0.5 text-primary shrink-0" }), /* @__PURE__ */ d("p", { children: "Randomize questions to prevent cheating." })]
+							})
+						]
+					})] })
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { E as AssessmentsAssessmentBuilderPagePage };
+
+//# sourceMappingURL=AssessmentsAssessmentBuilderPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentsAssessmentBuilderPagePage.js","names":[],"sources":["../../../src/buildmyiq/pages/AssessmentsAssessmentBuilderPagePage.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  Send,\n  FileText,\n  Clock,\n  Users,\n  CheckCircle,\n  AlertCircle,\n  Plus,\n} from 'lucide-react';\nimport { useState } from 'react';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nexport function AssessmentsAssessmentBuilderPagePage() {\n  const { quizQuestions } = useBuildMyIQStore();\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [isDraft, setIsDraft] = useState(true);\n\n  const checklist = [\n    { label: 'Assessment title', done: !!title },\n    { label: 'Description', done: !!description },\n    { label: 'Course selected', done: false },\n    { label: 'At least one question', done: false },\n    { label: 'Due date set', done: false },\n    { label: 'Time limit set', 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 Assessment</h1>\n          <p className=\"text-sm text-muted-foreground\">Build a new assessment 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            <Send className=\"mr-2 h-4 w-4\" />\n            Publish\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=\"builder\" className=\"w-full\">\n            <TabsList className=\"grid w-full grid-cols-3\">\n              <TabsTrigger value=\"builder\">Builder</TabsTrigger>\n              <TabsTrigger value=\"bank\">Question Bank</TabsTrigger>\n              <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n            </TabsList>\n            <TabsContent value=\"builder\" className=\"mt-4\">\n              <Card>\n                <CardContent className=\"pt-6 space-y-4\">\n                  <div>\n                    <Label>Assessment Title</Label>\n                    <Input\n                      value={title}\n                      onChange={(e) => setTitle(e.target.value)}\n                      placeholder=\"e.g., Calculus I - Midterm Exam\"\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 this assessment...\"\n                      className=\"mt-1\"\n                      rows={3}\n                    />\n                  </div>\n                  <div className=\"grid grid-cols-3 gap-4\">\n                    <div>\n                      <Label>Type</Label>\n                      <Input placeholder=\"exam / quiz / assignment\" className=\"mt-1\" />\n                    </div>\n                    <div>\n                      <Label>Duration (min)</Label>\n                      <Input type=\"number\" placeholder=\"120\" className=\"mt-1\" />\n                    </div>\n                    <div>\n                      <Label>Total Points</Label>\n                      <Input type=\"number\" placeholder=\"100\" className=\"mt-1\" />\n                    </div>\n                  </div>\n                  <div className=\"border-2 border-dashed rounded-lg p-8 text-center\">\n                    <FileText className=\"h-10 w-10 text-muted-foreground mx-auto mb-3\" />\n                    <p className=\"text-muted-foreground mb-3\">Add questions to your assessment</p>\n                    <Button>\n                      <Plus className=\"mr-2 h-4 w-4\" />\n                      Add Question\n                    </Button>\n                  </div>\n                </CardContent>\n              </Card>\n            </TabsContent>\n            <TabsContent value=\"bank\" className=\"mt-4\">\n              <Card>\n                <CardHeader>\n                  <CardTitle className=\"text-base\">\n                    Question Bank ({quizQuestions.length} questions)\n                  </CardTitle>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  {quizQuestions.map((q) => (\n                    <div\n                      key={q.id}\n                      className=\"flex items-center justify-between rounded border p-3\"\n                    >\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"text-sm font-medium truncate\">{q.question}</p>\n                        <div className=\"flex gap-2 mt-1\">\n                          <Badge variant=\"outline\" className=\"text-xs\">\n                            {q.type.replace('_', ' ')}\n                          </Badge>\n                          <span className=\"text-xs text-muted-foreground\">\n                            {q.course} &middot; {q.topic} &middot; {q.points} pts\n                          </span>\n                        </div>\n                      </div>\n                      <Button variant=\"outline\" size=\"sm\">\n                        <Plus className=\"mr-1 h-3 w-3\" />\n                        Add\n                      </Button>\n                    </div>\n                  ))}\n                </CardContent>\n              </Card>\n            </TabsContent>\n            <TabsContent value=\"settings\" className=\"mt-4\">\n              <Card>\n                <CardContent className=\"pt-6 space-y-4\">\n                  <div className=\"grid grid-cols-2 gap-4\">\n                    <div>\n                      <Label>Due Date</Label>\n                      <Input type=\"date\" className=\"mt-1\" />\n                    </div>\n                    <div>\n                      <Label>Time Limit (min)</Label>\n                      <Input type=\"number\" placeholder=\"120\" className=\"mt-1\" />\n                    </div>\n                  </div>\n                  <p className=\"text-sm text-muted-foreground\">\n                    Configure randomization, retake policy, and result display options.\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\">Assessment Info</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm\">Status</span>\n                <Badge variant={isDraft ? 'secondary' : 'default'}>\n                  {isDraft ? 'Draft' : 'Published'}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm\">Questions</span>\n                <span className=\"text-sm text-muted-foreground\">0</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-sm\">Total Points</span>\n                <span className=\"text-sm text-muted-foreground\">0</span>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">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</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm text-muted-foreground\">\n              <div className=\"flex items-start gap-2\">\n                <FileText className=\"h-4 w-4 mt-0.5 text-primary shrink-0\" />\n                <p>Mix question types for comprehensive assessment.</p>\n              </div>\n              <div className=\"flex items-start gap-2\">\n                <Clock className=\"h-4 w-4 mt-0.5 text-green-500 shrink-0\" />\n                <p>Set appropriate time limits per question complexity.</p>\n              </div>\n              <div className=\"flex items-start gap-2\">\n                <Users className=\"h-4 w-4 mt-0.5 text-primary shrink-0\" />\n                <p>Randomize questions to prevent cheating.</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/AssessmentsAssessmentGradingPagePage.d.ts

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

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

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

package/dist/buildmyiq/pages/AssessmentsAssessmentGradingPagePage.js

@@ -0,0 +1,215 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { useState as t } from "react";
+import { Award as n, BarChart3 as r, CheckCircle as i, Clock as a, Download as o, Filter 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 } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/AssessmentsAssessmentGradingPagePage.tsx
+function _() {
+	let { grades: _, assessments: v } = e(), y = v[0], b = _.filter((e) => e.courseId === "course-1"), x = b.filter((e) => e.status === "graded").length, S = b.length > 0 ? Math.round(x / b.length * 100) : 0, [C, w] = t(b[0]?.id ?? null);
+	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: "Grade Assessment"
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: ["Grading ", y.title]
+				})] }), /* @__PURE__ */ u("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ u(f, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ l(o, { className: "mr-2 h-4 w-4" }), "Export"]
+					}), /* @__PURE__ */ u(f, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ l(r, { className: "mr-2 h-4 w-4" }), "Analytics"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Submissions"
+						}), /* @__PURE__ */ l(c, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: b.length
+					}) })] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Graded"
+						}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: x
+					}), /* @__PURE__ */ u("p", {
+						className: "text-xs text-muted-foreground",
+						children: [S, "% complete"]
+					})] })] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Pending"
+						}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: b.length - x
+					}) })] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Avg Score"
+						}), /* @__PURE__ */ l(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ u("div", {
+						className: "text-2xl font-bold",
+						children: [Math.round(b.filter((e) => e.status === "graded").reduce((e, t) => e + t.score / t.maxScore * 100, 0) / Math.max(x, 1)), "%"]
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("p", {
+				className: "text-sm text-muted-foreground mb-1",
+				children: [
+					"Grading Progress: ",
+					x,
+					"/",
+					b.length
+				]
+			}), /* @__PURE__ */ l("div", {
+				className: "h-3 bg-muted rounded-full overflow-hidden",
+				children: /* @__PURE__ */ l("div", {
+					className: "h-3 bg-primary rounded-full",
+					style: { width: `${S}%` }
+				})
+			})] }),
+			/* @__PURE__ */ u("div", {
+				className: "grid grid-cols-1 lg:grid-cols-4 gap-6",
+				children: [/* @__PURE__ */ u(p, {
+					className: "lg:col-span-1",
+					children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-base",
+							children: "Submissions"
+						}), /* @__PURE__ */ l(f, {
+							variant: "outline",
+							size: "sm",
+							children: /* @__PURE__ */ l(s, { className: "h-4 w-4" })
+						})]
+					}), /* @__PURE__ */ l(m, {
+						className: "space-y-2",
+						children: b.map((e) => /* @__PURE__ */ u("button", {
+							onClick: () => w(e.id),
+							className: `w-full text-left p-3 rounded border transition-colors ${C === e.id ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
+							children: [/* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between mb-1",
+								children: [/* @__PURE__ */ l("span", {
+									className: "font-medium text-sm truncate",
+									children: e.studentName
+								}), /* @__PURE__ */ l(d, {
+									variant: e.status === "graded" ? "default" : "secondary",
+									className: "text-xs",
+									children: e.status
+								})]
+							}), /* @__PURE__ */ l("div", {
+								className: "text-xs text-muted-foreground",
+								children: e.status === "graded" ? `${e.score}/${e.maxScore}` : "Ungraded"
+							})]
+						}, e.id))
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "lg:col-span-3",
+					children: C ? (() => {
+						let e = b.find((e) => e.id === C);
+						return e ? /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+							className: "pt-6 space-y-4",
+							children: [
+								/* @__PURE__ */ u("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ l("h3", {
+										className: "text-lg font-semibold",
+										children: e.studentName
+									}), /* @__PURE__ */ l(d, {
+										variant: e.status === "graded" ? "default" : "secondary",
+										children: e.status
+									})]
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "grid grid-cols-3 gap-4",
+									children: [
+										/* @__PURE__ */ u("div", {
+											className: "rounded border p-3 text-center",
+											children: [/* @__PURE__ */ l("p", {
+												className: "text-sm text-muted-foreground",
+												children: "Score"
+											}), /* @__PURE__ */ u("p", {
+												className: "text-xl font-bold",
+												children: [
+													e.score,
+													"/",
+													e.maxScore
+												]
+											})]
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "rounded border p-3 text-center",
+											children: [/* @__PURE__ */ l("p", {
+												className: "text-sm text-muted-foreground",
+												children: "Grade"
+											}), /* @__PURE__ */ l("p", {
+												className: "text-xl font-bold",
+												children: e.grade
+											})]
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "rounded border p-3 text-center",
+											children: [/* @__PURE__ */ l("p", {
+												className: "text-sm text-muted-foreground",
+												children: "Submitted"
+											}), /* @__PURE__ */ l("p", {
+												className: "text-sm font-medium",
+												children: new Date(e.submittedAt).toLocaleDateString()
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "flex gap-2",
+									children: [/* @__PURE__ */ l(f, {
+										size: "sm",
+										children: "Save Grade"
+									}), /* @__PURE__ */ l(f, {
+										variant: "outline",
+										size: "sm",
+										children: "Add Feedback"
+									})]
+								})
+							]
+						}) }) : null;
+					})() : /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+						className: "py-12 text-center",
+						children: [/* @__PURE__ */ l(i, { className: "h-16 w-16 text-green-500 mx-auto mb-4" }), /* @__PURE__ */ l("h3", {
+							className: "text-lg font-semibold",
+							children: "Select a submission"
+						})]
+					}) })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { _ as AssessmentsAssessmentGradingPagePage };
+
+//# sourceMappingURL=AssessmentsAssessmentGradingPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentsAssessmentGradingPagePage.js","names":[],"sources":["../../../src/buildmyiq/pages/AssessmentsAssessmentGradingPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { CheckCircle, Clock, Users, Download, Filter, BarChart3, Award } from 'lucide-react';\nimport { useState } from 'react';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nexport function AssessmentsAssessmentGradingPagePage() {\n  const { grades, assessments } = useBuildMyIQStore();\n  const assessment = assessments[0];\n  const submissions = grades.filter((g) => g.courseId === 'course-1');\n  const graded = submissions.filter((s) => s.status === 'graded').length;\n  const progress = submissions.length > 0 ? Math.round((graded / submissions.length) * 100) : 0;\n  const [selected, setSelected] = useState<string | null>(submissions[0]?.id ?? null);\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\">Grade Assessment</h1>\n          <p className=\"text-sm text-muted-foreground\">Grading {assessment.title}</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            Export\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            <BarChart3 className=\"mr-2 h-4 w-4\" />\n            Analytics\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md: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\">Submissions</CardTitle>\n            <Users className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{submissions.length}</div>\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\">Graded</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{graded}</div>\n            <p className=\"text-xs text-muted-foreground\">{progress}% complete</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\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{submissions.length - graded}</div>\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\">Avg Score</CardTitle>\n            <Award className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {Math.round(\n                submissions\n                  .filter((s) => s.status === 'graded')\n                  .reduce((a, s) => a + (s.score / s.maxScore) * 100, 0) / Math.max(graded, 1)\n              )}\n              %\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div>\n        <p className=\"text-sm text-muted-foreground mb-1\">\n          Grading Progress: {graded}/{submissions.length}\n        </p>\n        <div className=\"h-3 bg-muted rounded-full overflow-hidden\">\n          <div className=\"h-3 bg-primary rounded-full\" style={{ width: `${progress}%` }} />\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-4 gap-6\">\n        <Card className=\"lg:col-span-1\">\n          <CardHeader className=\"flex flex-row items-center justify-between\">\n            <CardTitle className=\"text-base\">Submissions</CardTitle>\n            <Button variant=\"outline\" size=\"sm\">\n              <Filter className=\"h-4 w-4\" />\n            </Button>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            {submissions.map((sub) => (\n              <button\n                key={sub.id}\n                onClick={() => setSelected(sub.id)}\n                className={`w-full text-left p-3 rounded border transition-colors ${selected === sub.id ? 'border-primary bg-primary/5' : 'hover:bg-muted/50'}`}\n              >\n                <div className=\"flex items-center justify-between mb-1\">\n                  <span className=\"font-medium text-sm truncate\">{sub.studentName}</span>\n                  <Badge\n                    variant={sub.status === 'graded' ? 'default' : 'secondary'}\n                    className=\"text-xs\"\n                  >\n                    {sub.status}\n                  </Badge>\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {sub.status === 'graded' ? `${sub.score}/${sub.maxScore}` : 'Ungraded'}\n                </div>\n              </button>\n            ))}\n          </CardContent>\n        </Card>\n\n        <div className=\"lg:col-span-3\">\n          {selected ? (\n            (() => {\n              const sub = submissions.find((s) => s.id === selected);\n              return sub ? (\n                <Card>\n                  <CardContent className=\"pt-6 space-y-4\">\n                    <div className=\"flex items-center justify-between\">\n                      <h3 className=\"text-lg font-semibold\">{sub.studentName}</h3>\n                      <Badge variant={sub.status === 'graded' ? 'default' : 'secondary'}>\n                        {sub.status}\n                      </Badge>\n                    </div>\n                    <div className=\"grid grid-cols-3 gap-4\">\n                      <div className=\"rounded border p-3 text-center\">\n                        <p className=\"text-sm text-muted-foreground\">Score</p>\n                        <p className=\"text-xl font-bold\">\n                          {sub.score}/{sub.maxScore}\n                        </p>\n                      </div>\n                      <div className=\"rounded border p-3 text-center\">\n                        <p className=\"text-sm text-muted-foreground\">Grade</p>\n                        <p className=\"text-xl font-bold\">{sub.grade}</p>\n                      </div>\n                      <div className=\"rounded border p-3 text-center\">\n                        <p className=\"text-sm text-muted-foreground\">Submitted</p>\n                        <p className=\"text-sm font-medium\">\n                          {new Date(sub.submittedAt).toLocaleDateString()}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"flex gap-2\">\n                      <Button size=\"sm\">Save Grade</Button>\n                      <Button variant=\"outline\" size=\"sm\">\n                        Add Feedback\n                      </Button>\n                    </div>\n                  </CardContent>\n                </Card>\n              ) : null;\n            })()\n          ) : (\n            <Card>\n              <CardContent className=\"py-12 text-center\">\n                <CheckCircle className=\"h-16 w-16 text-green-500 mx-auto mb-4\" />\n                <h3 className=\"text-lg font-semibold\">Select a submission</h3>\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentsAssessmentResultsPagePage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/AssessmentsAssessmentResultsPagePage.tsx"],"names":[],"mappings":"AA0DA,wBAAgB,oCAAoC,4CAuInD"}