@thanh01.pmt/interactive-quiz-kit 1.0.23 → 1.0.24

package/dist/authoring.js

@@ -6,9 +6,9 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { GoogleGenAI } from '@google/genai';
 import * as React53 from 'react';
-import React53__default, { useRef, useState, useImperativeHandle, useCallback, useEffect, forwardRef } from 'react';
+import React53__default, { useRef, useState, useImperativeHandle, useCallback, useEffect, forwardRef, useTransition, Suspense } from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { Circle, Check, ChevronDown, ChevronUp, X, Loader2, Play, CheckCircle, XCircle, RotateCcw, Save, Wand2, AlertTriangle, FileText, DownloadCloud, Settings, Upload, ListOrdered, ArrowUp, ArrowDown, Eye, Edit, Trash2, LogOut, PlusCircle, FileJson, Table, ArrowLeft, KeyRound } from 'lucide-react';
+import { Circle, Check, ChevronDown, ChevronUp, X, Loader2, Play, CheckCircle, XCircle, RotateCcw, Save, KeyRound, Trash2, Wand2, AlertTriangle, FileText, DownloadCloud, Settings, Upload, ListOrdered, ArrowUp, ArrowDown, Eye, Edit, LogOut, Edit3, Search, BookCopy, PlusCircle, Award, Tag, Layers, Brain, HelpCircle, Lightbulb, ScanText, Settings2, FileJson, Table, ArrowLeft } from 'lucide-react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { cva } from 'class-variance-authority';
 import ReactMarkdown from 'react-markdown';
@@ -28,6 +28,8 @@ import { useTranslation } from 'react-i18next';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { format } from 'date-fns';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 
 var __defProp = Object.defineProperty;
@@ -2659,6 +2661,260 @@ var KnowledgeCardService = class {
   }
 };
 
+// src/services/metadataService.ts
+var LocalStorageManager = class {
+  constructor(key) {
+    this.key = `iqk_metadata_${key}`;
+  }
+  getAll() {
+    if (typeof window === "undefined") return [];
+    try {
+      const stored = localStorage.getItem(this.key);
+      return stored ? JSON.parse(stored) : [];
+    } catch (e) {
+      console.error(`Error reading from localStorage key ${this.key}:`, e);
+      return [];
+    }
+  }
+  saveAll(items) {
+    if (typeof window === "undefined") return;
+    try {
+      localStorage.setItem(this.key, JSON.stringify(items));
+    } catch (e) {
+      console.error(`Error writing to localStorage key ${this.key}:`, e);
+    }
+  }
+  add(item) {
+    const items = this.getAll();
+    if (items.some((i) => i.code === item.code)) {
+      throw new Error(`An item with code "${item.code}" already exists for ${this.key}.`);
+    }
+    const newItem = __spreadProps(__spreadValues({}, item), { id: generateUniqueId(`${this.key}_`) });
+    this.saveAll([...items, newItem]);
+    return newItem;
+  }
+  // ===== FIX IS HERE =====
+  // Changed the type of 'updates' to allow 'code' to be part of the update object.
+  update(id, updates) {
+    const items = this.getAll();
+    const index = items.findIndex((i) => i.id === id);
+    if (index === -1) {
+      console.warn(`Item with id "${id}" not found in ${this.key} for update.`);
+      return null;
+    }
+    const updatedItem = __spreadValues(__spreadValues({}, items[index]), updates);
+    items[index] = updatedItem;
+    this.saveAll(items);
+    return updatedItem;
+  }
+  // =======================
+  delete(code) {
+    const items = this.getAll();
+    const newItems = items.filter((i) => i.code !== code);
+    if (items.length === newItems.length) {
+      return false;
+    }
+    this.saveAll(newItems);
+    return true;
+  }
+};
+var subjectManager = new LocalStorageManager("subjects");
+var gradeLevelManager = new LocalStorageManager("grade_levels");
+var topicManager = new LocalStorageManager("topics");
+var categoryManager = new LocalStorageManager("categories");
+var bloomLevelManager = new LocalStorageManager("bloom_levels");
+var questionTypeManager = new LocalStorageManager("question_types");
+var learningObjectiveManager = new LocalStorageManager("learning_objectives");
+var contextManager = new LocalStorageManager("contexts");
+var approachManager = new LocalStorageManager("approaches");
+function mapRawDifficultyToStandard(rawDifficulty) {
+  switch (rawDifficulty) {
+    case "E":
+    case "E~M":
+      return "easy";
+    case "M":
+    case "M~H":
+      return "medium";
+    case "H":
+      return "hard";
+    default:
+      return "medium";
+  }
+}
+var _MetadataService = class _MetadataService {
+};
+// --- Subject Services ---
+_MetadataService.getSubjects = () => subjectManager.getAll().sort((a, b) => a.name.localeCompare(b.name));
+_MetadataService.addSubject = (name, code) => {
+  return subjectManager.add({ code, name, createdAt: (/* @__PURE__ */ new Date()).toISOString(), updatedAt: (/* @__PURE__ */ new Date()).toISOString() });
+};
+_MetadataService.updateSubject = (id, name, code) => {
+  return subjectManager.update(id, { name, code, updatedAt: (/* @__PURE__ */ new Date()).toISOString() });
+};
+_MetadataService.deleteSubject = (code) => {
+  const topics = _MetadataService.getTopics(code);
+  if (topics.length > 0) {
+    throw new Error("Cannot delete subject: It is referenced by topics.");
+  }
+  return subjectManager.delete(code);
+};
+// --- GradeLevel Services ---
+_MetadataService.getGradeLevels = () => gradeLevelManager.getAll().sort((a, b) => a.name.localeCompare(b.name));
+_MetadataService.addGradeLevel = (name, code) => gradeLevelManager.add({ name, code });
+_MetadataService.updateGradeLevel = (id, name, code) => gradeLevelManager.update(id, { name, code });
+_MetadataService.deleteGradeLevel = (code) => gradeLevelManager.delete(code);
+// --- Topic Services ---
+_MetadataService.getTopics = (subjectCode) => {
+  const allTopics = topicManager.getAll();
+  const filtered = subjectCode ? allTopics.filter((t) => t.subjectCode === subjectCode) : allTopics;
+  return filtered.sort((a, b) => a.name.localeCompare(b.name));
+};
+_MetadataService.addTopic = (name, code, subjectCode) => topicManager.add({ name, code, subjectCode });
+_MetadataService.updateTopic = (id, name, code, subjectCode) => topicManager.update(id, { name, code, subjectCode });
+_MetadataService.deleteTopic = (code) => topicManager.delete(code);
+// --- BloomLevel Services ---
+_MetadataService.getBloomLevels = () => bloomLevelManager.getAll().sort((a, b) => a.name.localeCompare(b.name));
+_MetadataService.addBloomLevel = (name, code, description) => bloomLevelManager.add({ name, code, description });
+_MetadataService.updateBloomLevel = (id, name, code, description) => bloomLevelManager.update(id, { name, code, description });
+_MetadataService.deleteBloomLevel = (code) => bloomLevelManager.delete(code);
+// --- QuestionType Services ---
+_MetadataService.getQuestionTypes = () => questionTypeManager.getAll().sort((a, b) => a.name.localeCompare(b.name));
+_MetadataService.addQuestionType = (name, code, description) => questionTypeManager.add({ name, code, description });
+_MetadataService.updateQuestionType = (id, name, code, description) => questionTypeManager.update(id, { name, code, description });
+_MetadataService.deleteQuestionType = (code) => questionTypeManager.delete(code);
+// --- Category Services ---
+_MetadataService.getCategories = () => categoryManager.getAll().sort((a, b) => a.name.localeCompare(b.name));
+_MetadataService.addCategory = (name, code, description) => categoryManager.add({ name, code, description });
+_MetadataService.updateCategory = (id, name, code, description) => categoryManager.update(id, { name, code, description });
+_MetadataService.deleteCategory = (code) => categoryManager.delete(code);
+// --- Context Services ---
+_MetadataService.getContexts = () => contextManager.getAll().sort((a, b) => a.name.localeCompare(b.name));
+_MetadataService.addContext = (name, code, description) => contextManager.add({ name, code, description });
+_MetadataService.updateContext = (id, name, code, description) => contextManager.update(id, { name, code, description });
+_MetadataService.deleteContext = (code) => contextManager.delete(code);
+// --- Approach Services ---
+_MetadataService.getApproaches = () => approachManager.getAll().sort((a, b) => a.code.localeCompare(b.code));
+_MetadataService.addApproach = (approachData) => {
+  const difficulty = mapRawDifficultyToStandard(approachData.rawDifficulty);
+  return approachManager.add(__spreadProps(__spreadValues({}, approachData), { difficulty }));
+};
+_MetadataService.updateApproach = (id, approachData) => {
+  const updates = __spreadValues({}, approachData);
+  if (approachData.rawDifficulty) {
+    updates.difficulty = mapRawDifficultyToStandard(approachData.rawDifficulty);
+  }
+  return approachManager.update(id, updates);
+};
+_MetadataService.deleteApproach = (code) => approachManager.delete(code);
+// --- LearningObjective Services ---
+_MetadataService.getLearningObjectives = (subjectCode) => {
+  const allLOs = learningObjectiveManager.getAll();
+  const filtered = subjectCode ? allLOs.filter((lo) => lo.subjectCode === subjectCode) : allLOs;
+  return filtered.sort((a, b) => a.name.localeCompare(b.name));
+};
+_MetadataService.addLearningObjective = (name, code, subjectCode, description) => learningObjectiveManager.add({ name, code, subjectCode, description });
+_MetadataService.updateLearningObjective = (id, name, code, subjectCode, description) => learningObjectiveManager.update(id, { name, code, subjectCode, description });
+_MetadataService.deleteLearningObjective = (code) => learningObjectiveManager.delete(code);
+var MetadataService = _MetadataService;
+
+// src/services/questionBankService.ts
+var LocalStorageManager2 = class {
+  constructor(key) {
+    this.key = key;
+  }
+  getAll() {
+    if (typeof window === "undefined") return [];
+    try {
+      const stored = localStorage.getItem(this.key);
+      return stored ? JSON.parse(stored) : [];
+    } catch (e) {
+      console.error(`Error reading from localStorage key ${this.key}:`, e);
+      return [];
+    }
+  }
+  saveAll(items) {
+    if (typeof window === "undefined") return;
+    try {
+      localStorage.setItem(this.key, JSON.stringify(items));
+    } catch (e) {
+      console.error(`Error writing to localStorage key ${this.key}:`, e);
+    }
+  }
+};
+var questionBankManager = new LocalStorageManager2("iqk_question_bank");
+var QuestionBankService = class {
+  static getQuestions(filters) {
+    let questions = questionBankManager.getAll();
+    if (filters) {
+      if (filters.subjectCode) {
+        questions = questions.filter((q) => q.subjectCode === filters.subjectCode);
+      }
+      if (filters.topicCode) {
+        questions = questions.filter((q) => q.topicCode === filters.topicCode);
+      }
+      if (filters.gradeLevelCode) {
+        questions = questions.filter((q) => q.gradeLevelCode === filters.gradeLevelCode);
+      }
+      if (filters.bloomLevelCode) {
+        questions = questions.filter((q) => q.bloomLevelCode === filters.bloomLevelCode);
+      }
+      if (filters.questionTypeCode) {
+        questions = questions.filter((q) => q.questionTypeCode === filters.questionTypeCode);
+      }
+      if (filters.difficulty) {
+        questions = questions.filter((q) => q.difficulty === filters.difficulty);
+      }
+      if (filters.searchTerm) {
+        const lowercasedTerm = filters.searchTerm.toLowerCase();
+        questions = questions.filter(
+          (q) => q.text.toLowerCase().includes(lowercasedTerm) || q.code.toLowerCase().includes(lowercasedTerm)
+        );
+      }
+    }
+    return questions.sort((a, b) => new Date(b.lastModified).getTime() - new Date(a.lastModified).getTime());
+  }
+  static getQuestionByCode(code) {
+    return questionBankManager.getAll().find((q) => q.code === code);
+  }
+  // CHANGE 2: Simplified function signature. It now takes the full object to be added.
+  static addQuestion(questionData) {
+    const allQuestions = questionBankManager.getAll();
+    if (allQuestions.some((q) => q.code === questionData.code)) {
+      throw new Error(`A question with code "${questionData.code}" already exists.`);
+    }
+    const newQuestion = __spreadProps(__spreadValues({}, questionData), {
+      id: generateUniqueId("qb_"),
+      lastModified: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    questionBankManager.saveAll([...allQuestions, newQuestion]);
+    return newQuestion;
+  }
+  // CHANGE 2: Simplified function signature.
+  static updateQuestion(id, updates) {
+    const allQuestions = questionBankManager.getAll();
+    const index = allQuestions.findIndex((q) => q.id === id);
+    if (index === -1) {
+      console.warn(`Question with id "${id}" not found for update.`);
+      return null;
+    }
+    const updatedQuestion = __spreadProps(__spreadValues(__spreadValues({}, allQuestions[index]), updates), {
+      lastModified: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    allQuestions[index] = updatedQuestion;
+    questionBankManager.saveAll(allQuestions);
+    return updatedQuestion;
+  }
+  static deleteQuestionByCode(code) {
+    const allQuestions = questionBankManager.getAll();
+    const newQuestions = allQuestions.filter((q) => q.code !== code);
+    if (allQuestions.length === newQuestions.length) {
+      return false;
+    }
+    questionBankManager.saveAll(newQuestions);
+    return true;
+  }
+};
+
 // src/services/HTMLLauncherGenerator.ts
 var escapeAttribute = (unsafe) => {
   if (typeof unsafe !== "string") return "";
@@ -11091,6 +11347,1498 @@ var QuizAuthoringTool = ({
     }
   ));
 };
+var Table2 = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ React53.createElement(
+    "table",
+    __spreadValues({
+      ref,
+      className: cn("w-full caption-bottom text-sm", className)
+    }, props)
+  ));
+});
+Table2.displayName = "Table";
+var TableHeader = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
+});
+TableHeader.displayName = "TableHeader";
+var TableBody = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    "tbody",
+    __spreadValues({
+      ref,
+      className: cn("[&_tr:last-child]:border-0", className)
+    }, props)
+  );
+});
+TableBody.displayName = "TableBody";
+var TableFooter = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    "tfoot",
+    __spreadValues({
+      ref,
+      className: cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      )
+    }, props)
+  );
+});
+TableFooter.displayName = "TableFooter";
+var TableRow = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    "tr",
+    __spreadValues({
+      ref,
+      className: cn(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      )
+    }, props)
+  );
+});
+TableRow.displayName = "TableRow";
+var TableHead = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    "th",
+    __spreadValues({
+      ref,
+      className: cn(
+        "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      )
+    }, props)
+  );
+});
+TableHead.displayName = "TableHead";
+var TableCell = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    "td",
+    __spreadValues({
+      ref,
+      className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)
+    }, props)
+  );
+});
+TableCell.displayName = "TableCell";
+var TableCaption = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    "caption",
+    __spreadValues({
+      ref,
+      className: cn("mt-4 text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+TableCaption.displayName = "TableCaption";
+function QuestionList({
+  questions,
+  onEdit,
+  onDelete,
+  onView
+}) {
+  const [metadata, setMetadata] = useState({ subjects: [], topics: [], gradeLevels: [], questionTypes: [], bloomLevels: [] });
+  useEffect(() => {
+    const subjectsData = MetadataService.getSubjects();
+    const topicsData = MetadataService.getTopics();
+    const gradeLevelsData = MetadataService.getGradeLevels();
+    const questionTypesData = MetadataService.getQuestionTypes();
+    const bloomLevelsData = MetadataService.getBloomLevels();
+    setMetadata({
+      subjects: subjectsData,
+      topics: topicsData,
+      gradeLevels: gradeLevelsData,
+      questionTypes: questionTypesData,
+      bloomLevels: bloomLevelsData
+    });
+  }, []);
+  const getLookupName = (code, items) => {
+    var _a;
+    if (!code || !items) return "N/A";
+    return ((_a = items.find((item) => item.code === code)) == null ? void 0 : _a.name) || code;
+  };
+  if (questions.length === 0) {
+    return /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-8" }, "No questions match the current filters. Try adjusting your search or add new questions.");
+  }
+  return /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, { className: "w-[30%]" }, "Question Text"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Type"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Grade"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Bloom's"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Last Modified"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, questions.map((question) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: question.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium max-w-xs truncate", title: question.text }, question.text), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, question.code), /* @__PURE__ */ React53__default.createElement(TableCell, null, /* @__PURE__ */ React53__default.createElement(Badge, { variant: "secondary" }, getLookupName(question.questionTypeCode, metadata.questionTypes))), /* @__PURE__ */ React53__default.createElement(TableCell, null, getLookupName(question.subjectCode, metadata.subjects)), /* @__PURE__ */ React53__default.createElement(TableCell, null, getLookupName(question.topicCode, metadata.topics)), /* @__PURE__ */ React53__default.createElement(TableCell, null, getLookupName(question.gradeLevelCode, metadata.gradeLevels)), /* @__PURE__ */ React53__default.createElement(TableCell, null, /* @__PURE__ */ React53__default.createElement(Badge, { variant: "outline" }, getLookupName(question.bloomLevelCode, metadata.bloomLevels))), /* @__PURE__ */ React53__default.createElement(TableCell, null, format(new Date(question.lastModified), "MMM d, yyyy")), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, onView && /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => onView(question), className: "mr-1" }, /* @__PURE__ */ React53__default.createElement(Eye, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => onEdit(question), className: "mr-1" }, /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => onDelete(question), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" }))))))));
+}
+var ALL_ITEMS_VALUE = "_ALL_ITEMS_";
+function QuestionFilters({
+  onFilterChange,
+  initialFilters = {}
+}) {
+  const [searchTerm, setSearchTerm] = useState(initialFilters.searchTerm || "");
+  const [subjectCode, setSubjectCode] = useState(initialFilters.subjectCode || "");
+  const [topicCode, setTopicCode] = useState(initialFilters.topicCode || "");
+  const [gradeLevelCode, setGradeLevelCode] = useState(initialFilters.gradeLevelCode || "");
+  const [bloomLevelCode, setBloomLevelCode] = useState(initialFilters.bloomLevelCode || "");
+  const [questionTypeCode, setQuestionTypeCode] = useState(initialFilters.questionTypeCode || "");
+  const [difficulty, setDifficulty] = useState(initialFilters.difficulty || "");
+  const [subjects, setSubjects] = useState([]);
+  const [allTopics, setAllTopics] = useState([]);
+  const [gradeLevels, setGradeLevels] = useState([]);
+  const [questionTypes, setQuestionTypes] = useState([]);
+  const [bloomLevels, setBloomLevels] = useState([]);
+  const [filteredTopics, setFilteredTopics] = useState([]);
+  useEffect(() => {
+    const subjectsData = MetadataService.getSubjects();
+    const topicsData = MetadataService.getTopics();
+    const gradeLevelsData = MetadataService.getGradeLevels();
+    const questionTypesData = MetadataService.getQuestionTypes();
+    const bloomLevelsData = MetadataService.getBloomLevels();
+    setSubjects(subjectsData);
+    setAllTopics(topicsData);
+    setGradeLevels(gradeLevelsData);
+    setQuestionTypes(questionTypesData);
+    setBloomLevels(bloomLevelsData);
+  }, []);
+  useEffect(() => {
+    if (subjectCode) {
+      const relatedTopics = allTopics.filter((t) => t.subjectCode === subjectCode);
+      setFilteredTopics(relatedTopics);
+      if (topicCode && !relatedTopics.find((t) => t.code === topicCode)) {
+        setTopicCode("");
+      }
+    } else {
+      setFilteredTopics(allTopics);
+      setTopicCode("");
+    }
+  }, [subjectCode, allTopics, topicCode]);
+  const handleApplyFilters = () => {
+    onFilterChange({
+      searchTerm: searchTerm || void 0,
+      subjectCode: subjectCode || void 0,
+      topicCode: topicCode || void 0,
+      gradeLevelCode: gradeLevelCode || void 0,
+      bloomLevelCode: bloomLevelCode || void 0,
+      questionTypeCode: questionTypeCode || void 0,
+      difficulty: difficulty || void 0
+    });
+  };
+  const handleClearFilters = () => {
+    setSearchTerm("");
+    setSubjectCode("");
+    setTopicCode("");
+    setGradeLevelCode("");
+    setBloomLevelCode("");
+    setQuestionTypeCode("");
+    setDifficulty("");
+    onFilterChange({});
+  };
+  const createSelectHandler = (setter) => {
+    return (selectedValue) => {
+      setter(selectedValue === ALL_ITEMS_VALUE ? "" : selectedValue);
+    };
+  };
+  return /* @__PURE__ */ React53__default.createElement("div", { className: "p-4 mb-6 bg-card border rounded-lg shadow-sm" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-7 gap-4 items-end" }, /* @__PURE__ */ React53__default.createElement(
+    Input,
+    {
+      placeholder: "Search questions...",
+      value: searchTerm,
+      onChange: (e) => setSearchTerm(e.target.value),
+      className: "lg:col-span-2 xl:col-span-1"
+    }
+  ), /* @__PURE__ */ React53__default.createElement(Select, { value: subjectCode || ALL_ITEMS_VALUE, onValueChange: createSelectHandler(setSubjectCode) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Subject" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, /* @__PURE__ */ React53__default.createElement(SelectItem, { value: ALL_ITEMS_VALUE }, "All Subjects"), subjects.map((s) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: s.code, value: s.code }, s.name)))), /* @__PURE__ */ React53__default.createElement(Select, { value: topicCode || ALL_ITEMS_VALUE, onValueChange: createSelectHandler(setTopicCode), disabled: !subjectCode || filteredTopics.length === 0 }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Topic" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, /* @__PURE__ */ React53__default.createElement(SelectItem, { value: ALL_ITEMS_VALUE }, "All Topics"), filteredTopics.map((t) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: t.code, value: t.code }, t.name)))), /* @__PURE__ */ React53__default.createElement(Select, { value: gradeLevelCode || ALL_ITEMS_VALUE, onValueChange: createSelectHandler(setGradeLevelCode) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Grade Level" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, /* @__PURE__ */ React53__default.createElement(SelectItem, { value: ALL_ITEMS_VALUE }, "All Grade Levels"), gradeLevels.map((gl) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: gl.code, value: gl.code }, gl.name)))), /* @__PURE__ */ React53__default.createElement(Select, { value: bloomLevelCode || ALL_ITEMS_VALUE, onValueChange: createSelectHandler(setBloomLevelCode) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Bloom's Level" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, /* @__PURE__ */ React53__default.createElement(SelectItem, { value: ALL_ITEMS_VALUE }, "All Levels"), bloomLevels.map((bl) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: bl.code, value: bl.code }, bl.name)))), /* @__PURE__ */ React53__default.createElement(Select, { value: questionTypeCode || ALL_ITEMS_VALUE, onValueChange: createSelectHandler(setQuestionTypeCode) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Question Type" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, /* @__PURE__ */ React53__default.createElement(SelectItem, { value: ALL_ITEMS_VALUE }, "All Types"), questionTypes.map((qt) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: qt.code, value: qt.code }, qt.name)))), /* @__PURE__ */ React53__default.createElement(Select, { value: difficulty || ALL_ITEMS_VALUE, onValueChange: createSelectHandler(setDifficulty) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Difficulty" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, /* @__PURE__ */ React53__default.createElement(SelectItem, { value: ALL_ITEMS_VALUE }, "All Difficulties"), /* @__PURE__ */ React53__default.createElement(SelectItem, { value: "easy" }, "Easy"), /* @__PURE__ */ React53__default.createElement(SelectItem, { value: "medium" }, "Medium"), /* @__PURE__ */ React53__default.createElement(SelectItem, { value: "hard" }, "Hard"))), /* @__PURE__ */ React53__default.createElement("div", { className: "flex gap-2 col-span-full sm:col-span-1 xl:col-span-2 xl:col-start-6" }, /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleApplyFilters, className: "w-full sm:w-auto flex-grow" }, /* @__PURE__ */ React53__default.createElement(Search, { className: "mr-2 h-4 w-4" }), " Apply"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleClearFilters, variant: "outline", className: "w-full sm:w-auto flex-grow" }, /* @__PURE__ */ React53__default.createElement(XCircle, { className: "mr-2 h-4 w-4" }), " Clear"))));
+}
+function QuestionFormDialog({
+  isOpen,
+  onOpenChange,
+  onSave,
+  questionToEdit
+}) {
+  const [code, setCode] = useState("");
+  const [subjectCode, setSubjectCode] = useState("");
+  const [topicCode, setTopicCode] = useState("");
+  const [gradeLevelCode, setGradeLevelCode] = useState("");
+  const [bloomLevelCode, setBloomLevelCode] = useState("");
+  const [isQuestionEditorOpen, setIsQuestionEditorOpen] = useState(false);
+  const [questionConfig, setQuestionConfig] = useState(null);
+  const [subjects, setSubjects] = useState([]);
+  const [topics, setTopics] = useState([]);
+  const [gradeLevels, setGradeLevels] = useState([]);
+  const [bloomLevels, setBloomLevels] = useState([]);
+  const [filteredTopics, setFilteredTopics] = useState([]);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  useEffect(() => {
+    var _a, _b, _c;
+    const subjectsData = MetadataService.getSubjects();
+    const topicsData = MetadataService.getTopics();
+    const gradeLevelsData = MetadataService.getGradeLevels();
+    const bloomLevelsData = MetadataService.getBloomLevels();
+    setSubjects(subjectsData);
+    setTopics(topicsData);
+    setGradeLevels(gradeLevelsData);
+    setBloomLevels(bloomLevelsData);
+    if (isOpen) {
+      if (questionToEdit) {
+        setCode(questionToEdit.code);
+        setSubjectCode(questionToEdit.subjectCode);
+        setTopicCode(questionToEdit.topicCode);
+        setGradeLevelCode(questionToEdit.gradeLevelCode);
+        setBloomLevelCode(questionToEdit.bloomLevelCode);
+        setQuestionConfig(questionToEdit.questionConfig);
+      } else {
+        const defaultSubject = ((_a = subjectsData[0]) == null ? void 0 : _a.code) || "";
+        const defaultGrade = ((_b = gradeLevelsData[0]) == null ? void 0 : _b.code) || "";
+        const defaultBloom = ((_c = bloomLevelsData[0]) == null ? void 0 : _c.code) || "";
+        setCode("");
+        setSubjectCode(defaultSubject);
+        setGradeLevelCode(defaultGrade);
+        setBloomLevelCode(defaultBloom);
+        setTopicCode("");
+        setQuestionConfig(null);
+      }
+    }
+  }, [questionToEdit, isOpen]);
+  useEffect(() => {
+    var _a;
+    if (subjectCode) {
+      const relatedTopics = topics.filter((t) => t.subjectCode === subjectCode);
+      setFilteredTopics(relatedTopics);
+      if (topicCode && !relatedTopics.find((t) => t.code === topicCode)) {
+        setTopicCode(((_a = relatedTopics[0]) == null ? void 0 : _a.code) || "");
+      }
+    } else {
+      setFilteredTopics([]);
+      setTopicCode("");
+    }
+  }, [subjectCode, topics, topicCode]);
+  const handleOpenQuestionEditor = (type) => {
+    if (questionToEdit && questionConfig) {
+      setIsQuestionEditorOpen(true);
+    } else if (type) {
+      const newTemplate = QuizEditorService.createNewQuestionTemplate(type);
+      setQuestionConfig(newTemplate);
+      setIsQuestionEditorOpen(true);
+    }
+  };
+  const handleQuestionConfigSave = (savedConfig) => {
+    setQuestionConfig(savedConfig);
+    setIsQuestionEditorOpen(false);
+  };
+  const handleSubmit = () => {
+    if (!code.trim() || !subjectCode || !topicCode || !gradeLevelCode || !bloomLevelCode) {
+      toast2({ title: "Validation Error", description: "Please fill all metadata fields (Code, Subject, Topic, etc.).", variant: "destructive" });
+      return;
+    }
+    if (!questionConfig) {
+      toast2({ title: "Validation Error", description: "Question content is missing. Please create or edit the question details.", variant: "destructive" });
+      return;
+    }
+    startTransition(() => {
+      try {
+        const finalDataPayload = {
+          code,
+          text: questionConfig.prompt.replace(/<[^>]*>?/gm, "").substring(0, 200),
+          subjectCode,
+          topicCode,
+          gradeLevelCode,
+          bloomLevelCode,
+          questionTypeCode: questionConfig.questionType,
+          difficulty: questionConfig.difficulty,
+          questionConfig: __spreadProps(__spreadValues({}, questionConfig), {
+            subject: subjectCode,
+            topic: topicCode,
+            gradeBand: gradeLevelCode,
+            bloomLevel: bloomLevelCode
+          })
+        };
+        if (questionToEdit) {
+          QuestionBankService.updateQuestion(questionToEdit.id, finalDataPayload);
+          toast2({ title: "Success", description: "Question updated." });
+        } else {
+          QuestionBankService.addQuestion(finalDataPayload);
+          toast2({ title: "Success", description: "Question added." });
+        }
+        onSave();
+        onOpenChange(false);
+      } catch (error) {
+        toast2({ title: "Error", description: error.message || "Failed to save question.", variant: "destructive" });
+      }
+    });
+  };
+  const dialogTitle = questionToEdit ? "Edit Question Metadata" : "Create New Question";
+  const dialogDescription = "First, define the metadata for the question. Then, edit the question's content and logic.";
+  return /* @__PURE__ */ React53__default.createElement(React53__default.Fragment, null, /* @__PURE__ */ React53__default.createElement(Dialog, { open: isOpen, onOpenChange }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-xl md:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, dialogTitle), /* @__PURE__ */ React53__default.createElement(DialogDescription, null, dialogDescription)), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "code" }, "Question Code"), /* @__PURE__ */ React53__default.createElement(Input, { id: "code", value: code, onChange: (e) => setCode(e.target.value.toUpperCase()), placeholder: "Unique code (e.g., MATH-ALG-001)", disabled: !!questionToEdit })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "gradeLevelCode" }, "Grade Level"), /* @__PURE__ */ React53__default.createElement(Select, { value: gradeLevelCode, onValueChange: setGradeLevelCode }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, { id: "gradeLevelCode" }, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Select Grade Level" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, gradeLevels.map((gl) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: gl.code, value: gl.code }, gl.name)))))), /* @__PURE__ */ React53__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "subjectCode" }, "Subject"), /* @__PURE__ */ React53__default.createElement(Select, { value: subjectCode, onValueChange: setSubjectCode }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, { id: "subjectCode" }, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Select Subject" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, subjects.map((s) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: s.code, value: s.code }, s.name))))), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "topicCode" }, "Topic"), /* @__PURE__ */ React53__default.createElement(Select, { value: topicCode, onValueChange: setTopicCode, disabled: !subjectCode || filteredTopics.length === 0 }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, { id: "topicCode" }, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Select Topic" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, filteredTopics.map((t) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: t.code, value: t.code }, t.name)))))), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "bloomLevelCode" }, "Bloom's Level"), /* @__PURE__ */ React53__default.createElement(Select, { value: bloomLevelCode, onValueChange: setBloomLevelCode }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, { id: "bloomLevelCode" }, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Select Bloom's Level" })), /* @__PURE__ */ React53__default.createElement(SelectContent, null, bloomLevels.map((bl) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: bl.code, value: bl.code }, bl.name))))), /* @__PURE__ */ React53__default.createElement("div", { className: "pt-4 border-t" }, /* @__PURE__ */ React53__default.createElement(Label, { className: "font-semibold" }, "Question Content & Logic"), questionConfig ? /* @__PURE__ */ React53__default.createElement("div", { className: "p-3 mt-2 border rounded-md bg-muted/30 flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement("p", { className: "font-medium" }, "Type: ", /* @__PURE__ */ React53__default.createElement("span", { className: "font-normal" }, questionConfig.questionType)), /* @__PURE__ */ React53__default.createElement("p", { className: "text-sm text-muted-foreground truncate max-w-md" }, "Prompt: ", questionConfig.prompt.replace(/<[^>]*>?/gm, "") || "Not set")), /* @__PURE__ */ React53__default.createElement(Button, { variant: "outline", onClick: () => handleOpenQuestionEditor() }, /* @__PURE__ */ React53__default.createElement(Edit, { className: "mr-2 h-4 w-4" }), " Edit Content")) : /* @__PURE__ */ React53__default.createElement("div", { className: "p-3 mt-2 border-dashed border-2 rounded-md text-center" }, /* @__PURE__ */ React53__default.createElement("p", { className: "text-muted-foreground mb-2" }, "No content has been created yet."), /* @__PURE__ */ React53__default.createElement(Button, { variant: "default", onClick: () => handleOpenQuestionEditor("multiple_choice") }, /* @__PURE__ */ React53__default.createElement(BookCopy, { className: "mr-2 h-4 w-4" }), " Create Question Content")))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !questionConfig }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Save Question")))), questionConfig && /* @__PURE__ */ React53__default.createElement(
+    EditQuestionModal,
+    {
+      isOpen: isQuestionEditorOpen,
+      onClose: () => setIsQuestionEditorOpen(false),
+      questionData: questionConfig,
+      onSave: handleQuestionConfigSave
+    }
+  ));
+}
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    AlertDialogPrimitive.Overlay,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      )
+    }, props), {
+      ref
+    })
+  );
+});
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(AlertDialogPortal, null, /* @__PURE__ */ React53.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React53.createElement(
+    AlertDialogPrimitive.Content,
+    __spreadValues({
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )
+    }, props)
+  ));
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React53.createElement(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col space-y-2 text-center sm:text-left",
+        className
+      )
+    }, props)
+  );
+};
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React53.createElement(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      )
+    }, props)
+  );
+};
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    AlertDialogPrimitive.Title,
+    __spreadValues({
+      ref,
+      className: cn("text-lg font-semibold", className)
+    }, props)
+  );
+});
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    AlertDialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    AlertDialogPrimitive.Action,
+    __spreadValues({
+      ref,
+      className: cn(buttonVariants(), className)
+    }, props)
+  );
+});
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React53.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React53.createElement(
+    AlertDialogPrimitive.Cancel,
+    __spreadValues({
+      ref,
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "mt-2 sm:mt-0",
+        className
+      )
+    }, props)
+  );
+});
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/react-ui/components/elements/skeleton.tsx
+function Skeleton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      className: cn("animate-pulse rounded-md bg-muted", className)
+    }, props)
+  );
+}
+function SubjectManager() {
+  const [subjects, setSubjects] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentSubject, setCurrentSubject] = useState(null);
+  const [subjectName, setSubjectName] = useState("");
+  const [subjectCode, setSubjectCode] = useState("");
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  useEffect(() => {
+    setIsLoading(true);
+    try {
+      const data = MetadataService.getSubjects();
+      setSubjects(data);
+    } catch (error) {
+      toast2({ title: "Error", description: "Failed to fetch subjects from local storage.", variant: "destructive" });
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  const refreshData = () => {
+    setSubjects(MetadataService.getSubjects());
+  };
+  const handleAddItem = () => {
+    setCurrentSubject(null);
+    setSubjectName("");
+    setSubjectCode("");
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (subject) => {
+    setCurrentSubject(subject);
+    setSubjectName(subject.name);
+    setSubjectCode(subject.code);
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (subject) => {
+    setItemToDelete(subject);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteSubject(itemToDelete.code);
+        toast2({ title: "Success", description: `Subject "${itemToDelete.name}" deleted.` });
+        refreshData();
+      } catch (error) {
+        toast2({ title: "Error", description: error.message || "Failed to delete subject.", variant: "destructive" });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    if (!subjectName.trim() || !subjectCode.trim()) {
+      toast2({ title: "Validation Error", description: "Please enter Subject Name and Subject Code.", variant: "destructive" });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentSubject) {
+          MetadataService.updateSubject(currentSubject.id, subjectName, subjectCode);
+          toast2({ title: "Success", description: "Subject updated." });
+        } else {
+          MetadataService.addSubject(subjectName, subjectCode);
+          toast2({ title: "Success", description: "Subject added." });
+        }
+        refreshData();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({ title: "Error", description: error.message || "Failed to save subject.", variant: "destructive" });
+      }
+    });
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(BookCopy, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Subjects"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Subject"))), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : subjects.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No subjects found. Add one to get started!") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Created At"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Updated At"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, subjects.map((subject) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: subject.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, subject.code), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, subject.name), /* @__PURE__ */ React53__default.createElement(TableCell, null, format(new Date(subject.createdAt), "dd/MM/yyyy HH:mm")), /* @__PURE__ */ React53__default.createElement(TableCell, null, format(new Date(subject.updatedAt), "dd/MM/yyyy HH:mm")), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(subject), className: "mr-2" }, /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(subject), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-md" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentSubject ? "Edit Subject" : "Add New Subject"), /* @__PURE__ */ React53__default.createElement(DialogDescription, null, currentSubject ? "Update the details of the subject." : "Enter details for the new subject.")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React53__default.createElement(
+    Input,
+    {
+      id: "subjectCode",
+      value: subjectCode,
+      onChange: (e) => setSubjectCode(e.target.value.toUpperCase()),
+      placeholder: "e.g., MATH",
+      disabled: !!currentSubject
+    }
+  )), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "subjectName" }, "Subject Name"), /* @__PURE__ */ React53__default.createElement(
+    Input,
+    {
+      id: "subjectName",
+      value: subjectName,
+      onChange: (e) => setSubjectName(e.target.value),
+      placeholder: "e.g., Mathematics"
+    }
+  ))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !subjectName.trim() || !subjectCode.trim() }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This action cannot be undone. This will permanently delete the subject "', itemToDelete == null ? void 0 : itemToDelete.name, '" (Code: ', itemToDelete == null ? void 0 : itemToDelete.code, "). Ensure no topics, questions, or learning objectives reference this subject.")), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(AlertDialogAction, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+}
+function GradeLevelManager() {
+  const [items, setItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [itemName, setItemName] = useState("");
+  const [itemCode, setItemCode] = useState("");
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  useEffect(() => {
+    fetchItems();
+  }, []);
+  const fetchItems = () => {
+    setIsLoading(true);
+    try {
+      setItems(MetadataService.getGradeLevels());
+    } catch (error) {
+      toast2({ title: "Error", description: "Failed to fetch grade levels.", variant: "destructive" });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleAddItem = () => {
+    setCurrentItem(null);
+    setItemName("");
+    setItemCode("");
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (item) => {
+    setCurrentItem(item);
+    setItemName(item.name);
+    setItemCode(item.code);
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (item) => {
+    setItemToDelete(item);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteGradeLevel(itemToDelete.code);
+        toast2({ title: "Success", description: `Grade Level "${itemToDelete.name}" deleted.` });
+        fetchItems();
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to delete grade level.", variant: "destructive" });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    if (!itemName.trim() || !itemCode.trim()) {
+      toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentItem) {
+          MetadataService.updateGradeLevel(currentItem.id, itemName, itemCode);
+        } else {
+          MetadataService.addGradeLevel(itemName, itemCode);
+        }
+        toast2({ title: "Success", description: `Grade Level saved.` });
+        fetchItems();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to save grade level.", variant: "destructive" });
+      }
+    });
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(Award, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Grade Levels"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Grade Level"))), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No grade levels found.") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-md" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentItem ? "Edit Grade Level" : "Add New Grade Level")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e) => setItemCode(e.target.value.toUpperCase()), placeholder: "e.g., G9", disabled: !!currentItem })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemName", value: itemName, onChange: (e) => setItemName(e.target.value), placeholder: "e.g., Grade 9" }))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemName.trim() || !itemCode.trim() }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This will permanently delete "', itemToDelete == null ? void 0 : itemToDelete.name, '".')), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(AlertDialogAction, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+}
+function TopicManager() {
+  const [topics, setTopics] = useState([]);
+  const [subjects, setSubjects] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [itemName, setItemName] = useState("");
+  const [itemCode, setItemCode] = useState("");
+  const [selectedSubjectCode, setSelectedSubjectCode] = useState("");
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  const fetchData = () => {
+    setIsLoading(true);
+    try {
+      const topicsData = MetadataService.getTopics();
+      const subjectsData = MetadataService.getSubjects();
+      setTopics(topicsData);
+      setSubjects(subjectsData);
+      if (subjectsData.length > 0 && !selectedSubjectCode) {
+        setSelectedSubjectCode(subjectsData[0].code);
+      }
+    } catch (error) {
+      toast2({
+        title: "Error",
+        description: "Failed to fetch topics or subjects.",
+        variant: "destructive"
+      });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchData();
+  }, []);
+  const handleAddItem = () => {
+    setCurrentItem(null);
+    setItemName("");
+    setItemCode("");
+    if (subjects.length > 0) {
+      setSelectedSubjectCode(subjects[0].code);
+    }
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (topic) => {
+    setCurrentItem(topic);
+    setItemName(topic.name);
+    setItemCode(topic.code);
+    setSelectedSubjectCode(topic.subjectCode);
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (topic) => {
+    setItemToDelete(topic);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteTopic(itemToDelete.code);
+        toast2({
+          title: "Success",
+          description: `Topic "${itemToDelete.name}" deleted.`
+        });
+        fetchData();
+      } catch (error) {
+        toast2({
+          title: "Error",
+          description: "Failed to delete topic.",
+          variant: "destructive"
+        });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    if (!itemName.trim() || !itemCode.trim() || !selectedSubjectCode) {
+      toast2({
+        title: "Validation Error",
+        description: "Name, Code, and Subject are required.",
+        variant: "destructive"
+      });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentItem) {
+          MetadataService.updateTopic(
+            currentItem.id,
+            itemName,
+            itemCode,
+            selectedSubjectCode
+          );
+        } else {
+          MetadataService.addTopic(
+            itemName,
+            itemCode,
+            selectedSubjectCode
+          );
+        }
+        toast2({ title: "Success", description: "Topic saved." });
+        fetchData();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({
+          title: "Error",
+          description: "Failed to save topic.",
+          variant: "destructive"
+        });
+      }
+    });
+  };
+  const getSubjectName = (subjectCode) => {
+    var _a;
+    return ((_a = subjects.find((s) => s.code === subjectCode)) == null ? void 0 : _a.name) || "N/A";
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(Tag, { className: "mr-2 h-5 w-5 text-primary" }), "Manage Topics"), /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      onClick: handleAddItem,
+      size: "sm",
+      disabled: subjects.length === 0
+    },
+    /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }),
+    " Add Topic"
+  )), subjects.length === 0 && !isLoading && /* @__PURE__ */ React53__default.createElement("p", { className: "text-sm text-destructive" }, "Please add subjects before adding topics.")), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : topics.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No topics found. Add one to get started!") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, topics.map((topic) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: topic.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, topic.code), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, topic.name), /* @__PURE__ */ React53__default.createElement(TableCell, null, getSubjectName(topic.subjectCode), " ", "(", topic.subjectCode, ")"), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => handleEditItem(topic),
+      className: "mr-2"
+    },
+    /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => handleDeleteItem(topic),
+      className: "text-destructive hover:text-destructive"
+    },
+    /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })
+  ))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-md" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentItem ? "Edit Topic" : "Add New Topic")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemCode" }, "Topic Code"), /* @__PURE__ */ React53__default.createElement(
+    Input,
+    {
+      id: "itemCode",
+      value: itemCode,
+      onChange: (e) => setItemCode(
+        e.target.value.toUpperCase()
+      ),
+      placeholder: "e.g., ALG-BASICS",
+      disabled: !!currentItem
+    }
+  )), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemName" }, "Topic Name"), /* @__PURE__ */ React53__default.createElement(
+    Input,
+    {
+      id: "itemName",
+      value: itemName,
+      onChange: (e) => setItemName(e.target.value),
+      placeholder: "e.g., Algebra Basics"
+    }
+  )), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "subjectCode" }, "Subject"), /* @__PURE__ */ React53__default.createElement(
+    Select,
+    {
+      value: selectedSubjectCode,
+      onValueChange: setSelectedSubjectCode,
+      disabled: subjects.length === 0
+    },
+    /* @__PURE__ */ React53__default.createElement(SelectTrigger, { id: "subjectCode" }, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Select a subject" })),
+    /* @__PURE__ */ React53__default.createElement(SelectContent, null, subjects.map((subject) => /* @__PURE__ */ React53__default.createElement(
+      SelectItem,
+      {
+        key: subject.code,
+        value: subject.code
+      },
+      subject.name,
+      " (",
+      subject.code,
+      ")"
+    )))
+  ))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      onClick: () => setIsDialogOpen(false),
+      disabled: isPending
+    },
+    "Cancel"
+  ), /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      type: "submit",
+      onClick: handleSubmit,
+      disabled: isPending || !itemName.trim() || !itemCode.trim() || !selectedSubjectCode
+    },
+    isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+    " ",
+    "Save"
+  )))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This will permanently delete topic "', itemToDelete == null ? void 0 : itemToDelete.name, '".')), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(
+    AlertDialogAction,
+    {
+      onClick: confirmDelete,
+      disabled: isPending,
+      className: "bg-destructive hover:bg-destructive/90"
+    },
+    isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+    " ",
+    "Delete"
+  ))))));
+}
+function CategoryManager() {
+  const [items, setItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [itemName, setItemName] = useState("");
+  const [itemCode, setItemCode] = useState("");
+  const [itemDescription, setItemDescription] = useState("");
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  useEffect(() => {
+    fetchItems();
+  }, []);
+  const fetchItems = () => {
+    setIsLoading(true);
+    try {
+      setItems(MetadataService.getCategories());
+    } catch (error) {
+      toast2({ title: "Error", description: "Failed to fetch categories.", variant: "destructive" });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleAddItem = () => {
+    setCurrentItem(null);
+    setItemName("");
+    setItemCode("");
+    setItemDescription("");
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (item) => {
+    setCurrentItem(item);
+    setItemName(item.name);
+    setItemCode(item.code);
+    setItemDescription(item.description || "");
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (item) => {
+    setItemToDelete(item);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteCategory(itemToDelete.code);
+        toast2({ title: "Success", description: `Category "${itemToDelete.name}" deleted.` });
+        fetchItems();
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to delete category.", variant: "destructive" });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    if (!itemName.trim() || !itemCode.trim()) {
+      toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentItem) {
+          MetadataService.updateCategory(currentItem.id, itemName, itemCode, itemDescription);
+        } else {
+          MetadataService.addCategory(itemName, itemCode, itemDescription);
+        }
+        toast2({ title: "Success", description: "Category saved." });
+        fetchItems();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to save category.", variant: "destructive" });
+      }
+    });
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(Layers, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Categories"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Category"))), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No categories found.") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React53__default.createElement(TableCell, null, item.description), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-md" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentItem ? "Edit Category" : "Add New Category")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e) => setItemCode(e.target.value.toUpperCase()), placeholder: "e.g., CORE_CONCEPT", disabled: !!currentItem })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemName", value: itemName, onChange: (e) => setItemName(e.target.value), placeholder: "e.g., Core Concept" })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React53__default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e) => setItemDescription(e.target.value), placeholder: "e.g., Fundamental ideas within a subject." }))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemName.trim() || !itemCode.trim() }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This will permanently delete "', itemToDelete == null ? void 0 : itemToDelete.name, '".')), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(AlertDialogAction, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+}
+function BloomLevelManager() {
+  const [items, setItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [itemCode, setItemCode] = useState("");
+  const [itemName, setItemName] = useState("");
+  const [itemDescription, setItemDescription] = useState("");
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  useEffect(() => {
+    fetchItems();
+  }, []);
+  const fetchItems = () => {
+    setIsLoading(true);
+    try {
+      setItems(MetadataService.getBloomLevels());
+    } catch (error) {
+      toast2({ title: "Error", description: "Failed to fetch Bloom's Levels.", variant: "destructive" });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleAddItem = () => {
+    setCurrentItem(null);
+    setItemCode("");
+    setItemName("");
+    setItemDescription("");
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (item) => {
+    setCurrentItem(item);
+    setItemCode(item.code);
+    setItemName(item.name);
+    setItemDescription(item.description || "");
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (item) => {
+    setItemToDelete(item);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteBloomLevel(itemToDelete.code);
+        toast2({ title: "Success", description: `Bloom's Level "${itemToDelete.name}" deleted.` });
+        fetchItems();
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to delete Bloom's Level.", variant: "destructive" });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    if (!itemName.trim() || !itemCode.trim()) {
+      toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentItem) {
+          MetadataService.updateBloomLevel(currentItem.id, itemName, itemCode, itemDescription);
+        } else {
+          MetadataService.addBloomLevel(itemName, itemCode, itemDescription);
+        }
+        toast2({ title: "Success", description: "Bloom's Level saved." });
+        fetchItems();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to save Bloom's Level.", variant: "destructive" });
+      }
+    });
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(Brain, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Bloom's Levels"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Bloom's Level"))), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Bloom's Levels found.") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React53__default.createElement(TableCell, null, item.description), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-md" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentItem ? "Edit Bloom's Level" : "Add New Bloom's Level")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e) => setItemCode(e.target.value.toUpperCase()), placeholder: "e.g., REMEMBER", disabled: !!currentItem })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemName", value: itemName, onChange: (e) => setItemName(e.target.value), placeholder: "e.g., Remembering" })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React53__default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e) => setItemDescription(e.target.value), placeholder: "e.g., Recall facts and basic concepts." }))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This will permanently delete "', itemToDelete == null ? void 0 : itemToDelete.name, '".')), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(AlertDialogAction, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+}
+function QuestionTypeManager() {
+  const [items, setItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [itemCode, setItemCode] = useState("");
+  const [itemName, setItemName] = useState("");
+  const [itemDescription, setItemDescription] = useState("");
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  useEffect(() => {
+    fetchItems();
+  }, []);
+  const fetchItems = () => {
+    setIsLoading(true);
+    try {
+      setItems(MetadataService.getQuestionTypes());
+    } catch (error) {
+      toast2({ title: "Error", description: "Failed to fetch Question Types.", variant: "destructive" });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleAddItem = () => {
+    setCurrentItem(null);
+    setItemCode("");
+    setItemName("");
+    setItemDescription("");
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (item) => {
+    setCurrentItem(item);
+    setItemCode(item.code);
+    setItemName(item.name);
+    setItemDescription(item.description || "");
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (item) => {
+    setItemToDelete(item);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteQuestionType(itemToDelete.code);
+        toast2({ title: "Success", description: `Question Type "${itemToDelete.name}" deleted.` });
+        fetchItems();
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to delete Question Type.", variant: "destructive" });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    if (!itemName.trim() || !itemCode.trim()) {
+      toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentItem) {
+          MetadataService.updateQuestionType(currentItem.id, itemName, itemCode, itemDescription);
+        } else {
+          MetadataService.addQuestionType(itemName, itemCode, itemDescription);
+        }
+        toast2({ title: "Success", description: "Question Type saved." });
+        fetchItems();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to save Question Type.", variant: "destructive" });
+      }
+    });
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(HelpCircle, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Question Types"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Question Type"))), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Question Types found.") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React53__default.createElement(TableCell, null, item.description), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-md" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentItem ? "Edit Question Type" : "Add New Question Type")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e) => setItemCode(e.target.value.toUpperCase()), placeholder: "e.g., MCQ", disabled: !!currentItem })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemName", value: itemName, onChange: (e) => setItemName(e.target.value), placeholder: "e.g., Multiple Choice" })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React53__default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e) => setItemDescription(e.target.value), placeholder: "e.g., Select one answer from a list of options." }))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This will permanently delete "', itemToDelete == null ? void 0 : itemToDelete.name, '".')), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(AlertDialogAction, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+}
+function LearningObjectiveManager() {
+  const [items, setItems] = useState([]);
+  const [subjects, setSubjects] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [itemName, setItemName] = useState("");
+  const [itemCode, setItemCode] = useState("");
+  const [itemDescription, setItemDescription] = useState("");
+  const [selectedSubjectCode, setSelectedSubjectCode] = useState(void 0);
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  const fetchData = () => {
+    setIsLoading(true);
+    try {
+      const loData = MetadataService.getLearningObjectives();
+      const subjectsData = MetadataService.getSubjects();
+      setItems(loData);
+      setSubjects(subjectsData);
+    } catch (error) {
+      toast2({
+        title: "Error",
+        description: "Failed to fetch Learning Objectives or Subjects.",
+        variant: "destructive"
+      });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchData();
+  }, []);
+  const handleAddItem = () => {
+    setCurrentItem(null);
+    setItemName("");
+    setItemCode("");
+    setItemDescription("");
+    setSelectedSubjectCode(
+      subjects.length > 0 ? subjects[0].code : void 0
+    );
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (item) => {
+    setCurrentItem(item);
+    setItemName(item.name);
+    setItemCode(item.code);
+    setItemDescription(item.description || "");
+    setSelectedSubjectCode(item.subjectCode);
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (item) => {
+    setItemToDelete(item);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteLearningObjective(itemToDelete.code);
+        toast2({
+          title: "Success",
+          description: `Learning Objective "${itemToDelete.name}" deleted.`
+        });
+        fetchData();
+      } catch (error) {
+        toast2({
+          title: "Error",
+          description: "Failed to delete Learning Objective.",
+          variant: "destructive"
+        });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    if (!itemName.trim() || !itemCode.trim()) {
+      toast2({
+        title: "Validation Error",
+        description: "Code and Name are required.",
+        variant: "destructive"
+      });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentItem) {
+          MetadataService.updateLearningObjective(
+            currentItem.id,
+            itemName,
+            itemCode,
+            selectedSubjectCode,
+            itemDescription
+          );
+        } else {
+          MetadataService.addLearningObjective(
+            itemName,
+            itemCode,
+            selectedSubjectCode,
+            itemDescription
+          );
+        }
+        toast2({
+          title: "Success",
+          description: "Learning Objective saved."
+        });
+        fetchData();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({
+          title: "Error",
+          description: "Failed to save Learning Objective.",
+          variant: "destructive"
+        });
+      }
+    });
+  };
+  const getSubjectName = (subjectCode) => {
+    var _a;
+    if (!subjectCode) return "N/A";
+    return ((_a = subjects.find((s) => s.code === subjectCode)) == null ? void 0 : _a.name) || "N/A";
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " ", "Manage Learning Objectives"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Learning Objective"))), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React53__default.createElement(TableCell, null, getSubjectName(item.subjectCode)), /* @__PURE__ */ React53__default.createElement(TableCell, null, item.description), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => handleEditItem(item),
+      className: "mr-2"
+    },
+    /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => handleDeleteItem(item),
+      className: "text-destructive hover:text-destructive"
+    },
+    /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })
+  ))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-md" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React53__default.createElement(
+    Input,
+    {
+      id: "itemCode",
+      value: itemCode,
+      onChange: (e) => setItemCode(
+        e.target.value.toUpperCase()
+      ),
+      disabled: !!currentItem
+    }
+  )), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React53__default.createElement(
+    Input,
+    {
+      id: "itemName",
+      value: itemName,
+      onChange: (e) => setItemName(e.target.value)
+    }
+  )), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemSubject" }, "Subject (Optional)"), /* @__PURE__ */ React53__default.createElement(
+    Select,
+    {
+      value: selectedSubjectCode || "",
+      onValueChange: (value) => setSelectedSubjectCode(
+        value === "_NONE_" ? void 0 : value
+      )
+    },
+    /* @__PURE__ */ React53__default.createElement(SelectTrigger, { id: "itemSubject" }, /* @__PURE__ */ React53__default.createElement(SelectValue, { placeholder: "Select a subject" })),
+    /* @__PURE__ */ React53__default.createElement(SelectContent, null, /* @__PURE__ */ React53__default.createElement(SelectItem, { value: "_NONE_" }, "No Specific Subject"), subjects.map((subject) => /* @__PURE__ */ React53__default.createElement(
+      SelectItem,
+      {
+        key: subject.id,
+        value: subject.code
+      },
+      subject.name
+    )))
+  )), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React53__default.createElement(
+    Textarea,
+    {
+      id: "itemDescription",
+      value: itemDescription,
+      onChange: (e) => setItemDescription(e.target.value)
+    }
+  ))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      onClick: () => setIsDialogOpen(false),
+      disabled: isPending
+    },
+    "Cancel"
+  ), /* @__PURE__ */ React53__default.createElement(
+    Button,
+    {
+      type: "submit",
+      onClick: handleSubmit,
+      disabled: isPending || !itemName.trim() || !itemCode.trim()
+    },
+    isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+    " ",
+    "Save"
+  )))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This will permanently delete "', itemToDelete == null ? void 0 : itemToDelete.name, '".')), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(
+    AlertDialogAction,
+    {
+      onClick: confirmDelete,
+      disabled: isPending,
+      className: "bg-destructive hover:bg-destructive/90"
+    },
+    isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+    " ",
+    "Delete"
+  ))))));
+}
+function ContextManager() {
+  const [items, setItems] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [itemName, setItemName] = useState("");
+  const [itemCode, setItemCode] = useState("");
+  const [itemDescription, setItemDescription] = useState("");
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  useEffect(() => {
+    fetchItems();
+  }, []);
+  const fetchItems = () => {
+    setIsLoading(true);
+    try {
+      setItems(MetadataService.getContexts());
+    } catch (error) {
+      toast2({ title: "Error", description: "Failed to fetch Contexts.", variant: "destructive" });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const handleAddItem = () => {
+    setCurrentItem(null);
+    setItemName("");
+    setItemCode("");
+    setItemDescription("");
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (item) => {
+    setCurrentItem(item);
+    setItemName(item.name);
+    setItemCode(item.code);
+    setItemDescription(item.description || "");
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (item) => {
+    setItemToDelete(item);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteContext(itemToDelete.code);
+        toast2({ title: "Success", description: `Context "${itemToDelete.name}" deleted.` });
+        fetchItems();
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to delete Context.", variant: "destructive" });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    if (!itemName.trim() || !itemCode.trim()) {
+      toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentItem) {
+          MetadataService.updateContext(currentItem.id, itemName, itemCode, itemDescription);
+        } else {
+          MetadataService.addContext(itemName, itemCode, itemDescription);
+        }
+        toast2({ title: "Success", description: "Context saved." });
+        fetchItems();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to save Context.", variant: "destructive" });
+      }
+    });
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(ScanText, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Contexts"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Context"))), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Contexts found.") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React53__default.createElement(TableCell, null, item.description), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-md" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentItem ? "Edit Context" : "Add New Context")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e) => setItemCode(e.target.value.toUpperCase()), placeholder: "e.g., HIST_INQ", disabled: !!currentItem })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React53__default.createElement(Input, { id: "itemName", value: itemName, onChange: (e) => setItemName(e.target.value), placeholder: "e.g., Historical Inquiry" })), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React53__default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e) => setItemDescription(e.target.value), placeholder: "e.g., Analyzing primary and secondary sources." }))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This will permanently delete "', itemToDelete == null ? void 0 : itemToDelete.name, '".')), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(AlertDialogAction, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+}
+var knowledgeDimensions = ["Factual", "Conceptual", "Procedural"];
+var rawDifficultyLevels = ["E", "E~M", "M", "M~H", "H"];
+function ApproachManager() {
+  var _a, _b, _c;
+  const [items, setItems] = useState([]);
+  const [bloomLevels, setBloomLevels] = useState([]);
+  const [iSpringQuizTypeOptions, setISpringQuizTypeOptions] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [currentItem, setCurrentItem] = useState(null);
+  const [formState, setFormState] = useState({});
+  const [itemToDelete, setItemToDelete] = useState(null);
+  const [isPending, startTransition] = useTransition();
+  const { toast: toast2 } = useToast();
+  const fetchItems = () => {
+    setIsLoading(true);
+    try {
+      const approaches = MetadataService.getApproaches();
+      const bloomLevelsData = MetadataService.getBloomLevels();
+      const questionTypesData = MetadataService.getQuestionTypes();
+      setItems(approaches);
+      setBloomLevels(bloomLevelsData);
+      setISpringQuizTypeOptions(questionTypesData.map((qt) => ({ label: qt.name, value: qt.code })));
+    } catch (error) {
+      toast2({ title: "Error", description: "Failed to fetch metadata.", variant: "destructive" });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchItems();
+  }, []);
+  const resetForm = () => {
+    setFormState({
+      knowledgeDimension: "Factual",
+      rawDifficulty: "E",
+      bloomLevelCode: bloomLevels.length > 0 ? bloomLevels[0].code : "",
+      iSpringQuizType: iSpringQuizTypeOptions.length > 0 ? iSpringQuizTypeOptions[0].value : "multiple_choice"
+    });
+  };
+  const handleAddItem = () => {
+    setCurrentItem(null);
+    resetForm();
+    setIsDialogOpen(true);
+  };
+  const handleEditItem = (item) => {
+    setCurrentItem(item);
+    setFormState({
+      code: item.code,
+      verbEn: item.verbEn,
+      verbVi: item.verbVi,
+      bloomLevelCode: item.bloomLevelCode,
+      knowledgeDimension: item.knowledgeDimension,
+      iSpringQuizType: item.iSpringQuizType,
+      rawDifficulty: item.rawDifficulty,
+      suggestContext: item.suggestContext,
+      exampleEn: item.exampleEn,
+      exampleVi: item.exampleVi
+    });
+    setIsDialogOpen(true);
+  };
+  const handleDeleteItem = (item) => {
+    setItemToDelete(item);
+    setIsAlertOpen(true);
+  };
+  const confirmDelete = () => {
+    if (!itemToDelete) return;
+    startTransition(() => {
+      try {
+        MetadataService.deleteApproach(itemToDelete.code);
+        toast2({ title: "Success", description: `Approach "${itemToDelete.code}" deleted.` });
+        fetchItems();
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to delete Approach.", variant: "destructive" });
+      } finally {
+        setIsAlertOpen(false);
+        setItemToDelete(null);
+      }
+    });
+  };
+  const handleSubmit = () => {
+    const { code, verbEn, verbVi } = formState;
+    if (!(code == null ? void 0 : code.trim()) || !(verbEn == null ? void 0 : verbEn.trim()) || !(verbVi == null ? void 0 : verbVi.trim())) {
+      toast2({ title: "Validation Error", description: "Code, Verb (EN), and Verb (VI) are required.", variant: "destructive" });
+      return;
+    }
+    startTransition(() => {
+      try {
+        if (currentItem) {
+          MetadataService.updateApproach(currentItem.id, formState);
+          toast2({ title: "Success", description: "Approach updated." });
+        } else {
+          MetadataService.addApproach(formState);
+          toast2({ title: "Success", description: "Approach added." });
+        }
+        fetchItems();
+        setIsDialogOpen(false);
+      } catch (error) {
+        toast2({ title: "Error", description: error.message || "Failed to save Approach.", variant: "destructive" });
+      }
+    });
+  };
+  return /* @__PURE__ */ React53__default.createElement(Card, null, /* @__PURE__ */ React53__default.createElement(CardHeader, null, /* @__PURE__ */ React53__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React53__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React53__default.createElement(Settings2, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Approaches"), /* @__PURE__ */ React53__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React53__default.createElement(PlusCircle, { className: "mr-2 h-4 w-4" }), " Add Approach"))), /* @__PURE__ */ React53__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React53__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React53__default.createElement(Loader2, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React53__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Approaches found.") : /* @__PURE__ */ React53__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React53__default.createElement(Table2, null, /* @__PURE__ */ React53__default.createElement(TableHeader, null, /* @__PURE__ */ React53__default.createElement(TableRow, null, /* @__PURE__ */ React53__default.createElement(TableHead, null, "Approach ID"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Verb (VI)"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "Cognitive Level"), /* @__PURE__ */ React53__default.createElement(TableHead, null, "iSpring Type"), /* @__PURE__ */ React53__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React53__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React53__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React53__default.createElement(TableCell, { className: "font-medium" }, item.code), /* @__PURE__ */ React53__default.createElement(TableCell, null, item.verbVi), /* @__PURE__ */ React53__default.createElement(TableCell, null, item.bloomLevelCode), /* @__PURE__ */ React53__default.createElement(TableCell, null, item.iSpringQuizType), /* @__PURE__ */ React53__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React53__default.createElement(Edit3, { className: "h-4 w-4" })), /* @__PURE__ */ React53__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React53__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React53__default.createElement(Dialog, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React53__default.createElement(DialogContent, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React53__default.createElement(DialogHeader, null, /* @__PURE__ */ React53__default.createElement(DialogTitle, null, currentItem ? "Edit Approach" : "Add New Approach")), /* @__PURE__ */ React53__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React53__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "code" }, "Approach Code"), /* @__PURE__ */ React53__default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e) => setFormState((s) => __spreadProps(__spreadValues({}, s), { code: e.target.value.toUpperCase() })), placeholder: "e.g., REM-FAC-IDT-MCQ", disabled: !!currentItem })), /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "verbEn" }, "Verb (English)"), /* @__PURE__ */ React53__default.createElement(Input, { id: "verbEn", value: formState.verbEn || "", onChange: (e) => setFormState((s) => __spreadProps(__spreadValues({}, s), { verbEn: e.target.value })), placeholder: "e.g., Identify" }))), /* @__PURE__ */ React53__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "verbVi" }, "Verb (Vietnamese)"), /* @__PURE__ */ React53__default.createElement(Input, { id: "verbVi", value: formState.verbVi || "", onChange: (e) => setFormState((s) => __spreadProps(__spreadValues({}, s), { verbVi: e.target.value })), placeholder: "e.g., Nh\u1EADn d\u1EA1ng" })), /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "bloomLevelCode" }, "Cognitive Level"), /* @__PURE__ */ React53__default.createElement(Select, { value: formState.bloomLevelCode, onValueChange: (v) => setFormState((s) => __spreadProps(__spreadValues({}, s), { bloomLevelCode: v })) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, null)), /* @__PURE__ */ React53__default.createElement(SelectContent, null, bloomLevels.map((level) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: level.code, value: level.code }, level.name)))))), /* @__PURE__ */ React53__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "knowledgeDimension" }, "Knowledge Dimension"), /* @__PURE__ */ React53__default.createElement(Select, { value: formState.knowledgeDimension, onValueChange: (v) => setFormState((s) => __spreadProps(__spreadValues({}, s), { knowledgeDimension: v })) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, null)), /* @__PURE__ */ React53__default.createElement(SelectContent, null, knowledgeDimensions.map((kd) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: kd, value: kd }, kd))))), /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "iSpringQuizType" }, "iSpring Quiz Type"), /* @__PURE__ */ React53__default.createElement(Select, { value: formState.iSpringQuizType, onValueChange: (v) => setFormState((s) => __spreadProps(__spreadValues({}, s), { iSpringQuizType: v })) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, null)), /* @__PURE__ */ React53__default.createElement(SelectContent, null, iSpringQuizTypeOptions.map((qt) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: qt.value, value: qt.value }, qt.label))))), /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "rawDifficulty" }, "Raw Difficulty"), /* @__PURE__ */ React53__default.createElement(Select, { value: formState.rawDifficulty, onValueChange: (v) => setFormState((s) => __spreadProps(__spreadValues({}, s), { rawDifficulty: v })) }, /* @__PURE__ */ React53__default.createElement(SelectTrigger, null, /* @__PURE__ */ React53__default.createElement(SelectValue, null)), /* @__PURE__ */ React53__default.createElement(SelectContent, null, rawDifficultyLevels.map((rd) => /* @__PURE__ */ React53__default.createElement(SelectItem, { key: rd, value: rd }, rd)))))), /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "suggestContext" }, "Suggest Context (comma-separated codes)"), /* @__PURE__ */ React53__default.createElement(Input, { id: "suggestContext", value: formState.suggestContext || "", onChange: (e) => setFormState((s) => __spreadProps(__spreadValues({}, s), { suggestContext: e.target.value })), placeholder: "e.g., A, B, D, G, H" })), /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "exampleEn" }, "Example (English)"), /* @__PURE__ */ React53__default.createElement(Textarea, { id: "exampleEn", value: formState.exampleEn || "", onChange: (e) => setFormState((s) => __spreadProps(__spreadValues({}, s), { exampleEn: e.target.value })), placeholder: "English example prompt..." })), /* @__PURE__ */ React53__default.createElement("div", null, /* @__PURE__ */ React53__default.createElement(Label, { htmlFor: "exampleVi" }, "Example (Vietnamese)"), /* @__PURE__ */ React53__default.createElement(Textarea, { id: "exampleVi", value: formState.exampleVi || "", onChange: (e) => setFormState((s) => __spreadProps(__spreadValues({}, s), { exampleVi: e.target.value })), placeholder: "Vietnamese example prompt..." }))), /* @__PURE__ */ React53__default.createElement(DialogFooter, null, /* @__PURE__ */ React53__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !((_a = formState.code) == null ? void 0 : _a.trim()) || !((_b = formState.verbEn) == null ? void 0 : _b.trim()) || !((_c = formState.verbVi) == null ? void 0 : _c.trim()) }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React53__default.createElement(AlertDialog, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React53__default.createElement(AlertDialogContent, null, /* @__PURE__ */ React53__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React53__default.createElement(AlertDialogTitle, null, "Are you sure?"), /* @__PURE__ */ React53__default.createElement(AlertDialogDescription, null, 'This will permanently delete "', itemToDelete == null ? void 0 : itemToDelete.code, '".')), /* @__PURE__ */ React53__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React53__default.createElement(AlertDialogCancel, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React53__default.createElement(AlertDialogAction, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React53__default.createElement(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
+}
+
+// src/react-ui/components/metadata/MetadataTabs.tsx
+function MetadataTabs() {
+  const tabGridCols = "grid-cols-3 sm:grid-cols-3 md:grid-cols-5 lg:grid-cols-9";
+  return /* @__PURE__ */ React53__default.createElement(Tabs, { defaultValue: "subjects", className: "w-full" }, /* @__PURE__ */ React53__default.createElement(TabsList, { className: `grid w-full ${tabGridCols}` }, /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "subjects" }, "Subjects"), /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "gradeLevels" }, "Grade Levels"), /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "topics" }, "Topics"), /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "categories" }, "Categories"), /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "bloomLevels" }, "Bloom Levels"), /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "questionTypes" }, "Question Types"), /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "learningObjectives" }, "Learning Objectives"), /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "contexts" }, "Contexts"), /* @__PURE__ */ React53__default.createElement(TabsTrigger, { value: "approaches" }, "Approaches")), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "subjects" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(SubjectManager, null))), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "gradeLevels" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(GradeLevelManager, null))), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "topics" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(TopicManager, null))), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "categories" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(CategoryManager, null))), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "bloomLevels" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(BloomLevelManager, null))), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "questionTypes" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(QuestionTypeManager, null))), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "learningObjectives" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(LearningObjectiveManager, null))), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "contexts" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(ContextManager, null))), /* @__PURE__ */ React53__default.createElement(TabsContent, { value: "approaches" }, /* @__PURE__ */ React53__default.createElement(Suspense, { fallback: /* @__PURE__ */ React53__default.createElement(Skeleton, { className: "h-64 w-full" }) }, /* @__PURE__ */ React53__default.createElement(ApproachManager, null))));
+}
 var ToastProvider = ToastPrimitives.Provider;
 var ToastViewport = React53.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
@@ -11193,4 +12941,4 @@ function Toaster() {
   }), /* @__PURE__ */ React.createElement(ToastViewport, null));
 }
 
-export { AIFullQuizGeneratorModal, AIQuestionGeneratorModal, APIKeyService, AchievementService, EditQuestionModal, GEMINI_API_KEY_SERVICE_NAME, ImportQuestionsModal, KnowledgeCardService, PracticeHistoryService, QuestionImportService, QuizAuthoringTool, QuizEditorService, QuizEngine, QuoteService, SCORMExportModal, SCORMService, Toaster, UserConfigService, assessAndMapDocument, cn, emptyQuiz, exportQuizAsSCORMZip, generateFillInTheBlanksQuestion, generateLauncherHTML, generateLearningAnalysis, generateMCQQuestion, generateMRQQuestion, generateMatchingQuestion, generateMotivationalQuote, generateNumericQuestion, generatePracticeSuggestion, generateQuestionsFromQuizPlan, generateQuizFromText, generateQuizPlan, generateQuizReview, generateSCORMManifest, generateSequenceQuestion, generateShortAnswerQuestion, generateSingleKnowledgeCard, generateTrueFalseQuestion, generateUniqueId, planKnowledgeCards, sampleQuiz, toast, useToast };
+export { AIFullQuizGeneratorModal, AIQuestionGeneratorModal, APIKeyManagerModal, APIKeyService, AchievementService, ApproachManager, BloomLevelManager, CategoryManager, ContextManager, EditQuestionModal, GEMINI_API_KEY_SERVICE_NAME, GradeLevelManager, ImportQuestionsModal, KnowledgeCardService, LearningObjectiveManager, MetadataService, MetadataTabs, PracticeHistoryService, QuestionBankService, QuestionFilters, QuestionFormDialog, QuestionImportService, QuestionList, QuestionTypeManager, QuizAuthoringTool, QuizEditorService, QuizEngine, QuoteService, SCORMExportModal, SCORMService, SubjectManager, Toaster, TopicManager, UserConfigService, assessAndMapDocument, cn, emptyQuiz, exportQuizAsSCORMZip, generateFillInTheBlanksQuestion, generateLauncherHTML, generateLearningAnalysis, generateMCQQuestion, generateMRQQuestion, generateMatchingQuestion, generateMotivationalQuote, generateNumericQuestion, generatePracticeSuggestion, generateQuestionsFromQuizPlan, generateQuizFromText, generateQuizPlan, generateQuizReview, generateSCORMManifest, generateSequenceQuestion, generateShortAnswerQuestion, generateSingleKnowledgeCard, generateTrueFalseQuestion, generateUniqueId, planKnowledgeCards, sampleQuiz, toast, useToast };