@thanh01.pmt/interactive-quiz-kit 1.0.42 → 1.0.44

package/dist/authoring.cjs

@@ -72,7 +72,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
 var init_react_shim = __esm({
   "react-shim.ts"() {
-    window.React = React97__namespace.default;
   }
 });
 
@@ -101878,50 +101877,49 @@ init_react_shim();
 
 // src/react-ui/components/app/APIKeyManagerModal.tsx
 init_react_shim();
-var APIKeyManagerModal = ({ isOpen, onClose }) => {
+
+// src/react-ui/components/settings/APIKeySettings.tsx
+init_react_shim();
+function ApiKeySettings() {
   const [geminiApiKey, setGeminiApiKey] = React97.useState("");
+  const [isSaving, startSavingTransition] = React97.useTransition();
   const { toast: toast2 } = useToast();
   React97.useEffect(() => {
-    if (isOpen) {
-      const existingKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-      setGeminiApiKey(existingKey || "");
-    }
-  }, [isOpen]);
-  const handleSave = () => {
-    if (geminiApiKey.trim()) {
-      APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, geminiApiKey.trim());
-      toast2({
-        title: "API Key Saved",
-        description: "Your Google Gemini API Key has been saved to local storage."
-      });
-    } else {
-      APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-      toast2({
-        title: "API Key Cleared",
-        description: "Your Google Gemini API Key has been removed."
-      });
-    }
-    onClose();
-  };
-  const handleClear = () => {
-    APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-    setGeminiApiKey("");
-    toast2({
-      title: "API Key Cleared",
-      description: "Your Google Gemini API Key has been removed."
+    const existingKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME);
+    setGeminiApiKey(existingKey || "");
+  }, []);
+  const handleSaveApiKey = () => {
+    startSavingTransition(() => {
+      if (geminiApiKey.trim()) {
+        APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, geminiApiKey.trim());
+        toast2({
+          title: "API Key Saved",
+          description: "Your Gemini API Key has been saved to local storage."
+        });
+      } else {
+        APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
+        toast2({
+          title: "API Key Cleared",
+          description: "Your Gemini API Key has been removed."
+        });
+      }
     });
-    onClose();
   };
-  return /* @__PURE__ */ React97__namespace.default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => !open2 && onClose() }, /* @__PURE__ */ React97__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React97__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React97__namespace.default.createElement(DialogTitle2, { className: "flex items-center" }, /* @__PURE__ */ React97__namespace.default.createElement(KeyRound, { className: "mr-2 h-5 w-5 text-primary" }), "Manage API Keys"), /* @__PURE__ */ React97__namespace.default.createElement(DialogDescription2, null, "Enter and save your API keys here. They will be stored securely in your browser's local storage and will not be sent to any server other than the API provider's.")), /* @__PURE__ */ React97__namespace.default.createElement("div", { className: "py-4 space-y-4" }, /* @__PURE__ */ React97__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React97__namespace.default.createElement(Label2, { htmlFor: "gemini-api-key" }, "Google Gemini API Key"), /* @__PURE__ */ React97__namespace.default.createElement(
+  return /* @__PURE__ */ React97__namespace.default.createElement(Card, null, /* @__PURE__ */ React97__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React97__namespace.default.createElement(CardTitle, { className: "flex items-center" }, /* @__PURE__ */ React97__namespace.default.createElement(KeyRound, { className: "mr-2 h-5 w-5 text-primary" }), " API Keys"), /* @__PURE__ */ React97__namespace.default.createElement(CardDescription, null, "Manage your API keys for third-party services. Keys are obfuscated and stored locally in your browser.")), /* @__PURE__ */ React97__namespace.default.createElement(CardContent, { className: "space-y-4" }, /* @__PURE__ */ React97__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React97__namespace.default.createElement(Label2, { htmlFor: "geminiApiKey" }, "Gemini API Key"), /* @__PURE__ */ React97__namespace.default.createElement(
     Input,
     {
-      id: "gemini-api-key",
+      id: "geminiApiKey",
       type: "password",
       value: geminiApiKey,
       onChange: (e2) => setGeminiApiKey(e2.target.value),
       placeholder: "Enter your Gemini API Key"
     }
-  ))), /* @__PURE__ */ React97__namespace.default.createElement(DialogFooter, { className: "gap-2 sm:justify-between" }, /* @__PURE__ */ React97__namespace.default.createElement(Button, { type: "button", variant: "destructive", onClick: handleClear }, /* @__PURE__ */ React97__namespace.default.createElement(Trash2, { className: "mr-2 h-4 w-4" }), " Clear Key"), /* @__PURE__ */ React97__namespace.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React97__namespace.default.createElement(DialogClose2, { asChild: true }, /* @__PURE__ */ React97__namespace.default.createElement(Button, { type: "button", variant: "outline" }, "Cancel")), /* @__PURE__ */ React97__namespace.default.createElement(Button, { type: "button", onClick: handleSave }, /* @__PURE__ */ React97__namespace.default.createElement(Save, { className: "mr-2 h-4 w-4" }), " Save Key")))));
+  ), /* @__PURE__ */ React97__namespace.default.createElement("p", { className: "text-xs text-muted-foreground" }, "Used for AI-powered features. Clear the field to remove the key."))), /* @__PURE__ */ React97__namespace.default.createElement(CardFooter, null, /* @__PURE__ */ React97__namespace.default.createElement(Button, { onClick: handleSaveApiKey, disabled: isSaving }, isSaving ? /* @__PURE__ */ React97__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ React97__namespace.default.createElement(Save, { className: "mr-2 h-4 w-4" }), "Save API Key")));
+}
+
+// src/react-ui/components/app/APIKeyManagerModal.tsx
+var APIKeyManagerModal = ({ isOpen, onClose }) => {
+  return /* @__PURE__ */ React97__namespace.default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => !open2 && onClose() }, /* @__PURE__ */ React97__namespace.default.createElement(DialogContent2, { className: "sm:max-w-xl" }, /* @__PURE__ */ React97__namespace.default.createElement(ApiKeySettings, null)));
 };
 
 // src/react-ui/components/authoring/AIQuestionGeneratorModal.tsx
@@ -105488,7 +105486,7 @@ function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React97__namespace.default.createElement(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-muted", className),
@@ -107268,9 +107266,9 @@ ToastDescription2.displayName = Description3.displayName;
 // src/react-ui/components/elements/toaster.tsx
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ React.createElement(ToastProvider2, null, toasts.map(function({ id: id2, title, description, action, ...props }) {
-    return /* @__PURE__ */ React.createElement(Toast2, { key: id2, ...props }, /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React.createElement(ToastTitle2, null, title), description && /* @__PURE__ */ React.createElement(ToastDescription2, null, description)), action, /* @__PURE__ */ React.createElement(ToastClose2, null));
-  }), /* @__PURE__ */ React.createElement(ToastViewport2, null));
+  return /* @__PURE__ */ React97__namespace.default.createElement(ToastProvider2, null, toasts.map(function({ id: id2, title, description, action, ...props }) {
+    return /* @__PURE__ */ React97__namespace.default.createElement(Toast2, { key: id2, ...props }, /* @__PURE__ */ React97__namespace.default.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React97__namespace.default.createElement(ToastTitle2, null, title), description && /* @__PURE__ */ React97__namespace.default.createElement(ToastDescription2, null, description)), action, /* @__PURE__ */ React97__namespace.default.createElement(ToastClose2, null));
+  }), /* @__PURE__ */ React97__namespace.default.createElement(ToastViewport2, null));
 }
 /*! Bundled license information:
 
@@ -107332,6 +107330,7 @@ exports.AIQuestionGeneratorModal = AIQuestionGeneratorModal;
 exports.APIKeyManagerModal = APIKeyManagerModal;
 exports.APIKeyService = APIKeyService;
 exports.AchievementService = AchievementService;
+exports.ApiKeySettings = ApiKeySettings;
 exports.ApproachManager = ApproachManager;
 exports.BloomLevelManager = BloomLevelManager;
 exports.CategoryManager = CategoryManager;

package/dist/authoring.d.cts

@@ -2,7 +2,7 @@ export { B as BaseQuestion, e as BlocklyProgrammingQuestion, C as CodingQuestion
 export { APIKeyService, AchievementService, Approach, ApproachTableRawDifficulty, BloomLevelName, BloomLevelType, Category, CodeNamedEntity, Context, GEMINI_API_KEY_SERVICE_NAME, GradeLevel, KnowledgeCardService, KnowledgeDimension, LearningObjective, LearningObjectiveMetadata, MetadataService, PracticeHistoryService, QuestionBankService, QuestionImportService, QuestionInBank, QuestionTypeType, QuizEditorService, QuizEngine, QuizEngineCallbacks, QuizEngineConstructorOptions, QuoteService, SCORMService, StandardDifficulty, Subject, Topic, UserConfigService, cn, emptyQuiz, exportQuizAsSCORMZip, generateLauncherHTML, generateSCORMManifest, generateUniqueId, sampleQuiz } from './index.cjs';
 export { i as Achievement, j as AchievementDefinition, r as ActivityCalendarData, u as AnalysisReport, A as AnswerDetail, x as ChatContext, C as ChatMessage, v as DashboardCardConfig, D as DashboardCardId, w as DashboardLayout, y as Goal, G as GoalType, t as ImageContextItem, I as ImportError, K as KnowledgeCard, L as LearningAnalysis, e as PerformanceByBloomLevel, b as PerformanceByCategory, d as PerformanceByDifficulty, P as PerformanceByLearningObjective, c as PerformanceByTopic, f as PerformanceMetric, s as PerformanceSummary, k as PracticeDifficulty, n as PracticeSession, p as PracticeSessionSummary, o as PracticeStats, m as PracticeSuggestion, l as PracticeSuggestionTopic, q as PracticeTopicSummary, g as QuestionReview, Q as QuizResultType, h as QuizReviewContent, R as RoadmapItem, T as TestCaseResult, U as UserAnswerType, a as UserAnswers, W as WeeklyRoadmap } from './ai-ecosystem-DqFRlFU3.cjs';
 export { AssessAndMapDocumentClientInput, AssessAndMapDocumentOutput, BloomLevelStringsForAI, GenerateCodingQuestionClientInput, GenerateCodingQuestionOutput, GenerateFillInTheBlanksQuestionClientInput, GenerateFillInTheBlanksQuestionOutput, GenerateLearningAnalysisClientInput, GenerateLearningAnalysisOutput, GenerateMCQQuestionClientInput, GenerateMCQQuestionOutput, GenerateMRQQuestionClientInput, GenerateMRQQuestionOutput, GenerateMatchingQuestionClientInput, GenerateMatchingQuestionOutput, GenerateMotivationalQuoteClientInput, GenerateMotivationalQuoteOutput, GenerateNumericQuestionClientInput, GenerateNumericQuestionOutput, GeneratePracticeSuggestionClientInput, GeneratePracticeSuggestionOutput, GenerateQuestionsFromQuizPlanClientInput, GenerateQuestionsFromQuizPlanOutput, GenerateQuizFromTextClientInput, GenerateQuizFromTextOutput, GenerateQuizPlanClientInput, GenerateQuizPlanOutput, GenerateQuizReviewClientInput, GenerateQuizReviewOutput, GenerateSequenceQuestionClientInput, GenerateSequenceQuestionOutput, GenerateShortAnswerQuestionClientInput, GenerateShortAnswerQuestionOutput, GenerateSingleKnowledgeCardClientInput, GenerateSingleKnowledgeCardOutput, GenerateTrueFalseQuestionClientInput, GenerateTrueFalseQuestionOutput, PlanKnowledgeCardsClientInput, PlanKnowledgeCardsOutput, PlannedQuestion, assessAndMapDocument, generateCodingQuestion, generateFillInTheBlanksQuestion, generateLearningAnalysis, generateMCQQuestion, generateMRQQuestion, generateMatchingQuestion, generateMotivationalQuote, generateNumericQuestion, generatePracticeSuggestion, generateQuestionsFromQuizPlan, generateQuizFromText, generateQuizPlan, generateQuizReview, generateSequenceQuestion, generateShortAnswerQuestion, generateSingleKnowledgeCard, generateTrueFalseQuestion, planKnowledgeCards } from './ai.cjs';
-export { a as AIFullQuizGeneratorModal, A as AIQuestionGeneratorModal, b as APIKeyManagerModal, i as ApproachManager, B as BloomLevelManager, C as CategoryManager, h as ContextManager, E as EditQuestionModal, G as GradeLevelManager, I as ImportQuestionsModal, L as LearningObjectiveManager, M as MetadataTabs, d as QuestionFilters, e as QuestionFormDialog, c as QuestionList, g as QuestionTypeManager, Q as QuizAuthoringTool, S as SCORMExportModal, f as SubjectManager, j as Toaster, T as TopicManager, t as toast, u as useToast } from './toaster-JTJ7cUyP.cjs';
+export { a as AIFullQuizGeneratorModal, A as AIQuestionGeneratorModal, b as APIKeyManagerModal, c as ApiKeySettings, j as ApproachManager, B as BloomLevelManager, C as CategoryManager, i as ContextManager, E as EditQuestionModal, G as GradeLevelManager, I as ImportQuestionsModal, L as LearningObjectiveManager, M as MetadataTabs, e as QuestionFilters, f as QuestionFormDialog, d as QuestionList, h as QuestionTypeManager, Q as QuizAuthoringTool, S as SCORMExportModal, g as SubjectManager, k as Toaster, T as TopicManager, t as toast, u as useToast } from './toaster-DfLqsPwa.cjs';
 import 'clsx';
 import 'zod';
 import 'react';

package/dist/authoring.d.ts

@@ -2,7 +2,7 @@ export { B as BaseQuestion, e as BlocklyProgrammingQuestion, C as CodingQuestion
 export { APIKeyService, AchievementService, Approach, ApproachTableRawDifficulty, BloomLevelName, BloomLevelType, Category, CodeNamedEntity, Context, GEMINI_API_KEY_SERVICE_NAME, GradeLevel, KnowledgeCardService, KnowledgeDimension, LearningObjective, LearningObjectiveMetadata, MetadataService, PracticeHistoryService, QuestionBankService, QuestionImportService, QuestionInBank, QuestionTypeType, QuizEditorService, QuizEngine, QuizEngineCallbacks, QuizEngineConstructorOptions, QuoteService, SCORMService, StandardDifficulty, Subject, Topic, UserConfigService, cn, emptyQuiz, exportQuizAsSCORMZip, generateLauncherHTML, generateSCORMManifest, generateUniqueId, sampleQuiz } from './index.js';
 export { i as Achievement, j as AchievementDefinition, r as ActivityCalendarData, u as AnalysisReport, A as AnswerDetail, x as ChatContext, C as ChatMessage, v as DashboardCardConfig, D as DashboardCardId, w as DashboardLayout, y as Goal, G as GoalType, t as ImageContextItem, I as ImportError, K as KnowledgeCard, L as LearningAnalysis, e as PerformanceByBloomLevel, b as PerformanceByCategory, d as PerformanceByDifficulty, P as PerformanceByLearningObjective, c as PerformanceByTopic, f as PerformanceMetric, s as PerformanceSummary, k as PracticeDifficulty, n as PracticeSession, p as PracticeSessionSummary, o as PracticeStats, m as PracticeSuggestion, l as PracticeSuggestionTopic, q as PracticeTopicSummary, g as QuestionReview, Q as QuizResultType, h as QuizReviewContent, R as RoadmapItem, T as TestCaseResult, U as UserAnswerType, a as UserAnswers, W as WeeklyRoadmap } from './ai-ecosystem-DqVlSO3r.js';
 export { AssessAndMapDocumentClientInput, AssessAndMapDocumentOutput, BloomLevelStringsForAI, GenerateCodingQuestionClientInput, GenerateCodingQuestionOutput, GenerateFillInTheBlanksQuestionClientInput, GenerateFillInTheBlanksQuestionOutput, GenerateLearningAnalysisClientInput, GenerateLearningAnalysisOutput, GenerateMCQQuestionClientInput, GenerateMCQQuestionOutput, GenerateMRQQuestionClientInput, GenerateMRQQuestionOutput, GenerateMatchingQuestionClientInput, GenerateMatchingQuestionOutput, GenerateMotivationalQuoteClientInput, GenerateMotivationalQuoteOutput, GenerateNumericQuestionClientInput, GenerateNumericQuestionOutput, GeneratePracticeSuggestionClientInput, GeneratePracticeSuggestionOutput, GenerateQuestionsFromQuizPlanClientInput, GenerateQuestionsFromQuizPlanOutput, GenerateQuizFromTextClientInput, GenerateQuizFromTextOutput, GenerateQuizPlanClientInput, GenerateQuizPlanOutput, GenerateQuizReviewClientInput, GenerateQuizReviewOutput, GenerateSequenceQuestionClientInput, GenerateSequenceQuestionOutput, GenerateShortAnswerQuestionClientInput, GenerateShortAnswerQuestionOutput, GenerateSingleKnowledgeCardClientInput, GenerateSingleKnowledgeCardOutput, GenerateTrueFalseQuestionClientInput, GenerateTrueFalseQuestionOutput, PlanKnowledgeCardsClientInput, PlanKnowledgeCardsOutput, PlannedQuestion, assessAndMapDocument, generateCodingQuestion, generateFillInTheBlanksQuestion, generateLearningAnalysis, generateMCQQuestion, generateMRQQuestion, generateMatchingQuestion, generateMotivationalQuote, generateNumericQuestion, generatePracticeSuggestion, generateQuestionsFromQuizPlan, generateQuizFromText, generateQuizPlan, generateQuizReview, generateSequenceQuestion, generateShortAnswerQuestion, generateSingleKnowledgeCard, generateTrueFalseQuestion, planKnowledgeCards } from './ai.js';
-export { a as AIFullQuizGeneratorModal, A as AIQuestionGeneratorModal, b as APIKeyManagerModal, i as ApproachManager, B as BloomLevelManager, C as CategoryManager, h as ContextManager, E as EditQuestionModal, G as GradeLevelManager, I as ImportQuestionsModal, L as LearningObjectiveManager, M as MetadataTabs, d as QuestionFilters, e as QuestionFormDialog, c as QuestionList, g as QuestionTypeManager, Q as QuizAuthoringTool, S as SCORMExportModal, f as SubjectManager, j as Toaster, T as TopicManager, t as toast, u as useToast } from './toaster-Cgg3CSob.js';
+export { a as AIFullQuizGeneratorModal, A as AIQuestionGeneratorModal, b as APIKeyManagerModal, c as ApiKeySettings, j as ApproachManager, B as BloomLevelManager, C as CategoryManager, i as ContextManager, E as EditQuestionModal, G as GradeLevelManager, I as ImportQuestionsModal, L as LearningObjectiveManager, M as MetadataTabs, e as QuestionFilters, f as QuestionFormDialog, d as QuestionList, h as QuestionTypeManager, Q as QuizAuthoringTool, S as SCORMExportModal, g as SubjectManager, k as Toaster, T as TopicManager, t as toast, u as useToast } from './toaster-Z0Qz6kch.js';
 import 'clsx';
 import 'zod';
 import 'react';

package/dist/authoring.mjs

@@ -46,7 +46,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
 var init_react_shim = __esm({
   "react-shim.ts"() {
-    window.React = React97__default;
   }
 });
 
@@ -101852,50 +101851,49 @@ init_react_shim();
 
 // src/react-ui/components/app/APIKeyManagerModal.tsx
 init_react_shim();
-var APIKeyManagerModal = ({ isOpen, onClose }) => {
+
+// src/react-ui/components/settings/APIKeySettings.tsx
+init_react_shim();
+function ApiKeySettings() {
   const [geminiApiKey, setGeminiApiKey] = useState("");
+  const [isSaving, startSavingTransition] = useTransition();
   const { toast: toast2 } = useToast();
   useEffect(() => {
-    if (isOpen) {
-      const existingKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-      setGeminiApiKey(existingKey || "");
-    }
-  }, [isOpen]);
-  const handleSave = () => {
-    if (geminiApiKey.trim()) {
-      APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, geminiApiKey.trim());
-      toast2({
-        title: "API Key Saved",
-        description: "Your Google Gemini API Key has been saved to local storage."
-      });
-    } else {
-      APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-      toast2({
-        title: "API Key Cleared",
-        description: "Your Google Gemini API Key has been removed."
-      });
-    }
-    onClose();
-  };
-  const handleClear = () => {
-    APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-    setGeminiApiKey("");
-    toast2({
-      title: "API Key Cleared",
-      description: "Your Google Gemini API Key has been removed."
+    const existingKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME);
+    setGeminiApiKey(existingKey || "");
+  }, []);
+  const handleSaveApiKey = () => {
+    startSavingTransition(() => {
+      if (geminiApiKey.trim()) {
+        APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, geminiApiKey.trim());
+        toast2({
+          title: "API Key Saved",
+          description: "Your Gemini API Key has been saved to local storage."
+        });
+      } else {
+        APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
+        toast2({
+          title: "API Key Cleared",
+          description: "Your Gemini API Key has been removed."
+        });
+      }
     });
-    onClose();
   };
-  return /* @__PURE__ */ React97__default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => !open2 && onClose() }, /* @__PURE__ */ React97__default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React97__default.createElement(DialogHeader, null, /* @__PURE__ */ React97__default.createElement(DialogTitle2, { className: "flex items-center" }, /* @__PURE__ */ React97__default.createElement(KeyRound, { className: "mr-2 h-5 w-5 text-primary" }), "Manage API Keys"), /* @__PURE__ */ React97__default.createElement(DialogDescription2, null, "Enter and save your API keys here. They will be stored securely in your browser's local storage and will not be sent to any server other than the API provider's.")), /* @__PURE__ */ React97__default.createElement("div", { className: "py-4 space-y-4" }, /* @__PURE__ */ React97__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React97__default.createElement(Label2, { htmlFor: "gemini-api-key" }, "Google Gemini API Key"), /* @__PURE__ */ React97__default.createElement(
+  return /* @__PURE__ */ React97__default.createElement(Card, null, /* @__PURE__ */ React97__default.createElement(CardHeader, null, /* @__PURE__ */ React97__default.createElement(CardTitle, { className: "flex items-center" }, /* @__PURE__ */ React97__default.createElement(KeyRound, { className: "mr-2 h-5 w-5 text-primary" }), " API Keys"), /* @__PURE__ */ React97__default.createElement(CardDescription, null, "Manage your API keys for third-party services. Keys are obfuscated and stored locally in your browser.")), /* @__PURE__ */ React97__default.createElement(CardContent, { className: "space-y-4" }, /* @__PURE__ */ React97__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React97__default.createElement(Label2, { htmlFor: "geminiApiKey" }, "Gemini API Key"), /* @__PURE__ */ React97__default.createElement(
     Input,
     {
-      id: "gemini-api-key",
+      id: "geminiApiKey",
       type: "password",
       value: geminiApiKey,
       onChange: (e2) => setGeminiApiKey(e2.target.value),
       placeholder: "Enter your Gemini API Key"
     }
-  ))), /* @__PURE__ */ React97__default.createElement(DialogFooter, { className: "gap-2 sm:justify-between" }, /* @__PURE__ */ React97__default.createElement(Button, { type: "button", variant: "destructive", onClick: handleClear }, /* @__PURE__ */ React97__default.createElement(Trash2, { className: "mr-2 h-4 w-4" }), " Clear Key"), /* @__PURE__ */ React97__default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React97__default.createElement(DialogClose2, { asChild: true }, /* @__PURE__ */ React97__default.createElement(Button, { type: "button", variant: "outline" }, "Cancel")), /* @__PURE__ */ React97__default.createElement(Button, { type: "button", onClick: handleSave }, /* @__PURE__ */ React97__default.createElement(Save, { className: "mr-2 h-4 w-4" }), " Save Key")))));
+  ), /* @__PURE__ */ React97__default.createElement("p", { className: "text-xs text-muted-foreground" }, "Used for AI-powered features. Clear the field to remove the key."))), /* @__PURE__ */ React97__default.createElement(CardFooter, null, /* @__PURE__ */ React97__default.createElement(Button, { onClick: handleSaveApiKey, disabled: isSaving }, isSaving ? /* @__PURE__ */ React97__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ React97__default.createElement(Save, { className: "mr-2 h-4 w-4" }), "Save API Key")));
+}
+
+// src/react-ui/components/app/APIKeyManagerModal.tsx
+var APIKeyManagerModal = ({ isOpen, onClose }) => {
+  return /* @__PURE__ */ React97__default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => !open2 && onClose() }, /* @__PURE__ */ React97__default.createElement(DialogContent2, { className: "sm:max-w-xl" }, /* @__PURE__ */ React97__default.createElement(ApiKeySettings, null)));
 };
 
 // src/react-ui/components/authoring/AIQuestionGeneratorModal.tsx
@@ -105462,7 +105460,7 @@ function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React97__default.createElement(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-muted", className),
@@ -107242,9 +107240,9 @@ ToastDescription2.displayName = Description3.displayName;
 // src/react-ui/components/elements/toaster.tsx
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ React.createElement(ToastProvider2, null, toasts.map(function({ id: id2, title, description, action, ...props }) {
-    return /* @__PURE__ */ React.createElement(Toast2, { key: id2, ...props }, /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React.createElement(ToastTitle2, null, title), description && /* @__PURE__ */ React.createElement(ToastDescription2, null, description)), action, /* @__PURE__ */ React.createElement(ToastClose2, null));
-  }), /* @__PURE__ */ React.createElement(ToastViewport2, null));
+  return /* @__PURE__ */ React97__default.createElement(ToastProvider2, null, toasts.map(function({ id: id2, title, description, action, ...props }) {
+    return /* @__PURE__ */ React97__default.createElement(Toast2, { key: id2, ...props }, /* @__PURE__ */ React97__default.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React97__default.createElement(ToastTitle2, null, title), description && /* @__PURE__ */ React97__default.createElement(ToastDescription2, null, description)), action, /* @__PURE__ */ React97__default.createElement(ToastClose2, null));
+  }), /* @__PURE__ */ React97__default.createElement(ToastViewport2, null));
 }
 /*! Bundled license information:
 
@@ -107301,4 +107299,4 @@ lucide-react/dist/esm/lucide-react.js:
    *)
 */
 
-export { AIFullQuizGeneratorModal, AIQuestionGeneratorModal, APIKeyManagerModal, APIKeyService, AchievementService, ApproachManager, BloomLevelManager, CategoryManager, ContextManager, EditQuestionModal, GEMINI_API_KEY_SERVICE_NAME, GradeLevelManager, ImportQuestionsModal, KnowledgeCardService, LearningObjectiveManager, MetadataService, MetadataTabs, PracticeHistoryService, QuestionBankService, QuestionFilters, QuestionFormDialog, QuestionImportService, QuestionList, QuestionTypeManager, QuizAuthoringTool, QuizEditorService, QuizEngine, QuoteService, SCORMExportModal, SCORMService, SubjectManager, Toaster, TopicManager, UserConfigService, assessAndMapDocument, cn, emptyQuiz, exportQuizAsSCORMZip, generateCodingQuestion, generateFillInTheBlanksQuestion, generateLauncherHTML, generateLearningAnalysis, generateMCQQuestion, generateMRQQuestion, generateMatchingQuestion, generateMotivationalQuote, generateNumericQuestion, generatePracticeSuggestion, generateQuestionsFromQuizPlan, generateQuizFromText, generateQuizPlan, generateQuizReview, generateSCORMManifest, generateSequenceQuestion, generateShortAnswerQuestion, generateSingleKnowledgeCard, generateTrueFalseQuestion, generateUniqueId, planKnowledgeCards, sampleQuiz, toast, useToast };
+export { AIFullQuizGeneratorModal, AIQuestionGeneratorModal, APIKeyManagerModal, APIKeyService, AchievementService, ApiKeySettings, ApproachManager, BloomLevelManager, CategoryManager, ContextManager, EditQuestionModal, GEMINI_API_KEY_SERVICE_NAME, GradeLevelManager, ImportQuestionsModal, KnowledgeCardService, LearningObjectiveManager, MetadataService, MetadataTabs, PracticeHistoryService, QuestionBankService, QuestionFilters, QuestionFormDialog, QuestionImportService, QuestionList, QuestionTypeManager, QuizAuthoringTool, QuizEditorService, QuizEngine, QuoteService, SCORMExportModal, SCORMService, SubjectManager, Toaster, TopicManager, UserConfigService, assessAndMapDocument, cn, emptyQuiz, exportQuizAsSCORMZip, generateCodingQuestion, generateFillInTheBlanksQuestion, generateLauncherHTML, generateLearningAnalysis, generateMCQQuestion, generateMRQQuestion, generateMatchingQuestion, generateMotivationalQuote, generateNumericQuestion, generatePracticeSuggestion, generateQuestionsFromQuizPlan, generateQuizFromText, generateQuizPlan, generateQuizReview, generateSCORMManifest, generateSequenceQuestion, generateShortAnswerQuestion, generateSingleKnowledgeCard, generateTrueFalseQuestion, generateUniqueId, planKnowledgeCards, sampleQuiz, toast, useToast };

package/dist/player.cjs

@@ -72,7 +72,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
 var init_react_shim = __esm({
   "react-shim.ts"() {
-    window.React = React73__namespace.default;
   }
 });
 

package/dist/player.mjs

@@ -46,7 +46,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
 var init_react_shim = __esm({
   "react-shim.ts"() {
-    window.React = React73__default;
   }
 });
 

package/dist/react-ui.cjs

@@ -73,7 +73,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
 var init_react_shim = __esm({
   "react-shim.ts"() {
-    window.React = React163__namespace.default;
   }
 });
 
@@ -128473,50 +128472,49 @@ init_react_shim();
 
 // src/react-ui/components/app/APIKeyManagerModal.tsx
 init_react_shim();
-var APIKeyManagerModal = ({ isOpen, onClose }) => {
+
+// src/react-ui/components/settings/APIKeySettings.tsx
+init_react_shim();
+function ApiKeySettings() {
   const [geminiApiKey, setGeminiApiKey] = React163.useState("");
+  const [isSaving, startSavingTransition] = React163.useTransition();
   const { toast: toast2 } = useToast();
   React163.useEffect(() => {
-    if (isOpen) {
-      const existingKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-      setGeminiApiKey(existingKey || "");
-    }
-  }, [isOpen]);
-  const handleSave = () => {
-    if (geminiApiKey.trim()) {
-      APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, geminiApiKey.trim());
-      toast2({
-        title: "API Key Saved",
-        description: "Your Google Gemini API Key has been saved to local storage."
-      });
-    } else {
-      APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-      toast2({
-        title: "API Key Cleared",
-        description: "Your Google Gemini API Key has been removed."
-      });
-    }
-    onClose();
-  };
-  const handleClear = () => {
-    APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-    setGeminiApiKey("");
-    toast2({
-      title: "API Key Cleared",
-      description: "Your Google Gemini API Key has been removed."
+    const existingKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME);
+    setGeminiApiKey(existingKey || "");
+  }, []);
+  const handleSaveApiKey = () => {
+    startSavingTransition(() => {
+      if (geminiApiKey.trim()) {
+        APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, geminiApiKey.trim());
+        toast2({
+          title: "API Key Saved",
+          description: "Your Gemini API Key has been saved to local storage."
+        });
+      } else {
+        APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
+        toast2({
+          title: "API Key Cleared",
+          description: "Your Gemini API Key has been removed."
+        });
+      }
     });
-    onClose();
   };
-  return /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => !open2 && onClose() }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(DialogTitle2, { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(KeyRound, { className: "mr-2 h-5 w-5 text-primary" }), "Manage API Keys"), /* @__PURE__ */ React163__namespace.default.createElement(DialogDescription2, null, "Enter and save your API keys here. They will be stored securely in your browser's local storage and will not be sent to any server other than the API provider's.")), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "py-4 space-y-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "gemini-api-key" }, "Google Gemini API Key"), /* @__PURE__ */ React163__namespace.default.createElement(
+  return /* @__PURE__ */ React163__namespace.default.createElement(Card, null, /* @__PURE__ */ React163__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React163__namespace.default.createElement(CardTitle, { className: "flex items-center" }, /* @__PURE__ */ React163__namespace.default.createElement(KeyRound, { className: "mr-2 h-5 w-5 text-primary" }), " API Keys"), /* @__PURE__ */ React163__namespace.default.createElement(CardDescription, null, "Manage your API keys for third-party services. Keys are obfuscated and stored locally in your browser.")), /* @__PURE__ */ React163__namespace.default.createElement(CardContent, { className: "space-y-4" }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React163__namespace.default.createElement(Label2, { htmlFor: "geminiApiKey" }, "Gemini API Key"), /* @__PURE__ */ React163__namespace.default.createElement(
     Input,
     {
-      id: "gemini-api-key",
+      id: "geminiApiKey",
       type: "password",
       value: geminiApiKey,
       onChange: (e3) => setGeminiApiKey(e3.target.value),
       placeholder: "Enter your Gemini API Key"
     }
-  ))), /* @__PURE__ */ React163__namespace.default.createElement(DialogFooter, { className: "gap-2 sm:justify-between" }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "destructive", onClick: handleClear }, /* @__PURE__ */ React163__namespace.default.createElement(Trash2, { className: "mr-2 h-4 w-4" }), " Clear Key"), /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React163__namespace.default.createElement(DialogClose2, { asChild: true }, /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", variant: "outline" }, "Cancel")), /* @__PURE__ */ React163__namespace.default.createElement(Button, { type: "button", onClick: handleSave }, /* @__PURE__ */ React163__namespace.default.createElement(Save, { className: "mr-2 h-4 w-4" }), " Save Key")))));
+  ), /* @__PURE__ */ React163__namespace.default.createElement("p", { className: "text-xs text-muted-foreground" }, "Used for AI-powered features. Clear the field to remove the key."))), /* @__PURE__ */ React163__namespace.default.createElement(CardFooter, null, /* @__PURE__ */ React163__namespace.default.createElement(Button, { onClick: handleSaveApiKey, disabled: isSaving }, isSaving ? /* @__PURE__ */ React163__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ React163__namespace.default.createElement(Save, { className: "mr-2 h-4 w-4" }), "Save API Key")));
+}
+
+// src/react-ui/components/app/APIKeyManagerModal.tsx
+var APIKeyManagerModal = ({ isOpen, onClose }) => {
+  return /* @__PURE__ */ React163__namespace.default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => !open2 && onClose() }, /* @__PURE__ */ React163__namespace.default.createElement(DialogContent2, { className: "sm:max-w-xl" }, /* @__PURE__ */ React163__namespace.default.createElement(ApiKeySettings, null)));
 };
 
 // src/ai/flows/question-gen/generate-true-false-question.ts
@@ -142879,7 +142877,7 @@ function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React163__namespace.default.createElement(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-muted", className),
@@ -169572,9 +169570,9 @@ ToastDescription2.displayName = Description3.displayName;
 // src/react-ui/components/elements/toaster.tsx
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ React.createElement(ToastProvider2, null, toasts.map(function({ id: id3, title, description, action, ...props }) {
-    return /* @__PURE__ */ React.createElement(Toast2, { key: id3, ...props }, /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React.createElement(ToastTitle2, null, title), description && /* @__PURE__ */ React.createElement(ToastDescription2, null, description)), action, /* @__PURE__ */ React.createElement(ToastClose2, null));
-  }), /* @__PURE__ */ React.createElement(ToastViewport2, null));
+  return /* @__PURE__ */ React163__namespace.default.createElement(ToastProvider2, null, toasts.map(function({ id: id3, title, description, action, ...props }) {
+    return /* @__PURE__ */ React163__namespace.default.createElement(Toast2, { key: id3, ...props }, /* @__PURE__ */ React163__namespace.default.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React163__namespace.default.createElement(ToastTitle2, null, title), description && /* @__PURE__ */ React163__namespace.default.createElement(ToastDescription2, null, description)), action, /* @__PURE__ */ React163__namespace.default.createElement(ToastClose2, null));
+  }), /* @__PURE__ */ React163__namespace.default.createElement(ToastViewport2, null));
 }
 /*! Bundled license information:
 
@@ -171136,6 +171134,7 @@ exports.ActivityCalendar = ActivityCalendar;
 exports.Alert = Alert;
 exports.AlertDescription = AlertDescription;
 exports.AlertTitle = AlertTitle;
+exports.ApiKeySettings = ApiKeySettings;
 exports.ApproachManager = ApproachManager;
 exports.Badge = Badge2;
 exports.BloomLevelManager = BloomLevelManager;

package/dist/react-ui.d.cts

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

package/dist/react-ui.d.ts

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

package/dist/react-ui.mjs

@@ -47,7 +47,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
 var init_react_shim = __esm({
   "react-shim.ts"() {
-    window.React = React163__default;
   }
 });
 
@@ -128447,50 +128446,49 @@ init_react_shim();
 
 // src/react-ui/components/app/APIKeyManagerModal.tsx
 init_react_shim();
-var APIKeyManagerModal = ({ isOpen, onClose }) => {
+
+// src/react-ui/components/settings/APIKeySettings.tsx
+init_react_shim();
+function ApiKeySettings() {
   const [geminiApiKey, setGeminiApiKey] = useState("");
+  const [isSaving, startSavingTransition] = useTransition();
   const { toast: toast2 } = useToast();
   useEffect(() => {
-    if (isOpen) {
-      const existingKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-      setGeminiApiKey(existingKey || "");
-    }
-  }, [isOpen]);
-  const handleSave = () => {
-    if (geminiApiKey.trim()) {
-      APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, geminiApiKey.trim());
-      toast2({
-        title: "API Key Saved",
-        description: "Your Google Gemini API Key has been saved to local storage."
-      });
-    } else {
-      APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-      toast2({
-        title: "API Key Cleared",
-        description: "Your Google Gemini API Key has been removed."
-      });
-    }
-    onClose();
-  };
-  const handleClear = () => {
-    APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
-    setGeminiApiKey("");
-    toast2({
-      title: "API Key Cleared",
-      description: "Your Google Gemini API Key has been removed."
+    const existingKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME);
+    setGeminiApiKey(existingKey || "");
+  }, []);
+  const handleSaveApiKey = () => {
+    startSavingTransition(() => {
+      if (geminiApiKey.trim()) {
+        APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, geminiApiKey.trim());
+        toast2({
+          title: "API Key Saved",
+          description: "Your Gemini API Key has been saved to local storage."
+        });
+      } else {
+        APIKeyService.removeAPIKey(GEMINI_API_KEY_SERVICE_NAME);
+        toast2({
+          title: "API Key Cleared",
+          description: "Your Gemini API Key has been removed."
+        });
+      }
     });
-    onClose();
   };
-  return /* @__PURE__ */ React163__default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => !open2 && onClose() }, /* @__PURE__ */ React163__default.createElement(DialogContent2, { className: "sm:max-w-md" }, /* @__PURE__ */ React163__default.createElement(DialogHeader, null, /* @__PURE__ */ React163__default.createElement(DialogTitle2, { className: "flex items-center" }, /* @__PURE__ */ React163__default.createElement(KeyRound, { className: "mr-2 h-5 w-5 text-primary" }), "Manage API Keys"), /* @__PURE__ */ React163__default.createElement(DialogDescription2, null, "Enter and save your API keys here. They will be stored securely in your browser's local storage and will not be sent to any server other than the API provider's.")), /* @__PURE__ */ React163__default.createElement("div", { className: "py-4 space-y-4" }, /* @__PURE__ */ React163__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React163__default.createElement(Label2, { htmlFor: "gemini-api-key" }, "Google Gemini API Key"), /* @__PURE__ */ React163__default.createElement(
+  return /* @__PURE__ */ React163__default.createElement(Card, null, /* @__PURE__ */ React163__default.createElement(CardHeader, null, /* @__PURE__ */ React163__default.createElement(CardTitle, { className: "flex items-center" }, /* @__PURE__ */ React163__default.createElement(KeyRound, { className: "mr-2 h-5 w-5 text-primary" }), " API Keys"), /* @__PURE__ */ React163__default.createElement(CardDescription, null, "Manage your API keys for third-party services. Keys are obfuscated and stored locally in your browser.")), /* @__PURE__ */ React163__default.createElement(CardContent, { className: "space-y-4" }, /* @__PURE__ */ React163__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React163__default.createElement(Label2, { htmlFor: "geminiApiKey" }, "Gemini API Key"), /* @__PURE__ */ React163__default.createElement(
     Input,
     {
-      id: "gemini-api-key",
+      id: "geminiApiKey",
       type: "password",
       value: geminiApiKey,
       onChange: (e3) => setGeminiApiKey(e3.target.value),
       placeholder: "Enter your Gemini API Key"
     }
-  ))), /* @__PURE__ */ React163__default.createElement(DialogFooter, { className: "gap-2 sm:justify-between" }, /* @__PURE__ */ React163__default.createElement(Button, { type: "button", variant: "destructive", onClick: handleClear }, /* @__PURE__ */ React163__default.createElement(Trash2, { className: "mr-2 h-4 w-4" }), " Clear Key"), /* @__PURE__ */ React163__default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React163__default.createElement(DialogClose2, { asChild: true }, /* @__PURE__ */ React163__default.createElement(Button, { type: "button", variant: "outline" }, "Cancel")), /* @__PURE__ */ React163__default.createElement(Button, { type: "button", onClick: handleSave }, /* @__PURE__ */ React163__default.createElement(Save, { className: "mr-2 h-4 w-4" }), " Save Key")))));
+  ), /* @__PURE__ */ React163__default.createElement("p", { className: "text-xs text-muted-foreground" }, "Used for AI-powered features. Clear the field to remove the key."))), /* @__PURE__ */ React163__default.createElement(CardFooter, null, /* @__PURE__ */ React163__default.createElement(Button, { onClick: handleSaveApiKey, disabled: isSaving }, isSaving ? /* @__PURE__ */ React163__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ React163__default.createElement(Save, { className: "mr-2 h-4 w-4" }), "Save API Key")));
+}
+
+// src/react-ui/components/app/APIKeyManagerModal.tsx
+var APIKeyManagerModal = ({ isOpen, onClose }) => {
+  return /* @__PURE__ */ React163__default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => !open2 && onClose() }, /* @__PURE__ */ React163__default.createElement(DialogContent2, { className: "sm:max-w-xl" }, /* @__PURE__ */ React163__default.createElement(ApiKeySettings, null)));
 };
 
 // src/ai/flows/question-gen/generate-true-false-question.ts
@@ -142853,7 +142851,7 @@ function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React163__default.createElement(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-muted", className),
@@ -169546,9 +169544,9 @@ ToastDescription2.displayName = Description3.displayName;
 // src/react-ui/components/elements/toaster.tsx
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ React.createElement(ToastProvider2, null, toasts.map(function({ id: id3, title, description, action, ...props }) {
-    return /* @__PURE__ */ React.createElement(Toast2, { key: id3, ...props }, /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React.createElement(ToastTitle2, null, title), description && /* @__PURE__ */ React.createElement(ToastDescription2, null, description)), action, /* @__PURE__ */ React.createElement(ToastClose2, null));
-  }), /* @__PURE__ */ React.createElement(ToastViewport2, null));
+  return /* @__PURE__ */ React163__default.createElement(ToastProvider2, null, toasts.map(function({ id: id3, title, description, action, ...props }) {
+    return /* @__PURE__ */ React163__default.createElement(Toast2, { key: id3, ...props }, /* @__PURE__ */ React163__default.createElement("div", { className: "grid gap-1" }, title && /* @__PURE__ */ React163__default.createElement(ToastTitle2, null, title), description && /* @__PURE__ */ React163__default.createElement(ToastDescription2, null, description)), action, /* @__PURE__ */ React163__default.createElement(ToastClose2, null));
+  }), /* @__PURE__ */ React163__default.createElement(ToastViewport2, null));
 }
 /*! Bundled license information:
 
@@ -171098,4 +171096,4 @@ react-tooltip/dist/react-tooltip.min.mjs:
   *)
 */
 
-export { AIFullQuizGeneratorModal, AIQuestionGeneratorModal, APIKeyManagerModal, Accordion2 as Accordion, AccordionContent2 as AccordionContent, AccordionItem2 as AccordionItem, AccordionTrigger2 as AccordionTrigger, Achievements, ActivityCalendar, Alert, AlertDescription, AlertTitle, ApproachManager, Badge2 as Badge, BloomLevelManager, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryManager, Cheatsheet, Checkbox2 as Checkbox, ContextManager, Dialog2 as Dialog, DialogContent2 as DialogContent, DialogDescription2 as DialogDescription, DialogFooter, DialogHeader, DialogTitle2 as DialogTitle, EditQuestionModal, FreestyleQuizzesCard, GeneratedQuizzesCard, GradeLevelManager, ImportQuestionsModal, Input, Label2 as Label, LanguageProvider, LearningObjectiveManager, ManageTopics, MetadataTabs, PerformanceCharts, PersonalPracticeDashboard, PracticeHistoryTable, PracticeModeController, Progress2 as Progress, QuestionFilters, QuestionFormDialog, QuestionList, QuestionRenderer, QuestionTypeManager, QuizAuthoringTool, QuizDataManagement, QuizPlayer, QuizResult, QuizReview, RadioGroup2 as RadioGroup, RadioGroupItem2 as RadioGroupItem, SCORMExportModal, ScrollArea2 as ScrollArea, Select2 as Select, SelectContent2 as SelectContent, SelectItem2 as SelectItem, SelectTrigger2 as SelectTrigger, SelectValue2 as SelectValue, SettingsModal, Skeleton, SubjectManager, SuggestionDialog, Tabs2 as Tabs, TabsContent2 as TabsContent, TabsList2 as TabsList, TabsTrigger2 as TabsTrigger, Toaster, Tooltip2 as Tooltip, TooltipContent2 as TooltipContent, TooltipProvider2 as TooltipProvider, TooltipTrigger2 as TooltipTrigger, TopicManager, UploadResourceModal, toast, useToast };
+export { AIFullQuizGeneratorModal, AIQuestionGeneratorModal, APIKeyManagerModal, Accordion2 as Accordion, AccordionContent2 as AccordionContent, AccordionItem2 as AccordionItem, AccordionTrigger2 as AccordionTrigger, Achievements, ActivityCalendar, Alert, AlertDescription, AlertTitle, ApiKeySettings, ApproachManager, Badge2 as Badge, BloomLevelManager, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryManager, Cheatsheet, Checkbox2 as Checkbox, ContextManager, Dialog2 as Dialog, DialogContent2 as DialogContent, DialogDescription2 as DialogDescription, DialogFooter, DialogHeader, DialogTitle2 as DialogTitle, EditQuestionModal, FreestyleQuizzesCard, GeneratedQuizzesCard, GradeLevelManager, ImportQuestionsModal, Input, Label2 as Label, LanguageProvider, LearningObjectiveManager, ManageTopics, MetadataTabs, PerformanceCharts, PersonalPracticeDashboard, PracticeHistoryTable, PracticeModeController, Progress2 as Progress, QuestionFilters, QuestionFormDialog, QuestionList, QuestionRenderer, QuestionTypeManager, QuizAuthoringTool, QuizDataManagement, QuizPlayer, QuizResult, QuizReview, RadioGroup2 as RadioGroup, RadioGroupItem2 as RadioGroupItem, SCORMExportModal, ScrollArea2 as ScrollArea, Select2 as Select, SelectContent2 as SelectContent, SelectItem2 as SelectItem, SelectTrigger2 as SelectTrigger, SelectValue2 as SelectValue, SettingsModal, Skeleton, SubjectManager, SuggestionDialog, Tabs2 as Tabs, TabsContent2 as TabsContent, TabsList2 as TabsList, TabsTrigger2 as TabsTrigger, Toaster, Tooltip2 as Tooltip, TooltipContent2 as TooltipContent, TooltipProvider2 as TooltipProvider, TooltipTrigger2 as TooltipTrigger, TopicManager, UploadResourceModal, toast, useToast };

package/dist/{toaster-JTJ7cUyP.d.cts → toaster-DfLqsPwa.d.cts}

@@ -80,8 +80,14 @@ interface APIKeyManagerModalProps {
     isOpen: boolean;
     onClose: () => void;
 }
+/**
+ * A modal component that acts as a wrapper around the ApiKeySettings card.
+ * This provides a consistent modal experience for managing API keys within the library.
+ */
 declare const APIKeyManagerModal: React__default.FC<APIKeyManagerModalProps>;
 
+declare function ApiKeySettings(): React__default.JSX.Element;
+
 declare function MetadataTabs(): React__default.JSX.Element;
 
 declare function SubjectManager(): React__default.JSX.Element;
@@ -129,4 +135,4 @@ declare function useToast(): {
 
 declare function Toaster(): React.JSX.Element;
 
-export { AIQuestionGeneratorModal as A, BloomLevelManager as B, CategoryManager as C, EditQuestionModal as E, GradeLevelManager as G, ImportQuestionsModal as I, LearningObjectiveManager as L, MetadataTabs as M, QuizAuthoringTool as Q, SCORMExportModal as S, TopicManager as T, AIFullQuizGeneratorModal as a, APIKeyManagerModal as b, QuestionList as c, QuestionFilters as d, QuestionFormDialog as e, SubjectManager as f, QuestionTypeManager as g, ContextManager as h, ApproachManager as i, Toaster as j, toast as t, useToast as u };
+export { AIQuestionGeneratorModal as A, BloomLevelManager as B, CategoryManager as C, EditQuestionModal as E, GradeLevelManager as G, ImportQuestionsModal as I, LearningObjectiveManager as L, MetadataTabs as M, QuizAuthoringTool as Q, SCORMExportModal as S, TopicManager as T, AIFullQuizGeneratorModal as a, APIKeyManagerModal as b, ApiKeySettings as c, QuestionList as d, QuestionFilters as e, QuestionFormDialog as f, SubjectManager as g, QuestionTypeManager as h, ContextManager as i, ApproachManager as j, Toaster as k, toast as t, useToast as u };

package/dist/{toaster-Cgg3CSob.d.ts → toaster-Z0Qz6kch.d.ts}

@@ -80,8 +80,14 @@ interface APIKeyManagerModalProps {
     isOpen: boolean;
     onClose: () => void;
 }
+/**
+ * A modal component that acts as a wrapper around the ApiKeySettings card.
+ * This provides a consistent modal experience for managing API keys within the library.
+ */
 declare const APIKeyManagerModal: React__default.FC<APIKeyManagerModalProps>;
 
+declare function ApiKeySettings(): React__default.JSX.Element;
+
 declare function MetadataTabs(): React__default.JSX.Element;
 
 declare function SubjectManager(): React__default.JSX.Element;
@@ -129,4 +135,4 @@ declare function useToast(): {
 
 declare function Toaster(): React.JSX.Element;
 
-export { AIQuestionGeneratorModal as A, BloomLevelManager as B, CategoryManager as C, EditQuestionModal as E, GradeLevelManager as G, ImportQuestionsModal as I, LearningObjectiveManager as L, MetadataTabs as M, QuizAuthoringTool as Q, SCORMExportModal as S, TopicManager as T, AIFullQuizGeneratorModal as a, APIKeyManagerModal as b, QuestionList as c, QuestionFilters as d, QuestionFormDialog as e, SubjectManager as f, QuestionTypeManager as g, ContextManager as h, ApproachManager as i, Toaster as j, toast as t, useToast as u };
+export { AIQuestionGeneratorModal as A, BloomLevelManager as B, CategoryManager as C, EditQuestionModal as E, GradeLevelManager as G, ImportQuestionsModal as I, LearningObjectiveManager as L, MetadataTabs as M, QuizAuthoringTool as Q, SCORMExportModal as S, TopicManager as T, AIFullQuizGeneratorModal as a, APIKeyManagerModal as b, ApiKeySettings as c, QuestionList as d, QuestionFilters as e, QuestionFormDialog as f, SubjectManager as g, QuestionTypeManager as h, ContextManager as i, ApproachManager as j, Toaster as k, toast as t, useToast as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thanh01.pmt/interactive-quiz-kit",
-  "version": "1.0.42",
+  "version": "1.0.44",
   "description": "A comprehensive library for creating, managing, and playing interactive quizzes, with AI generation and SCORM support.",
   "keywords": [
     "react",