@thanh01.pmt/interactive-quiz-kit 1.0.51 → 1.0.52

package/dist/react-ui.cjs

@@ -168247,7 +168247,7 @@ function SubjectManager({
 
 // src/react-ui/components/metadata/GradeLevelManager.tsx
 init_react_shim();
-function GradeLevelManager() {
+function GradeLevelManager({ initialData, isLoading: isLoadingProp, onAdd, onUpdate, onDelete }) {
   const [items, setItems] = React163.useState([]);
   const [isLoading, setIsLoading] = React163.useState(true);
   const [isDialogOpen, setIsDialogOpen] = React163.useState(false);
@@ -168258,19 +168258,27 @@ function GradeLevelManager() {
   const [itemToDelete, setItemToDelete] = React163.useState(null);
   const [isPending, startTransition] = React163.useTransition();
   const { toast: toast2 } = useToast();
-  React163.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 isControlled = initialData !== void 0;
+  const refreshData = () => {
+    if (!isControlled) {
+      setIsLoading(true);
+      try {
+        setItems(MetadataService.getGradeLevels());
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to refresh grade levels.", variant: "destructive" });
+      } finally {
+        setIsLoading(false);
+      }
     }
   };
+  React163.useEffect(() => {
+    if (isControlled) {
+      setItems(initialData || []);
+      setIsLoading(isLoadingProp || false);
+    } else {
+      refreshData();
+    }
+  }, [isControlled, initialData, isLoadingProp]);
   const handleAddItem = () => {
     setCurrentItem(null);
     setItemName("");
@@ -168289,13 +168297,17 @@ function GradeLevelManager() {
   };
   const confirmDelete = () => {
     if (!itemToDelete) return;
-    startTransition(() => {
+    startTransition(async () => {
       try {
-        MetadataService.deleteGradeLevel(itemToDelete.code);
+        if (isControlled && onDelete) {
+          await onDelete(itemToDelete);
+        } else {
+          MetadataService.deleteGradeLevel(itemToDelete.code);
+          refreshData();
+        }
         toast2({ title: "Success", description: `Grade Level "${itemToDelete.name}" deleted.` });
-        fetchItems();
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to delete grade level.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -168307,27 +168319,44 @@ function GradeLevelManager() {
       toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
       return;
     }
-    startTransition(() => {
+    startTransition(async () => {
       try {
         if (currentItem) {
-          MetadataService.updateGradeLevel(currentItem.id, itemName, itemCode);
+          if (isControlled && onUpdate) {
+            await onUpdate({ id: currentItem.id, name: itemName, code: itemCode });
+          } else {
+            MetadataService.updateGradeLevel(currentItem.id, itemName, itemCode);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Grade Level updated." });
         } else {
-          MetadataService.addGradeLevel(itemName, itemCode);
+          if (isControlled && onAdd) {
+            await onAdd({ name: itemName, code: itemCode });
+          } else {
+            MetadataService.addGradeLevel(itemName, itemCode);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Grade Level added." });
         }
-        toast2({ title: "Success", description: `Grade Level saved.` });
-        fetchItems();
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to save grade level.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       }
     });
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Award, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Grade Levels"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Grade Level"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No grade levels found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Grade Level" : "Add New Grade Level")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., G9", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Grade 9" }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemName.trim() || !itemCode.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Award, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Grade Levels"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Grade Level"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No grade levels found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Grade Level" : "Add New Grade Level")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., G9", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Grade 9" }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemName.trim() || !itemCode.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }
 
 // src/react-ui/components/metadata/TopicManager.tsx
 init_react_shim();
-function TopicManager() {
+function TopicManager({
+  initialData,
+  subjects: subjectsProp,
+  isLoading: isLoadingProp,
+  onAdd,
+  onUpdate,
+  onDelete
+}) {
   const [topics, setTopics] = React163.useState([]);
   const [subjects, setSubjects] = React163.useState([]);
   const [isLoading, setIsLoading] = React163.useState(true);
@@ -168340,36 +168369,34 @@ function TopicManager() {
   const [itemToDelete, setItemToDelete] = React163.useState(null);
   const [isPending, startTransition] = React163.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);
+  const isControlled = initialData !== void 0;
+  const refreshData = () => {
+    if (!isControlled) {
+      setIsLoading(true);
+      try {
+        setTopics(MetadataService.getTopics());
+        setSubjects(MetadataService.getSubjects());
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to refresh topics or subjects.", variant: "destructive" });
+      } finally {
+        setIsLoading(false);
       }
-    } catch (error) {
-      toast2({
-        title: "Error",
-        description: "Failed to fetch topics or subjects.",
-        variant: "destructive"
-      });
-    } finally {
-      setIsLoading(false);
     }
   };
   React163.useEffect(() => {
-    fetchData();
-  }, []);
+    if (isControlled) {
+      setTopics(initialData || []);
+      setSubjects(subjectsProp || []);
+      setIsLoading(isLoadingProp || false);
+    } else {
+      refreshData();
+    }
+  }, [isControlled, initialData, subjectsProp, isLoadingProp]);
   const handleAddItem = () => {
     setCurrentItem(null);
     setItemName("");
     setItemCode("");
-    if (subjects.length > 0) {
-      setSelectedSubjectCode(subjects[0].code);
-    }
+    setSelectedSubjectCode(subjects.length > 0 ? subjects[0].code : "");
     setIsDialogOpen(true);
   };
   const handleEditItem = (topic) => {
@@ -168385,20 +168412,17 @@ function TopicManager() {
   };
   const confirmDelete = () => {
     if (!itemToDelete) return;
-    startTransition(() => {
+    startTransition(async () => {
       try {
-        MetadataService.deleteTopic(itemToDelete.code);
-        toast2({
-          title: "Success",
-          description: `Topic "${itemToDelete.name}" deleted.`
-        });
-        fetchData();
+        if (isControlled && onDelete) {
+          await onDelete(itemToDelete);
+        } else {
+          MetadataService.deleteTopic(itemToDelete.code);
+          refreshData();
+        }
+        toast2({ title: "Success", description: `Topic "${itemToDelete.name}" deleted.` });
       } catch (error) {
-        toast2({
-          title: "Error",
-          description: "Failed to delete topic.",
-          variant: "destructive"
-        });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -168407,144 +168431,43 @@ function TopicManager() {
   };
   const handleSubmit = () => {
     if (!itemName.trim() || !itemCode.trim() || !selectedSubjectCode) {
-      toast2({
-        title: "Validation Error",
-        description: "Name, Code, and Subject are required.",
-        variant: "destructive"
-      });
+      toast2({ title: "Validation Error", description: "Name, Code, and Subject are required.", variant: "destructive" });
       return;
     }
-    startTransition(() => {
+    startTransition(async () => {
       try {
         if (currentItem) {
-          MetadataService.updateTopic(
-            currentItem.id,
-            itemName,
-            itemCode,
-            selectedSubjectCode
-          );
+          if (isControlled && onUpdate) {
+            await onUpdate({ id: currentItem.id, name: itemName, code: itemCode, subjectCode: selectedSubjectCode });
+          } else {
+            MetadataService.updateTopic(currentItem.id, itemName, itemCode, selectedSubjectCode);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Topic updated." });
         } else {
-          MetadataService.addTopic(
-            itemName,
-            itemCode,
-            selectedSubjectCode
-          );
+          if (isControlled && onAdd) {
+            await onAdd({ name: itemName, code: itemCode, subjectCode: selectedSubjectCode });
+          } else {
+            MetadataService.addTopic(itemName, itemCode, selectedSubjectCode);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Topic added." });
         }
-        toast2({ title: "Success", description: "Topic saved." });
-        fetchData();
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({
-          title: "Error",
-          description: "Failed to save topic.",
-          variant: "destructive"
-        });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       }
     });
   };
   const getSubjectName = (subjectCode) => {
     return subjects.find((s4) => s4.code === subjectCode)?.name || "N/A";
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Tag, { className: "mr-2 h-5 w-5 text-primary" }), "Manage Topics"), /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      onClick: handleAddItem,
-      size: "sm",
-      disabled: subjects.length === 0
-    },
-    /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }),
-    " Add Topic"
-  )), subjects.length === 0 && !isLoading && /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-sm text-destructive" }, "Please add subjects before adding topics.")), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : topics.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No topics found. Add one to get started!") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, topics.map((topic) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: topic.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, topic.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, topic.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, getSubjectName(topic.subjectCode), " ", "(", topic.subjectCode, ")"), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      onClick: () => handleEditItem(topic),
-      className: "mr-2"
-    },
-    /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      onClick: () => handleDeleteItem(topic),
-      className: "text-destructive hover:text-destructive"
-    },
-    /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })
-  ))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Topic" : "Add New Topic")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Topic Code"), /* @__PURE__ */ React163__namespace.default.createElement(
-    Input,
-    {
-      id: "itemCode",
-      value: itemCode,
-      onChange: (e3) => setItemCode(
-        e3.target.value.toUpperCase()
-      ),
-      placeholder: "e.g., ALG-BASICS",
-      disabled: !!currentItem
-    }
-  )), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Topic Name"), /* @__PURE__ */ React163__namespace.default.createElement(
-    Input,
-    {
-      id: "itemName",
-      value: itemName,
-      onChange: (e3) => setItemName(e3.target.value),
-      placeholder: "e.g., Algebra Basics"
-    }
-  )), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject"), /* @__PURE__ */ React163__namespace.default.createElement(
-    Select2,
-    {
-      value: selectedSubjectCode,
-      onValueChange: setSelectedSubjectCode,
-      disabled: subjects.length === 0
-    },
-    /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, { id: "subjectCode" }, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, { placeholder: "Select a subject" })),
-    /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, subjects.map((subject) => /* @__PURE__ */ React163__namespace.default.createElement(
-      SelectItem2,
-      {
-        key: subject.code,
-        value: subject.code
-      },
-      subject.name,
-      " (",
-      subject.code,
-      ")"
-    )))
-  ))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      onClick: () => setIsDialogOpen(false),
-      disabled: isPending
-    },
-    "Cancel"
-  ), /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      type: "submit",
-      onClick: handleSubmit,
-      disabled: isPending || !itemName.trim() || !itemCode.trim() || !selectedSubjectCode
-    },
-    isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
-    " ",
-    "Save"
-  )))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete topic "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(
-    AlertDialogAction2,
-    {
-      onClick: confirmDelete,
-      disabled: isPending,
-      className: "bg-destructive hover:bg-destructive/90"
-    },
-    isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
-    " ",
-    "Delete"
-  ))))));
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Tag, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Topics"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm", disabled: subjects.length === 0 }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Topic")), subjects.length === 0 && !isLoading && /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-sm text-destructive" }, "Please add subjects before adding topics.")), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : topics.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No topics found. Add one to get started!") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, topics.map((topic) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: topic.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, topic.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, topic.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, getSubjectName(topic.subjectCode), " (", topic.subjectCode, ")"), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(topic), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(topic), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Topic" : "Add New Topic")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Topic Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., ALG-BASICS", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Topic Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Algebra Basics" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: selectedSubjectCode, onValueChange: setSelectedSubjectCode, disabled: subjects.length === 0 }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, { id: "subjectCode" }, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, { placeholder: "Select a subject" })), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, subjects.map((subject) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: subject.code, value: subject.code }, subject.name, " (", subject.code, ")")))))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemName.trim() || !itemCode.trim() || !selectedSubjectCode }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete topic "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }
 
 // src/react-ui/components/metadata/CategoryManager.tsx
 init_react_shim();
-function CategoryManager() {
+function CategoryManager({ initialData, isLoading: isLoadingProp, onAdd, onUpdate, onDelete }) {
   const [items, setItems] = React163.useState([]);
   const [isLoading, setIsLoading] = React163.useState(true);
   const [isDialogOpen, setIsDialogOpen] = React163.useState(false);
@@ -168556,19 +168479,27 @@ function CategoryManager() {
   const [itemToDelete, setItemToDelete] = React163.useState(null);
   const [isPending, startTransition] = React163.useTransition();
   const { toast: toast2 } = useToast();
-  React163.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 isControlled = initialData !== void 0;
+  const refreshData = () => {
+    if (!isControlled) {
+      setIsLoading(true);
+      try {
+        setItems(MetadataService.getCategories());
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to refresh categories.", variant: "destructive" });
+      } finally {
+        setIsLoading(false);
+      }
     }
   };
+  React163.useEffect(() => {
+    if (isControlled) {
+      setItems(initialData || []);
+      setIsLoading(isLoadingProp || false);
+    } else {
+      refreshData();
+    }
+  }, [isControlled, initialData, isLoadingProp]);
   const handleAddItem = () => {
     setCurrentItem(null);
     setItemName("");
@@ -168589,13 +168520,17 @@ function CategoryManager() {
   };
   const confirmDelete = () => {
     if (!itemToDelete) return;
-    startTransition(() => {
+    startTransition(async () => {
       try {
-        MetadataService.deleteCategory(itemToDelete.code);
+        if (isControlled && onDelete) {
+          await onDelete(itemToDelete);
+        } else {
+          MetadataService.deleteCategory(itemToDelete.code);
+          refreshData();
+        }
         toast2({ title: "Success", description: `Category "${itemToDelete.name}" deleted.` });
-        fetchItems();
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to delete category.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -168607,27 +168542,37 @@ function CategoryManager() {
       toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
       return;
     }
-    startTransition(() => {
+    startTransition(async () => {
       try {
         if (currentItem) {
-          MetadataService.updateCategory(currentItem.id, itemName, itemCode, itemDescription);
+          if (isControlled && onUpdate) {
+            await onUpdate({ id: currentItem.id, name: itemName, code: itemCode, description: itemDescription });
+          } else {
+            MetadataService.updateCategory(currentItem.id, itemName, itemCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Category updated." });
         } else {
-          MetadataService.addCategory(itemName, itemCode, itemDescription);
+          if (isControlled && onAdd) {
+            await onAdd({ name: itemName, code: itemCode, description: itemDescription });
+          } else {
+            MetadataService.addCategory(itemName, itemCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Category added." });
         }
-        toast2({ title: "Success", description: "Category saved." });
-        fetchItems();
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to save category.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       }
     });
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Layers, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Categories"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Category"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No categories found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Category" : "Add New Category")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., CORE_CONCEPT", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Core Concept" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value), placeholder: "e.g., Fundamental ideas within a subject." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemName.trim() || !itemCode.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Layers, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Categories"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Category"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No categories found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Category" : "Add New Category")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., CORE_CONCEPT", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Core Concept" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value), placeholder: "e.g., Fundamental ideas within a subject." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemName.trim() || !itemCode.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }
 
 // src/react-ui/components/metadata/BloomLevelManager.tsx
 init_react_shim();
-function BloomLevelManager() {
+function BloomLevelManager({ initialData, isLoading: isLoadingProp, onAdd, onUpdate, onDelete }) {
   const [items, setItems] = React163.useState([]);
   const [isLoading, setIsLoading] = React163.useState(true);
   const [isDialogOpen, setIsDialogOpen] = React163.useState(false);
@@ -168639,19 +168584,27 @@ function BloomLevelManager() {
   const [itemToDelete, setItemToDelete] = React163.useState(null);
   const [isPending, startTransition] = React163.useTransition();
   const { toast: toast2 } = useToast();
-  React163.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 isControlled = initialData !== void 0;
+  const refreshData = () => {
+    if (!isControlled) {
+      setIsLoading(true);
+      try {
+        setItems(MetadataService.getBloomLevels());
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to refresh Bloom's Levels.", variant: "destructive" });
+      } finally {
+        setIsLoading(false);
+      }
     }
   };
+  React163.useEffect(() => {
+    if (isControlled) {
+      setItems(initialData || []);
+      setIsLoading(isLoadingProp || false);
+    } else {
+      refreshData();
+    }
+  }, [isControlled, initialData, isLoadingProp]);
   const handleAddItem = () => {
     setCurrentItem(null);
     setItemCode("");
@@ -168672,13 +168625,17 @@ function BloomLevelManager() {
   };
   const confirmDelete = () => {
     if (!itemToDelete) return;
-    startTransition(() => {
+    startTransition(async () => {
       try {
-        MetadataService.deleteBloomLevel(itemToDelete.code);
+        if (isControlled && onDelete) {
+          await onDelete(itemToDelete);
+        } else {
+          MetadataService.deleteBloomLevel(itemToDelete.code);
+          refreshData();
+        }
         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" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -168690,27 +168647,37 @@ function BloomLevelManager() {
       toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
       return;
     }
-    startTransition(() => {
+    startTransition(async () => {
       try {
         if (currentItem) {
-          MetadataService.updateBloomLevel(currentItem.id, itemName, itemCode, itemDescription);
+          if (isControlled && onUpdate) {
+            await onUpdate({ id: currentItem.id, name: itemName, code: itemCode, description: itemDescription });
+          } else {
+            MetadataService.updateBloomLevel(currentItem.id, itemName, itemCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Bloom's Level updated." });
         } else {
-          MetadataService.addBloomLevel(itemName, itemCode, itemDescription);
+          if (isControlled && onAdd) {
+            await onAdd({ name: itemName, code: itemCode, description: itemDescription });
+          } else {
+            MetadataService.addBloomLevel(itemName, itemCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Bloom's Level added." });
         }
-        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" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       }
     });
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Brain, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Bloom's Levels"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Bloom's Level"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Bloom's Levels found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Bloom's Level" : "Add New Bloom's Level")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., REMEMBER", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Remembering" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value), placeholder: "e.g., Recall facts and basic concepts." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Brain, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Bloom's Levels"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Bloom's Level"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Bloom's Levels found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Bloom's Level" : "Add New Bloom's Level")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., REMEMBER", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Remembering" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value), placeholder: "e.g., Recall facts and basic concepts." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }
 
 // src/react-ui/components/metadata/QuestionTypeManager.tsx
 init_react_shim();
-function QuestionTypeManager() {
+function QuestionTypeManager({ initialData, isLoading: isLoadingProp, onAdd, onUpdate, onDelete }) {
   const [items, setItems] = React163.useState([]);
   const [isLoading, setIsLoading] = React163.useState(true);
   const [isDialogOpen, setIsDialogOpen] = React163.useState(false);
@@ -168722,19 +168689,27 @@ function QuestionTypeManager() {
   const [itemToDelete, setItemToDelete] = React163.useState(null);
   const [isPending, startTransition] = React163.useTransition();
   const { toast: toast2 } = useToast();
-  React163.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 isControlled = initialData !== void 0;
+  const refreshData = () => {
+    if (!isControlled) {
+      setIsLoading(true);
+      try {
+        setItems(MetadataService.getQuestionTypes());
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to refresh Question Types.", variant: "destructive" });
+      } finally {
+        setIsLoading(false);
+      }
     }
   };
+  React163.useEffect(() => {
+    if (isControlled) {
+      setItems(initialData || []);
+      setIsLoading(isLoadingProp || false);
+    } else {
+      refreshData();
+    }
+  }, [isControlled, initialData, isLoadingProp]);
   const handleAddItem = () => {
     setCurrentItem(null);
     setItemCode("");
@@ -168755,13 +168730,17 @@ function QuestionTypeManager() {
   };
   const confirmDelete = () => {
     if (!itemToDelete) return;
-    startTransition(() => {
+    startTransition(async () => {
       try {
-        MetadataService.deleteQuestionType(itemToDelete.code);
+        if (isControlled && onDelete) {
+          await onDelete(itemToDelete);
+        } else {
+          MetadataService.deleteQuestionType(itemToDelete.code);
+          refreshData();
+        }
         toast2({ title: "Success", description: `Question Type "${itemToDelete.name}" deleted.` });
-        fetchItems();
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to delete Question Type.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -168773,27 +168752,37 @@ function QuestionTypeManager() {
       toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
       return;
     }
-    startTransition(() => {
+    startTransition(async () => {
       try {
         if (currentItem) {
-          MetadataService.updateQuestionType(currentItem.id, itemName, itemCode, itemDescription);
+          if (isControlled && onUpdate) {
+            await onUpdate({ id: currentItem.id, name: itemName, code: itemCode, description: itemDescription });
+          } else {
+            MetadataService.updateQuestionType(currentItem.id, itemName, itemCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Question Type updated." });
         } else {
-          MetadataService.addQuestionType(itemName, itemCode, itemDescription);
+          if (isControlled && onAdd) {
+            await onAdd({ name: itemName, code: itemCode, description: itemDescription });
+          } else {
+            MetadataService.addQuestionType(itemName, itemCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Question Type added." });
         }
-        toast2({ title: "Success", description: "Question Type saved." });
-        fetchItems();
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to save Question Type.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       }
     });
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(CircleHelp, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Question Types"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Question Type"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Question Types found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Question Type" : "Add New Question Type")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., MCQ", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Multiple Choice" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value), placeholder: "e.g., Select one answer from a list of options." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(CircleHelp, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Question Types"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Question Type"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Question Types found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Question Type" : "Add New Question Type")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toLowerCase().replace(/ /g, "_")), placeholder: "e.g., multiple_choice", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Multiple Choice" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value), placeholder: "e.g., Select one answer from a list of options." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }
 
 // src/react-ui/components/metadata/LearningObjectiveManager.tsx
 init_react_shim();
-function LearningObjectiveManager() {
+function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoading: isLoadingProp, onAdd, onUpdate, onDelete }) {
   const [items, setItems] = React163.useState([]);
   const [subjects, setSubjects] = React163.useState([]);
   const [isLoading, setIsLoading] = React163.useState(true);
@@ -168807,34 +168796,35 @@ function LearningObjectiveManager() {
   const [itemToDelete, setItemToDelete] = React163.useState(null);
   const [isPending, startTransition] = React163.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);
+  const isControlled = initialData !== void 0;
+  const refreshData = () => {
+    if (!isControlled) {
+      setIsLoading(true);
+      try {
+        setItems(MetadataService.getLearningObjectives());
+        setSubjects(MetadataService.getSubjects());
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to refresh data.", variant: "destructive" });
+      } finally {
+        setIsLoading(false);
+      }
     }
   };
   React163.useEffect(() => {
-    fetchData();
-  }, []);
+    if (isControlled) {
+      setItems(initialData || []);
+      setSubjects(subjectsProp || []);
+      setIsLoading(isLoadingProp || false);
+    } else {
+      refreshData();
+    }
+  }, [isControlled, initialData, subjectsProp, isLoadingProp]);
   const handleAddItem = () => {
     setCurrentItem(null);
     setItemName("");
     setItemCode("");
     setItemDescription("");
-    setSelectedSubjectCode(
-      subjects.length > 0 ? subjects[0].code : void 0
-    );
+    setSelectedSubjectCode(subjects.length > 0 ? subjects[0].code : void 0);
     setIsDialogOpen(true);
   };
   const handleEditItem = (item) => {
@@ -168851,20 +168841,17 @@ function LearningObjectiveManager() {
   };
   const confirmDelete = () => {
     if (!itemToDelete) return;
-    startTransition(() => {
+    startTransition(async () => {
       try {
-        MetadataService.deleteLearningObjective(itemToDelete.code);
-        toast2({
-          title: "Success",
-          description: `Learning Objective "${itemToDelete.name}" deleted.`
-        });
-        fetchData();
+        if (isControlled && onDelete) {
+          await onDelete(itemToDelete);
+        } else {
+          MetadataService.deleteLearningObjective(itemToDelete.code);
+          refreshData();
+        }
+        toast2({ title: "Success", description: `Learning Objective "${itemToDelete.name}" deleted.` });
       } catch (error) {
-        toast2({
-          title: "Error",
-          description: "Failed to delete Learning Objective.",
-          variant: "destructive"
-        });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -168873,43 +168860,31 @@ function LearningObjectiveManager() {
   };
   const handleSubmit = () => {
     if (!itemName.trim() || !itemCode.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(() => {
+    startTransition(async () => {
       try {
         if (currentItem) {
-          MetadataService.updateLearningObjective(
-            currentItem.id,
-            itemName,
-            itemCode,
-            selectedSubjectCode,
-            itemDescription
-          );
+          if (isControlled && onUpdate) {
+            await onUpdate({ id: currentItem.id, name: itemName, code: itemCode, subjectCode: selectedSubjectCode, description: itemDescription });
+          } else {
+            MetadataService.updateLearningObjective(currentItem.id, itemName, itemCode, selectedSubjectCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Learning Objective updated." });
         } else {
-          MetadataService.addLearningObjective(
-            itemName,
-            itemCode,
-            selectedSubjectCode,
-            itemDescription
-          );
+          if (isControlled && onAdd) {
+            await onAdd({ name: itemName, code: itemCode, subjectCode: selectedSubjectCode, description: itemDescription });
+          } else {
+            MetadataService.addLearningObjective(itemName, itemCode, selectedSubjectCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Learning Objective added." });
         }
-        toast2({
-          title: "Success",
-          description: "Learning Objective saved."
-        });
-        fetchData();
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({
-          title: "Error",
-          description: "Failed to save Learning Objective.",
-          variant: "destructive"
-        });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       }
     });
   };
@@ -168917,100 +168892,12 @@ function LearningObjectiveManager() {
     if (!subjectCode) return "N/A";
     return subjects.find((s4) => s4.code === subjectCode)?.name || "N/A";
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " ", "Manage Learning Objectives"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, getSubjectName(item.subjectCode)), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      onClick: () => handleEditItem(item),
-      className: "mr-2"
-    },
-    /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      onClick: () => handleDeleteItem(item),
-      className: "text-destructive hover:text-destructive"
-    },
-    /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })
-  ))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(
-    Input,
-    {
-      id: "itemCode",
-      value: itemCode,
-      onChange: (e3) => setItemCode(
-        e3.target.value.toUpperCase()
-      ),
-      disabled: !!currentItem
-    }
-  )), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(
-    Input,
-    {
-      id: "itemName",
-      value: itemName,
-      onChange: (e3) => setItemName(e3.target.value)
-    }
-  )), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemSubject" }, "Subject (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(
-    Select2,
-    {
-      value: selectedSubjectCode || "",
-      onValueChange: (value) => setSelectedSubjectCode(
-        value === "_NONE_" ? void 0 : value
-      )
-    },
-    /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, { id: "itemSubject" }, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, { placeholder: "Select a subject" })),
-    /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { value: "_NONE_" }, "No Specific Subject"), subjects.map((subject) => /* @__PURE__ */ React163__namespace.default.createElement(
-      SelectItem2,
-      {
-        key: subject.id,
-        value: subject.code
-      },
-      subject.name
-    )))
-  )), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(
-    Textarea,
-    {
-      id: "itemDescription",
-      value: itemDescription,
-      onChange: (e3) => setItemDescription(e3.target.value)
-    }
-  ))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      onClick: () => setIsDialogOpen(false),
-      disabled: isPending
-    },
-    "Cancel"
-  ), /* @__PURE__ */ React163__namespace.default.createElement(
-    Button,
-    {
-      type: "submit",
-      onClick: handleSubmit,
-      disabled: isPending || !itemName.trim() || !itemCode.trim()
-    },
-    isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
-    " ",
-    "Save"
-  )))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(
-    AlertDialogAction2,
-    {
-      onClick: confirmDelete,
-      disabled: isPending,
-      className: "bg-destructive hover:bg-destructive/90"
-    },
-    isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
-    " ",
-    "Delete"
-  ))))));
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Learning Objectives"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, getSubjectName(item.subjectCode)), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value) })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemSubject" }, "Subject (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: selectedSubjectCode || "", onValueChange: (value) => setSelectedSubjectCode(value === "_NONE_" ? void 0 : value) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, { id: "itemSubject" }, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, { placeholder: "Select a subject" })), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { value: "_NONE_" }, "No Specific Subject"), subjects.map((subject) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: subject.id, value: subject.code }, subject.name))))), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value) }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemName.trim() || !itemCode.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }
 
 // src/react-ui/components/metadata/ContextManager.tsx
 init_react_shim();
-function ContextManager() {
+function ContextManager({ initialData, isLoading: isLoadingProp, onAdd, onUpdate, onDelete }) {
   const [items, setItems] = React163.useState([]);
   const [isLoading, setIsLoading] = React163.useState(true);
   const [isDialogOpen, setIsDialogOpen] = React163.useState(false);
@@ -169022,19 +168909,27 @@ function ContextManager() {
   const [itemToDelete, setItemToDelete] = React163.useState(null);
   const [isPending, startTransition] = React163.useTransition();
   const { toast: toast2 } = useToast();
-  React163.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 isControlled = initialData !== void 0;
+  const refreshData = () => {
+    if (!isControlled) {
+      setIsLoading(true);
+      try {
+        setItems(MetadataService.getContexts());
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to refresh Contexts.", variant: "destructive" });
+      } finally {
+        setIsLoading(false);
+      }
     }
   };
+  React163.useEffect(() => {
+    if (isControlled) {
+      setItems(initialData || []);
+      setIsLoading(isLoadingProp || false);
+    } else {
+      refreshData();
+    }
+  }, [isControlled, initialData, isLoadingProp]);
   const handleAddItem = () => {
     setCurrentItem(null);
     setItemName("");
@@ -169055,13 +168950,17 @@ function ContextManager() {
   };
   const confirmDelete = () => {
     if (!itemToDelete) return;
-    startTransition(() => {
+    startTransition(async () => {
       try {
-        MetadataService.deleteContext(itemToDelete.code);
+        if (isControlled && onDelete) {
+          await onDelete(itemToDelete);
+        } else {
+          MetadataService.deleteContext(itemToDelete.code);
+          refreshData();
+        }
         toast2({ title: "Success", description: `Context "${itemToDelete.name}" deleted.` });
-        fetchItems();
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to delete Context.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -169073,32 +168972,50 @@ function ContextManager() {
       toast2({ title: "Validation Error", description: "Code and Name are required.", variant: "destructive" });
       return;
     }
-    startTransition(() => {
+    startTransition(async () => {
       try {
         if (currentItem) {
-          MetadataService.updateContext(currentItem.id, itemName, itemCode, itemDescription);
+          if (isControlled && onUpdate) {
+            await onUpdate({ id: currentItem.id, name: itemName, code: itemCode, description: itemDescription });
+          } else {
+            MetadataService.updateContext(currentItem.id, itemName, itemCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Context updated." });
         } else {
-          MetadataService.addContext(itemName, itemCode, itemDescription);
+          if (isControlled && onAdd) {
+            await onAdd({ name: itemName, code: itemCode, description: itemDescription });
+          } else {
+            MetadataService.addContext(itemName, itemCode, itemDescription);
+            refreshData();
+          }
+          toast2({ title: "Success", description: "Context added." });
         }
-        toast2({ title: "Success", description: "Context saved." });
-        fetchItems();
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to save Context.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       }
     });
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(ScanText, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Contexts"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Context"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Contexts found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Context" : "Add New Context")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., HIST_INQ", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Historical Inquiry" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value), placeholder: "e.g., Analyzing primary and secondary sources." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Delete"))))));
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(ScanText, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Contexts"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Context"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Contexts found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Description"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.description), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Context" : "Add New Context")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemCode" }, "Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemCode", value: itemCode, onChange: (e3) => setItemCode(e3.target.value.toUpperCase()), placeholder: "e.g., HIST_INQ", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemName" }, "Name"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "itemName", value: itemName, onChange: (e3) => setItemName(e3.target.value), placeholder: "e.g., Historical Inquiry" })), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "itemDescription" }, "Description (Optional)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "itemDescription", value: itemDescription, onChange: (e3) => setItemDescription(e3.target.value), placeholder: "e.g., Analyzing primary and secondary sources." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !itemCode.trim() || !itemName.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }
 
 // src/react-ui/components/metadata/ApproachManager.tsx
 init_react_shim();
 var knowledgeDimensions = ["Factual", "Conceptual", "Procedural"];
 var rawDifficultyLevels = ["E", "E~M", "M", "M~H", "H"];
-function ApproachManager() {
+function ApproachManager({
+  initialData,
+  bloomLevels: bloomLevelsProp,
+  questionTypes: questionTypesProp,
+  isLoading: isLoadingProp,
+  onAdd,
+  onUpdate,
+  onDelete
+}) {
   const [items, setItems] = React163.useState([]);
   const [bloomLevels, setBloomLevels] = React163.useState([]);
-  const [iSpringQuizTypeOptions, setISpringQuizTypeOptions] = React163.useState([]);
+  const [questionTypes, setQuestionTypes] = React163.useState([]);
   const [isLoading, setIsLoading] = React163.useState(true);
   const [isDialogOpen, setIsDialogOpen] = React163.useState(false);
   const [isAlertOpen, setIsAlertOpen] = React163.useState(false);
@@ -169107,30 +169024,37 @@ function ApproachManager() {
   const [itemToDelete, setItemToDelete] = React163.useState(null);
   const [isPending, startTransition] = React163.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);
+  const isControlled = initialData !== void 0;
+  const refreshData = () => {
+    if (!isControlled) {
+      setIsLoading(true);
+      try {
+        setItems(MetadataService.getApproaches());
+        setBloomLevels(MetadataService.getBloomLevels());
+        setQuestionTypes(MetadataService.getQuestionTypes());
+      } catch (error) {
+        toast2({ title: "Error", description: "Failed to refresh metadata for Approaches.", variant: "destructive" });
+      } finally {
+        setIsLoading(false);
+      }
     }
   };
   React163.useEffect(() => {
-    fetchItems();
-  }, []);
+    if (isControlled) {
+      setItems(initialData || []);
+      setBloomLevels(bloomLevelsProp || []);
+      setQuestionTypes(questionTypesProp || []);
+      setIsLoading(isLoadingProp || false);
+    } else {
+      refreshData();
+    }
+  }, [isControlled, initialData, bloomLevelsProp, questionTypesProp, isLoadingProp]);
   const resetForm = () => {
     setFormState({
       knowledgeDimension: "Factual",
       rawDifficulty: "E",
       bloomLevelCode: bloomLevels.length > 0 ? bloomLevels[0].code : "",
-      iSpringQuizType: iSpringQuizTypeOptions.length > 0 ? iSpringQuizTypeOptions[0].value : "multiple_choice"
+      iSpringQuizType: questionTypes.length > 0 ? questionTypes[0].code : "multiple_choice"
     });
   };
   const handleAddItem = () => {
@@ -169160,13 +169084,17 @@ function ApproachManager() {
   };
   const confirmDelete = () => {
     if (!itemToDelete) return;
-    startTransition(() => {
+    startTransition(async () => {
       try {
-        MetadataService.deleteApproach(itemToDelete.code);
+        if (isControlled && onDelete) {
+          await onDelete(itemToDelete);
+        } else {
+          MetadataService.deleteApproach(itemToDelete.code);
+          refreshData();
+        }
         toast2({ title: "Success", description: `Approach "${itemToDelete.code}" deleted.` });
-        fetchItems();
       } catch (error) {
-        toast2({ title: "Error", description: "Failed to delete Approach.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       } finally {
         setIsAlertOpen(false);
         setItemToDelete(null);
@@ -169174,28 +169102,37 @@ function ApproachManager() {
     });
   };
   const handleSubmit = () => {
-    const { code: code4, verbEn, verbVi } = formState;
-    if (!code4?.trim() || !verbEn?.trim() || !verbVi?.trim()) {
-      toast2({ title: "Validation Error", description: "Code, Verb (EN), and Verb (VI) are required.", variant: "destructive" });
+    const { code: code4, verbEn, verbVi, bloomLevelCode, iSpringQuizType, knowledgeDimension, rawDifficulty } = formState;
+    if (!code4?.trim() || !verbEn?.trim() || !verbVi?.trim() || !bloomLevelCode || !iSpringQuizType || !knowledgeDimension || !rawDifficulty) {
+      toast2({ title: "Validation Error", description: "All fields except examples and context are required.", variant: "destructive" });
       return;
     }
-    startTransition(() => {
+    startTransition(async () => {
       try {
         if (currentItem) {
-          MetadataService.updateApproach(currentItem.id, formState);
+          if (isControlled && onUpdate) {
+            await onUpdate({ ...currentItem, ...formState });
+          } else {
+            MetadataService.updateApproach(currentItem.id, formState);
+            refreshData();
+          }
           toast2({ title: "Success", description: "Approach updated." });
         } else {
-          MetadataService.addApproach(formState);
+          if (isControlled && onAdd) {
+            await onAdd(formState);
+          } else {
+            MetadataService.addApproach(formState);
+            refreshData();
+          }
           toast2({ title: "Success", description: "Approach added." });
         }
-        fetchItems();
         setIsDialogOpen(false);
       } catch (error) {
-        toast2({ title: "Error", description: error.message || "Failed to save Approach.", variant: "destructive" });
+        toast2({ title: "Error", description: error.message, variant: "destructive" });
       }
     });
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Settings2, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Approaches"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Approach"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Approaches found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Approach ID"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Verb (VI)"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Cognitive Level"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "iSpring Type"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.verbVi), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.bloomLevelCode), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.iSpringQuizType), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Approach" : "Add New Approach")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "code" }, "Approach Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e3) => setFormState((s4) => ({ ...s4, code: e3.target.value.toUpperCase() })), placeholder: "e.g., REM-FAC-IDT-MCQ", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "verbEn" }, "Verb (English)"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "verbEn", value: formState.verbEn || "", onChange: (e3) => setFormState((s4) => ({ ...s4, verbEn: e3.target.value })), placeholder: "e.g., Identify" }))), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "verbVi" }, "Verb (Vietnamese)"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "verbVi", value: formState.verbVi || "", onChange: (e3) => setFormState((s4) => ({ ...s4, verbVi: e3.target.value })), placeholder: "e.g., Nh\u1EADn d\u1EA1ng" })), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "bloomLevelCode" }, "Cognitive Level"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: formState.bloomLevelCode, onValueChange: (v) => setFormState((s4) => ({ ...s4, bloomLevelCode: v })) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, null)), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, bloomLevels.map((level) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: level.code, value: level.code }, level.name)))))), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "knowledgeDimension" }, "Knowledge Dimension"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: formState.knowledgeDimension, onValueChange: (v) => setFormState((s4) => ({ ...s4, knowledgeDimension: v })) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, null)), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, knowledgeDimensions.map((kd) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: kd, value: kd }, kd))))), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "iSpringQuizType" }, "iSpring Quiz Type"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: formState.iSpringQuizType, onValueChange: (v) => setFormState((s4) => ({ ...s4, iSpringQuizType: v })) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, null)), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, iSpringQuizTypeOptions.map((qt) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: qt.value, value: qt.value }, qt.label))))), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "rawDifficulty" }, "Raw Difficulty"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: formState.rawDifficulty, onValueChange: (v) => setFormState((s4) => ({ ...s4, rawDifficulty: v })) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, null)), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, rawDifficultyLevels.map((rd) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: rd, value: rd }, rd)))))), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "suggestContext" }, "Suggest Context (comma-separated codes)"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "suggestContext", value: formState.suggestContext || "", onChange: (e3) => setFormState((s4) => ({ ...s4, suggestContext: e3.target.value })), placeholder: "e.g., A, B, D, G, H" })), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "exampleEn" }, "Example (English)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "exampleEn", value: formState.exampleEn || "", onChange: (e3) => setFormState((s4) => ({ ...s4, exampleEn: e3.target.value })), placeholder: "English example prompt..." })), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "exampleVi" }, "Example (Vietnamese)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "exampleVi", value: formState.exampleVi || "", onChange: (e3) => setFormState((s4) => ({ ...s4, exampleVi: e3.target.value })), placeholder: "Vietnamese example prompt..." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !formState.code?.trim() || !formState.verbEn?.trim() || !formState.verbVi?.trim() }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.code, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React163__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(Settings2, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Approaches"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React163__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Approach"))), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Approaches found.") : /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(Table3, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Approach ID"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Verb (VI)"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "Cognitive Level"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, null, "iSpring Type"), /* @__PURE__ */ React163__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React163__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React163__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "font-medium" }, item.code), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.verbVi), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.bloomLevelCode), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, null, item.iSpringQuizType), /* @__PURE__ */ React163__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React163__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React163__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Approach" : "Add New Approach")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "code" }, "Approach Code"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e3) => setFormState((s4) => ({ ...s4, code: e3.target.value.toUpperCase() })), placeholder: "e.g., REM-FAC-IDT-MCQ", disabled: !!currentItem })), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "verbEn" }, "Verb (English)"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "verbEn", value: formState.verbEn || "", onChange: (e3) => setFormState((s4) => ({ ...s4, verbEn: e3.target.value })), placeholder: "e.g., Identify" }))), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "verbVi" }, "Verb (Vietnamese)"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "verbVi", value: formState.verbVi || "", onChange: (e3) => setFormState((s4) => ({ ...s4, verbVi: e3.target.value })), placeholder: "e.g., Nh\u1EADn d\u1EA1ng" })), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "bloomLevelCode" }, "Cognitive Level"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: formState.bloomLevelCode, onValueChange: (v) => setFormState((s4) => ({ ...s4, bloomLevelCode: v })) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, null)), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, bloomLevels.map((level) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: level.code, value: level.code }, level.name)))))), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "knowledgeDimension" }, "Knowledge Dimension"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: formState.knowledgeDimension, onValueChange: (v) => setFormState((s4) => ({ ...s4, knowledgeDimension: v })) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, null)), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, knowledgeDimensions.map((kd) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: kd, value: kd }, kd))))), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "iSpringQuizType" }, "iSpring Quiz Type"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: formState.iSpringQuizType, onValueChange: (v) => setFormState((s4) => ({ ...s4, iSpringQuizType: v })) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, null)), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, questionTypes.map((qt) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: qt.code, value: qt.code }, qt.name))))), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "rawDifficulty" }, "Raw Difficulty"), /* @__PURE__ */ React163__namespace.default.createElement(Select2, { value: formState.rawDifficulty, onValueChange: (v) => setFormState((s4) => ({ ...s4, rawDifficulty: v })) }, /* @__PURE__ */ React163__namespace.default.createElement(SelectTrigger2, null, /* @__PURE__ */ React163__namespace.default.createElement(SelectValue2, null)), /* @__PURE__ */ React163__namespace.default.createElement(SelectContent2, null, rawDifficultyLevels.map((rd) => /* @__PURE__ */ React163__namespace.default.createElement(SelectItem2, { key: rd, value: rd }, rd)))))), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "suggestContext" }, "Suggest Context (comma-separated codes)"), /* @__PURE__ */ React163__namespace.default.createElement(Input, { id: "suggestContext", value: formState.suggestContext || "", onChange: (e3) => setFormState((s4) => ({ ...s4, suggestContext: e3.target.value })), placeholder: "e.g., A, B, D, G, H" })), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "exampleEn" }, "Example (English)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "exampleEn", value: formState.exampleEn || "", onChange: (e3) => setFormState((s4) => ({ ...s4, exampleEn: e3.target.value })), placeholder: "English example prompt..." })), /* @__PURE__ */ React163__namespace.default.createElement("div", null, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "exampleVi" }, "Example (Vietnamese)"), /* @__PURE__ */ React163__namespace.default.createElement(Textarea, { id: "exampleVi", value: formState.exampleVi || "", onChange: (e3) => setFormState((s4) => ({ ...s4, exampleVi: e3.target.value })), placeholder: "Vietnamese example prompt..." }))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.code, '".')), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React163__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }
 
 // src/react-ui/components/metadata/MetadataTabs.tsx