@thanh01.pmt/interactive-quiz-kit 1.0.70 → 1.0.72

package/dist/react-ui.cjs

@@ -138726,11 +138726,17 @@ function MetadataImportControls({ metadataName, onImport }) {
   const fileInputRef = React169.useRef(null);
   const { toast: toast2 } = useToast();
   const processAndImportRecords = async (records, importSource) => {
+    console.log(`[ImportControls] Processing ${records.length} records from ${importSource} for ${metadataName}.`);
     if (records.length === 0) {
       toast2({ title: "No Data", description: `The selected ${importSource === "file" ? "file" : "JSON string"} contains no data to import.`, variant: "destructive" });
       return;
     }
-    await onImport(records);
+    try {
+      await onImport(records);
+    } catch (error) {
+      console.error(`[ImportControls] Error during onImport callback for ${metadataName}:`, error);
+      toast2({ title: "Import Failed", description: `An error occurred while saving the data: ${error instanceof Error ? error.message : String(error)}`, variant: "destructive" });
+    }
     setIsOpen(false);
     setJsonString("");
   };
@@ -138762,8 +138768,10 @@ function MetadataImportControls({ metadataName, onImport }) {
             return record;
           });
         }
+        console.log(`[ImportControls] File parsed successfully. Found ${records.length} records.`);
         await processAndImportRecords(records, "file");
       } catch (err) {
+        console.error("[ImportControls] Error parsing file:", err);
         toast2({ title: "Import Error", description: `Failed to process file: ${err.message}`, variant: "destructive" });
       }
     });
@@ -139582,15 +139590,27 @@ function QuestionTypeManager({ initialData, isLoading: isLoadingProp, onAdd, onU
 
 // src/react-ui/components/metadata/LearningObjectiveManager.tsx
 init_react_shim();
-function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoading: isLoadingProp, onAdd, onUpdate, onDelete, onBulkAdd }) {
+function LearningObjectiveManager({
+  initialData,
+  subjects: subjectsProp,
+  isLoading: isLoadingProp,
+  onAdd,
+  onUpdate,
+  onDelete,
+  onBulkAdd
+}) {
   const [items, setItems] = React169.useState([]);
   const [subjects, setSubjects] = React169.useState([]);
   const [isLoading, setIsLoading] = React169.useState(true);
   const [isDialogOpen, setIsDialogOpen] = React169.useState(false);
   const [isAlertOpen, setIsAlertOpen] = React169.useState(false);
-  const [currentItem, setCurrentItem] = React169.useState(null);
+  const [currentItem, setCurrentItem] = React169.useState(
+    null
+  );
   const [formState, setFormState] = React169.useState({});
-  const [itemToDelete, setItemToDelete] = React169.useState(null);
+  const [itemToDelete, setItemToDelete] = React169.useState(
+    null
+  );
   const [isPending, startTransition] = React169.useTransition();
   const { toast: toast2 } = useToast();
   const isControlled = initialData !== void 0;
@@ -139601,7 +139621,11 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
         setItems(MetadataService.getLearningObjectives());
         setSubjects(MetadataService.getSubjects());
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to refresh data.", variant: "destructive" });
+        toast2({
+          title: "Error",
+          description: "Failed to refresh data.",
+          variant: "destructive"
+        });
       } finally {
         setIsLoading(false);
       }
@@ -139621,7 +139645,9 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
   };
   const handleAddItem = () => {
     setCurrentItem(null);
-    setFormState({ subjectCode: subjects.length > 0 ? subjects[0].code : "" });
+    setFormState({
+      subjectCode: subjects.length > 0 ? subjects[0].code : ""
+    });
     setIsDialogOpen(true);
   };
   const handleEditItem = (item) => {
@@ -139643,9 +139669,16 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
           MetadataService.deleteLearningObjective(itemToDelete.code);
           refreshData();
         }
-        toast2({ title: "Success", description: `Learning Objective "${itemToDelete.name}" deleted.` });
+        toast2({
+          title: "Success",
+          description: `Learning Objective "${itemToDelete.name}" deleted.`
+        });
       } catch (error) {
-        toast2({ title: "Error", description: error.message, variant: "destructive" });
+        toast2({
+          title: "Error",
+          description: error.message,
+          variant: "destructive"
+        });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -139654,7 +139687,11 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
   };
   const handleSubmit = () => {
     if (!formState.name?.trim() || !formState.code?.trim()) {
-      toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
+      toast2({
+        title: "Validation Error",
+        description: "Code and Name are required.",
+        variant: "destructive"
+      });
       return;
     }
     startTransition(async () => {
@@ -139663,28 +139700,291 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
           if (isControlled && onUpdate) {
             await onUpdate({ ...currentItem, ...formState });
           } else {
-            MetadataService.updateLearningObjective(currentItem.id, formState);
+            MetadataService.updateLearningObjective(
+              currentItem.id,
+              formState
+            );
             refreshData();
           }
-          toast2({ title: "Success", description: "Learning Objective updated." });
+          toast2({
+            title: "Success",
+            description: "Learning Objective updated."
+          });
         } else {
           if (isControlled && onAdd) {
             await onAdd(formState);
           } else {
-            MetadataService.addLearningObjective(formState);
+            MetadataService.addLearningObjective(
+              formState
+            );
             refreshData();
           }
-          toast2({ title: "Success", description: "Learning Objective added." });
+          toast2({
+            title: "Success",
+            description: "Learning Objective added."
+          });
         }
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({ title: "Error", description: error.message, variant: "destructive" });
+        toast2({
+          title: "Error",
+          description: error.message,
+          variant: "destructive"
+        });
       }
     });
   };
   const handleImport = async (records) => {
+    console.log(
+      `[LO Manager] handleImport called with ${records.length} raw records.`
+    );
+    if (!onBulkAdd) {
+      console.error("[LO Manager] onBulkAdd handler is not provided.");
+      return;
+    }
+    const parseStringToArray = (input) => {
+      if (Array.isArray(input)) return input;
+      if (typeof input === "string")
+        return input.split(",").map((s4) => s4.trim()).filter(Boolean);
+      return [];
+    };
+    const validationResult = records.reduce(
+      (acc, rec) => {
+        if (typeof rec["LO ID"] === "string" && rec["LO ID"].trim() && typeof rec["LO Description"] === "string" && rec["LO Description"].trim()) {
+          acc.valid.push({
+            code: rec["LO ID"],
+            name: rec["LO ID"],
+            description: rec["LO Description"],
+            subject: rec["Subject"] || "",
+            subjectCode: rec["Subject Code"] || rec["Subject"],
+            category: rec["Category"] || "",
+            categoryCode: rec["Category Code"] || rec["Category"],
+            topic: rec["Topic"] || "",
+            topicCode: rec["Topic Code"] || rec["Topic"],
+            grade: rec["Grade"] || "",
+            gradeCode: rec["Grade Code"] || rec["Grade"],
+            keywords: parseStringToArray(rec["Keywords"]),
+            stemElements: parseStringToArray(
+              rec["STEM Element(s)"]
+            ),
+            bloomLevelsGuideline: parseStringToArray(
+              rec["Bloom\u2019s Level(s) Guideline"]
+            )
+          });
+        } else {
+          acc.invalidCount++;
+        }
+        return acc;
+      },
+      { valid: [], invalidCount: 0 }
+    );
+    console.log(
+      `[LO Manager] Validation complete. ${validationResult.valid.length} valid records found.`
+    );
+    if (validationResult.invalidCount > 0) {
+      toast2({
+        title: "Import Warning",
+        description: `${validationResult.invalidCount} records had invalid or missing 'LO ID' or 'LO Description' fields and were ignored.`,
+        variant: "destructive"
+      });
+    }
+    if (validationResult.valid.length > 0) {
+      console.log(
+        "[LO Manager] Calling onBulkAdd prop with validated data..."
+      );
+      await onBulkAdd(validationResult.valid);
+    } else {
+      console.log("[LO Manager] No valid records to import.");
+    }
   };
-  return /* @__PURE__ */ React169__namespace.default.createElement(Card, null, /* @__PURE__ */ React169__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React169__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React169__namespace.default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Learning Objectives"), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "flex items-center gap-2" }, onBulkAdd && /* @__PURE__ */ React169__namespace.default.createElement(MetadataImportControls, { metadataName: "Learning Objectives", onImport: handleImport }), /* @__PURE__ */ React169__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React169__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective")))), /* @__PURE__ */ React169__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React169__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React169__namespace.default.createElement(Table3, null, /* @__PURE__ */ React169__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React169__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React169__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, null, item.subject || item.subjectCode), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, null, item.topic || item.topicCode), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React169__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React169__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React169__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React169__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React169__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React169__namespace.default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React169__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "code" }, "Code"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e3) => handleFormChange("code", e3.target.value.toUpperCase()), disabled: !!currentItem })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "name" }, "Name (Description)"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "name", value: formState.name || "", onChange: (e3) => handleFormChange("name", e3.target.value) }))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "subject" }, "Subject Name"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "subject", value: formState.subject || "", onChange: (e3) => handleFormChange("subject", e3.target.value) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React169__namespace.default.createElement(EditableCombobox, { options: subjects.map((s4) => ({ value: s4.code, label: s4.name })), value: formState.subjectCode || "", onChange: (val) => handleFormChange("subjectCode", val), placeholder: "Select a subject..." }))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "category" }, "Category Name"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "category", value: formState.category || "", onChange: (e3) => handleFormChange("category", e3.target.value) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "categoryCode" }, "Category Code"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "categoryCode", value: formState.categoryCode || "", onChange: (e3) => handleFormChange("categoryCode", e3.target.value) }))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "topic" }, "Topic Name"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "topic", value: formState.topic || "", onChange: (e3) => handleFormChange("topic", e3.target.value) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "topicCode" }, "Topic Code"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "topicCode", value: formState.topicCode || "", onChange: (e3) => handleFormChange("topicCode", e3.target.value) }))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "grade" }, "Grade Name"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "grade", value: formState.grade || "", onChange: (e3) => handleFormChange("grade", e3.target.value) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "gradeCode" }, "Grade Code"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "gradeCode", value: formState.gradeCode || "", onChange: (e3) => handleFormChange("gradeCode", e3.target.value) }))), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "keywords" }, "Keywords (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(Textarea, { id: "keywords", value: formState.keywords?.join(", ") || "", onChange: (e3) => handleFormChange("keywords", e3.target.value.split(",").map((s4) => s4.trim())) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "stemElements" }, "STEM Elements (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(Textarea, { id: "stemElements", value: formState.stemElements?.join(", ") || "", onChange: (e3) => handleFormChange("stemElements", e3.target.value.split(",").map((s4) => s4.trim())) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "bloomLevelsGuideline" }, "Bloom's Guideline (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(Textarea, { id: "bloomLevelsGuideline", value: formState.bloomLevelsGuideline?.join(", ") || "", onChange: (e3) => handleFormChange("bloomLevelsGuideline", e3.target.value.split(",").map((s4) => s4.trim())) }))), /* @__PURE__ */ React169__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React169__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !formState.name?.trim() || !formState.code?.trim() }, isPending && /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
+  return /* @__PURE__ */ React169__namespace.default.createElement(Card, null, /* @__PURE__ */ React169__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React169__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React169__namespace.default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " ", "Manage Learning Objectives"), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "flex items-center gap-2" }, onBulkAdd && /* @__PURE__ */ React169__namespace.default.createElement(
+    MetadataImportControls,
+    {
+      metadataName: "Learning Objectives",
+      onImport: handleImport
+    }
+  ), /* @__PURE__ */ React169__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React169__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective")))), /* @__PURE__ */ React169__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React169__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React169__namespace.default.createElement(Table3, null, /* @__PURE__ */ React169__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React169__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React169__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, null, item.subject || item.subjectCode), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, null, item.topic || item.topicCode), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React169__namespace.default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => handleEditItem(item),
+      className: "mr-2"
+    },
+    /* @__PURE__ */ React169__namespace.default.createElement(PenLine, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React169__namespace.default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      onClick: () => handleDeleteItem(item),
+      className: "text-destructive hover:text-destructive"
+    },
+    /* @__PURE__ */ React169__namespace.default.createElement(Trash2, { className: "h-4 w-4" })
+  ))))))), /* @__PURE__ */ React169__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React169__namespace.default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React169__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "code" }, "Code"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "code",
+      value: formState.code || "",
+      onChange: (e3) => handleFormChange(
+        "code",
+        e3.target.value.toUpperCase()
+      ),
+      disabled: !!currentItem
+    }
+  )), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "name" }, "Name (Description)"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "name",
+      value: formState.name || "",
+      onChange: (e3) => handleFormChange(
+        "name",
+        e3.target.value
+      )
+    }
+  ))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "subject" }, "Subject Name"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "subject",
+      value: formState.subject || "",
+      onChange: (e3) => handleFormChange(
+        "subject",
+        e3.target.value
+      )
+    }
+  )), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React169__namespace.default.createElement(
+    EditableCombobox,
+    {
+      options: subjects.map((s4) => ({
+        value: s4.code,
+        label: s4.name
+      })),
+      value: formState.subjectCode || "",
+      onChange: (val) => handleFormChange("subjectCode", val),
+      placeholder: "Select a subject..."
+    }
+  ))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "category" }, "Category Name"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "category",
+      value: formState.category || "",
+      onChange: (e3) => handleFormChange(
+        "category",
+        e3.target.value
+      )
+    }
+  )), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "categoryCode" }, "Category Code"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "categoryCode",
+      value: formState.categoryCode || "",
+      onChange: (e3) => handleFormChange(
+        "categoryCode",
+        e3.target.value
+      )
+    }
+  ))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "topic" }, "Topic Name"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "topic",
+      value: formState.topic || "",
+      onChange: (e3) => handleFormChange(
+        "topic",
+        e3.target.value
+      )
+    }
+  )), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "topicCode" }, "Topic Code"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "topicCode",
+      value: formState.topicCode || "",
+      onChange: (e3) => handleFormChange(
+        "topicCode",
+        e3.target.value
+      )
+    }
+  ))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "grade" }, "Grade Name"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "grade",
+      value: formState.grade || "",
+      onChange: (e3) => handleFormChange(
+        "grade",
+        e3.target.value
+      )
+    }
+  )), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "gradeCode" }, "Grade Code"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Input,
+    {
+      id: "gradeCode",
+      value: formState.gradeCode || "",
+      onChange: (e3) => handleFormChange(
+        "gradeCode",
+        e3.target.value
+      )
+    }
+  ))), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "keywords" }, "Keywords (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Textarea,
+    {
+      id: "keywords",
+      value: formState.keywords?.join(", ") || "",
+      onChange: (e3) => handleFormChange(
+        "keywords",
+        e3.target.value.split(",").map((s4) => s4.trim())
+      )
+    }
+  )), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "stemElements" }, "STEM Elements (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Textarea,
+    {
+      id: "stemElements",
+      value: formState.stemElements?.join(", ") || "",
+      onChange: (e3) => handleFormChange(
+        "stemElements",
+        e3.target.value.split(",").map((s4) => s4.trim())
+      )
+    }
+  )), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "bloomLevelsGuideline" }, "Bloom's Guideline (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(
+    Textarea,
+    {
+      id: "bloomLevelsGuideline",
+      value: formState.bloomLevelsGuideline?.join(
+        ", "
+      ) || "",
+      onChange: (e3) => handleFormChange(
+        "bloomLevelsGuideline",
+        e3.target.value.split(",").map((s4) => s4.trim())
+      )
+    }
+  ))), /* @__PURE__ */ React169__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React169__namespace.default.createElement(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      onClick: () => setIsDialogOpen(false),
+      disabled: isPending
+    },
+    "Cancel"
+  ), /* @__PURE__ */ React169__namespace.default.createElement(
+    Button,
+    {
+      type: "submit",
+      onClick: handleSubmit,
+      disabled: isPending || !formState.name?.trim() || !formState.code?.trim()
+    },
+    isPending && /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+    " ",
+    "Save"
+  )))), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__namespace.default.createElement(
+    AlertDialogAction2,
+    {
+      onClick: confirmDelete,
+      disabled: isPending,
+      className: "bg-destructive hover:bg-destructive/90"
+    },
+    isPending && /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
+    " ",
+    "Delete"
+  ))))));
 }
 
 // src/react-ui/components/metadata/ContextManager.tsx

package/dist/react-ui.d.cts

@@ -5,7 +5,7 @@ import { Q as QuizResultType, U as UserAnswerType, n as PracticeSession, o as Pr
 export { j as AchievementDefinition, r as ActivityCalendarData, u as AnalysisReport, A as AnswerDetail, x as ChatContext, C as ChatMessage, v as DashboardCardConfig, D as DashboardCardId, w as DashboardLayout, y as Goal, G as GoalType, t as ImageContextItem, I as ImportError, K as KnowledgeCard, L as LearningAnalysis, e as PerformanceByBloomLevel, b as PerformanceByCategory, d as PerformanceByDifficulty, P as PerformanceByLearningObjective, c as PerformanceByTopic, f as PerformanceMetric, s as PerformanceSummary, k as PracticeDifficulty, q as PracticeTopicSummary, g as QuestionReview, R as RoadmapItem, T as TestCaseResult, a as UserAnswers, W as WeeklyRoadmap } from './ai-ecosystem-DyQYZbyX.cjs';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-export { c as AIFullQuizGeneratorModal, A as AIQuestionGeneratorModal, e as APIKeyManagerModal, f as ApiKeySettings, m as ApproachManager, B as BloomLevelManager, C as CategoryManager, l as ContextManager, E as EditQuestionModal, G as GradeLevelManager, I as ImportQuestionsModal, L as LearningObjectiveManager, n as MetadataImportControls, M as MetadataTabs, h as QuestionFilters, i as QuestionFormDialog, g as QuestionList, a as QuestionPreviewModal, k as QuestionTypeManager, Q as QuizAuthoringTool, b as QuizSettingsForm, d as SCORMExportModal, S as SelectedQuestionsPanel, j as SubjectManager, o as Toaster, T as TopicManager, t as toast, u as useToast } from './toaster-BWaJj0l-.cjs';
+export { c as AIFullQuizGeneratorModal, A as AIQuestionGeneratorModal, e as APIKeyManagerModal, f as ApiKeySettings, m as ApproachManager, B as BloomLevelManager, C as CategoryManager, l as ContextManager, E as EditQuestionModal, G as GradeLevelManager, I as ImportQuestionsModal, L as LearningObjectiveManager, n as MetadataImportControls, M as MetadataTabs, h as QuestionFilters, i as QuestionFormDialog, g as QuestionList, a as QuestionPreviewModal, k as QuestionTypeManager, Q as QuizAuthoringTool, b as QuizSettingsForm, d as SCORMExportModal, S as SelectedQuestionsPanel, j as SubjectManager, o as Toaster, T as TopicManager, t as toast, u as useToast } from './toaster-6AR8w2TO.cjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';

package/dist/react-ui.d.ts

@@ -5,7 +5,7 @@ import { Q as QuizResultType, U as UserAnswerType, n as PracticeSession, o as Pr
 export { j as AchievementDefinition, r as ActivityCalendarData, u as AnalysisReport, A as AnswerDetail, x as ChatContext, C as ChatMessage, v as DashboardCardConfig, D as DashboardCardId, w as DashboardLayout, y as Goal, G as GoalType, t as ImageContextItem, I as ImportError, K as KnowledgeCard, L as LearningAnalysis, e as PerformanceByBloomLevel, b as PerformanceByCategory, d as PerformanceByDifficulty, P as PerformanceByLearningObjective, c as PerformanceByTopic, f as PerformanceMetric, s as PerformanceSummary, k as PracticeDifficulty, q as PracticeTopicSummary, g as QuestionReview, R as RoadmapItem, T as TestCaseResult, a as UserAnswers, W as WeeklyRoadmap } from './ai-ecosystem-Qa_SdE2T.js';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-export { c as AIFullQuizGeneratorModal, A as AIQuestionGeneratorModal, e as APIKeyManagerModal, f as ApiKeySettings, m as ApproachManager, B as BloomLevelManager, C as CategoryManager, l as ContextManager, E as EditQuestionModal, G as GradeLevelManager, I as ImportQuestionsModal, L as LearningObjectiveManager, n as MetadataImportControls, M as MetadataTabs, h as QuestionFilters, i as QuestionFormDialog, g as QuestionList, a as QuestionPreviewModal, k as QuestionTypeManager, Q as QuizAuthoringTool, b as QuizSettingsForm, d as SCORMExportModal, S as SelectedQuestionsPanel, j as SubjectManager, o as Toaster, T as TopicManager, t as toast, u as useToast } from './toaster-BVaUJA6E.js';
+export { c as AIFullQuizGeneratorModal, A as AIQuestionGeneratorModal, e as APIKeyManagerModal, f as ApiKeySettings, m as ApproachManager, B as BloomLevelManager, C as CategoryManager, l as ContextManager, E as EditQuestionModal, G as GradeLevelManager, I as ImportQuestionsModal, L as LearningObjectiveManager, n as MetadataImportControls, M as MetadataTabs, h as QuestionFilters, i as QuestionFormDialog, g as QuestionList, a as QuestionPreviewModal, k as QuestionTypeManager, Q as QuizAuthoringTool, b as QuizSettingsForm, d as SCORMExportModal, S as SelectedQuestionsPanel, j as SubjectManager, o as Toaster, T as TopicManager, t as toast, u as useToast } from './toaster-DAXYZdrz.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';