@learnpack/learnpack 5.0.362 → 5.0.364

package/src/creator/src/components/FileUploader.tsx

@@ -1,10 +1,11 @@
-import React, { useEffect, useRef, useState } from "react"
+import React, { useRef, useState } from "react"
 import { SVGS } from "../assets/svgs"
 import { ContentCard } from "./ContentCard"
+import { FileReviewButton } from "./FileReviewModal"
 import useStore from "../utils/store"
 import toast from "react-hot-toast"
-import CreatorSocket from "../utils/socket"
 import { DEV_MODE, RIGOBOT_HOST } from "../utils/constants"
+import { readNotices } from "../utils/fileRead"
 import axios from "axios"
 import { useTranslation } from "react-i18next"
 import {
@@ -13,8 +14,6 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip"
 
-const socketClient = new CreatorSocket("")
-
 const allowedTypes = [
   "application/pdf",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
@@ -37,11 +36,29 @@ const allowedTypes = [
   "application/x-yaml",
 ]
 
+export interface ReadReport {
+  total_pages: number
+  ai_pages: number[]
+  unread_pages: number[]
+  failed_pages: number[]
+  markdown?: boolean
+}
+
 export interface ParsedFile {
   name: string
   text: string
   status: "PROCESSING" | "SUCCESS" | "ERROR"
   notificationId: string
+  report?: ReadReport
+}
+
+// Kept out of the store because a File cannot survive a reload, and a choice
+// nobody made is not worth restoring.
+interface PendingFile {
+  file: File
+  imagePages: number
+  totalPages: number
+  aiLimit: number
 }
 
 interface FileUploaderProps {
@@ -49,65 +66,111 @@ interface FileUploaderProps {
   onFinish?: () => void
 }
 
+const ImagePdfChoice = ({
+  pending,
+  onUse,
+  onReplace,
+}: {
+  pending: PendingFile
+  onUse: () => void
+  onReplace: () => void
+}) => {
+  const { t } = useTranslation()
+  const { imagePages, totalPages, aiLimit } = pending
+
+  return (
+    <div className="w-full rounded-md border border-amber-300 bg-amber-50 p-4 text-left text-sm text-gray-800">
+      <p className="text-xs text-gray-500 truncate">{pending.file.name}</p>
+      <strong className="block mt-1">
+        {t("uploader.files.imagePdfTitle", { imagePages, totalPages })}
+      </strong>
+      <p className="mt-1">{t("uploader.files.imagePdfBody")}</p>
+      {imagePages > aiLimit && (
+        <p className="mt-1">
+          {t("uploader.files.imagePdfLimit", { limit: aiLimit })}
+        </p>
+      )}
+      <div className="flex flex-col sm:flex-row gap-2 mt-3">
+        <button
+          className="bg-blue-500 text-white px-4 py-2 rounded-md cursor-pointer"
+          onClick={onUse}
+        >
+          {t("uploader.files.imagePdfUse")}
+        </button>
+        <button
+          className="bg-gray-200 text-gray-800 px-4 py-2 rounded-md cursor-pointer"
+          onClick={onReplace}
+        >
+          {t("uploader.files.imagePdfReplace")}
+        </button>
+      </div>
+    </div>
+  )
+}
+
 const UploadedFileCard = ({ idx, file }: { idx: number; file: ParsedFile }) => {
+  const { t } = useTranslation()
   const setUploadedFiles = useStore((state) => state.setUploadedFiles)
   const uploadedFiles = useStore((state) => state.uploadedFiles)
-
-  const handleUpdate = (data: any) => {
-    if (data.text) {
-      setUploadedFiles(
-        uploadedFiles.map((f, i) =>
-          i === idx ? { ...f, status: "SUCCESS", text: data.text } : f
-        )
-      )
-    } else {
-      setUploadedFiles(
-        uploadedFiles.map((f, i) => (i === idx ? { ...f, status: "ERROR" } : f))
-      )
-    }
-  }
-
-  useEffect(() => {
-    if (file.status === "SUCCESS") return
-
-    return socketClient.subscribe(file.notificationId, handleUpdate)
-  }, [])
+  const notices = readNotices(file, t)
 
   return (
     <Tooltip>
       <TooltipTrigger asChild>
         <div
           className={
-            "p-3 rounded-md shadow-sm text-sm text-gray-800 text-left flex items-center gap-2" +
+            "p-3 rounded-md shadow-sm text-sm text-gray-800 text-left flex flex-col gap-1 max-w-full" +
             (file.status === "PROCESSING"
               ? " bg-gray-100"
               : file.status === "ERROR"
               ? " bg-red-100"
+              : notices.length > 0
+              ? " bg-amber-50"
               : " bg-white")
           }
         >
-      {file.status === "PROCESSING" && (
-        <div className="w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" />
-      )}
-      {file.status === "ERROR" && (
-        <span className="text-red-500 font-bold">Error!</span>
-      )}
-
-      <strong className="truncate">{file.name.slice(0, 20)}...</strong>
-
-      <button
-        className={
-          "ml-auto cursor-pointer transition-colors " +
-          (file.status === "PROCESSING"
-            ? "text-gray-400 cursor-not-allowed"
-            : "text-gray-600 hover:text-red-500")
-        }
-        onClick={
-          () => setUploadedFiles(uploadedFiles.filter((_, i) => i !== idx))
-        }
-      >
-        {SVGS.trash}
-      </button>
+          <div className="flex items-center gap-2">
+            {file.status === "PROCESSING" && (
+              <div className="w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" />
+            )}
+            {file.status === "ERROR" && (
+              <span className="text-red-500 font-bold">Error!</span>
+            )}
+
+            <strong className="truncate">{file.name.slice(0, 20)}...</strong>
+
+            {file.status === "SUCCESS" && (
+              <FileReviewButton
+                file={file}
+                className="text-blue-600 hover:underline whitespace-nowrap"
+              />
+            )}
+
+            <button
+              className={
+                "ml-auto cursor-pointer transition-colors " +
+                (file.status === "PROCESSING"
+                  ? "text-gray-400 cursor-not-allowed"
+                  : "text-gray-600 hover:text-red-500")
+              }
+              onClick={() =>
+                setUploadedFiles(uploadedFiles.filter((_, i) => i !== idx))
+              }
+            >
+              {SVGS.trash}
+            </button>
+          </div>
+
+          {file.status === "ERROR" && (
+            <p className="text-xs text-red-700">
+              {t("uploader.files.readFailed")}
+            </p>
+          )}
+          {notices.map((notice) => (
+            <p key={notice} className="text-xs text-amber-800">
+              {notice}
+            </p>
+          ))}
         </div>
       </TooltipTrigger>
       <TooltipContent>
@@ -122,18 +185,22 @@ const FileUploader: React.FC<FileUploaderProps> = ({
   onFinish,
 }) => {
   // const rigoToken = useStore((state) => state.auth.rigoToken)
-  const { t } = useTranslation()
+  const { t, i18n } = useTranslation()
   const publicToken = useStore((state) => state.auth.publicToken)
   const inputRef = useRef<HTMLInputElement>(null)
   const uploadedFiles = useStore((state) => state.uploadedFiles)
   const setUploadedFiles = useStore((state) => state.setUploadedFiles)
   const [isDragging, setIsDragging] = useState(false)
   const [isLoading, setIsLoading] = useState(false)
+  const [pendingFiles, setPendingFiles] = useState<PendingFile[]>([])
   const [limitExceededBehavior, setLimitExceededBehavior] = useState<
     "firstImages" | "cancel"
   >("firstImages")
 
-  const extractTextFromFile = async (file: File): Promise<ParsedFile> => {
+  const extractTextFromFile = async (
+    file: File,
+    preflight: boolean
+  ): Promise<ParsedFile | null> => {
     const { type, name } = file
 
     const textFileTypes = [
@@ -175,6 +242,8 @@ const FileUploader: React.FC<FileUploaderProps> = ({
     }/notifications/${resultId}`
     formData.append("webhook_callback_url", webhookUrl)
     formData.append("limit_exceeded_behavior", limitExceededBehavior)
+    formData.append("lang", i18n.language.split("-")[0])
+    if (preflight) formData.append("preflight", "true")
 
     const loadingToast = toast.loading(`Processing ${file.name}...`)
     try {
@@ -190,6 +259,20 @@ const FileUploader: React.FC<FileUploaderProps> = ({
 
       if (res.status >= 300) throw new Error(`Failed to read ${file.name}`)
       const data = res.data
+      if (data.status === "NEEDS_CONFIRMATION") {
+        toast.dismiss(loadingToast)
+        setPendingFiles((current) => [
+          ...current.filter((pending) => pending.file.name !== name),
+          {
+            file,
+            imagePages: data.report.image_pages,
+            totalPages: data.report.total_pages,
+            aiLimit: data.ai_limit,
+          },
+        ])
+        return null
+      }
+
       toast.success(`Processing ${file.name}`, { id: loadingToast })
       return {
         name,
@@ -198,11 +281,15 @@ const FileUploader: React.FC<FileUploaderProps> = ({
         notificationId: resultId,
       }
     } catch (err: any) {
-      console.log(err.response.data, "ERROR IN FILE UPLOADER")
-      if (err.response.data.error_code === "too_many_images") {
+      // A network failure has no response at all.
+      const data = err.response?.data
+      console.log(data, "ERROR IN FILE UPLOADER")
+      if (data?.error_code === "too_many_images") {
         toast.error(`❌ ${t("uploader.files.maxImagesPerPDFError")}`, {
           id: loadingToast,
         })
+      } else if (typeof data?.detail === "string") {
+        toast.error(`❌ ${data.detail}`, { id: loadingToast })
       } else {
         toast.error(t("uploader.files.errorProcessingPDF"), {
           id: loadingToast,
@@ -222,17 +309,66 @@ const FileUploader: React.FC<FileUploaderProps> = ({
       return
     }
 
+    // The sidebar has no room for the choice, and the user is already working
+    // with the syllabus there, so it reads straight away and warns afterwards.
+    const preflight = styledAs === "card"
+
     setIsLoading(true)
-    const parsed = await Promise.all(validFiles.map(extractTextFromFile))
-    const newFiles = [...uploadedFiles, ...parsed]
+    try {
+      addFiles(
+        await Promise.all(
+          validFiles.map((file) => extractTextFromFile(file, preflight))
+        )
+      )
+    } finally {
+      setIsLoading(false)
+    }
+  }
 
-    setUploadedFiles(newFiles.filter((file) => file.status !== "ERROR"))
-    setIsLoading(false)
+  const removePending = (pending: PendingFile) => {
+    setPendingFiles((current) => current.filter((item) => item !== pending))
+  }
+
+  const acceptPendingFile = async (pending: PendingFile) => {
+    removePending(pending)
+    setIsLoading(true)
+    try {
+      addFiles([await extractTextFromFile(pending.file, false)])
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const replacePendingFile = (pending: PendingFile) => {
+    removePending(pending)
+    inputRef.current?.click()
+  }
+
+  // Reads the store here because other reads may have finished during the
+  // upload. Uploading a file again replaces the one with the same name, so a
+  // corrected export never ends up next to the version it fixes.
+  const addFiles = (parsed: (ParsedFile | null)[]) => {
+    const added = parsed.filter(
+      (file): file is ParsedFile => file !== null && file.status !== "ERROR"
+    )
+    const names = added.map((file) => file.name)
+    const current = useStore.getState().uploadedFiles
+
+    setUploadedFiles([
+      ...current.filter((file) => !names.includes(file.name)),
+      ...added,
+    ])
+    setPendingFiles((pending) =>
+      pending.filter((item) => !names.includes(item.file.name))
+    )
   }
 
   const handleInput = async (e: React.ChangeEvent<HTMLInputElement>) => {
     if (!e.target.files) return
-    await parseFiles(e.target.files)
+    const files = Array.from(e.target.files)
+    // Otherwise choosing the same path again fires no change event.
+    e.target.value = ""
+    await parseFiles(files)
   }
 
   const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {
@@ -248,11 +384,25 @@ const FileUploader: React.FC<FileUploaderProps> = ({
       {uploadedFiles.length > 0 && styledAs === "card" && (
         <div className="w-full flex flex-row gap-2 flex-wrap justify-center items-center">
           {uploadedFiles.map((file, idx) => (
-            <UploadedFileCard key={idx} idx={idx} file={file} />
+            <UploadedFileCard
+              key={file.notificationId || file.name}
+              idx={idx}
+              file={file}
+            />
           ))}
         </div>
       )}
 
+      {styledAs === "card" &&
+        pendingFiles.map((pending) => (
+          <ImagePdfChoice
+            key={pending.file.name}
+            pending={pending}
+            onUse={() => acceptPendingFile(pending)}
+            onReplace={() => replacePendingFile(pending)}
+          />
+        ))}
+
       {styledAs === "button" && (
         <div className="flex items-center justify-end gap-2 w-100">
           <Tooltip>
@@ -320,7 +470,11 @@ const FileUploader: React.FC<FileUploaderProps> = ({
             {t("uploader.files.supportedFormats")}
           </p>
           <button
-            disabled={uploadedFiles.some((file) => file.status !== "SUCCESS")}
+            disabled={
+              isLoading ||
+              pendingFiles.length > 0 ||
+              uploadedFiles.some((file) => file.status !== "SUCCESS")
+            }
             className="bg-blue-500 text-white px-4 py-2 rounded-md cursor-pointer disabled:opacity-50"
             onClick={() => {
               onFinish?.()

package/src/creator/src/components/GenerationErrorCard.tsx

@@ -0,0 +1,57 @@
+import { useTranslation } from "react-i18next"
+import {
+  getFailureGuidance,
+  TGenerationFailure,
+} from "../utils/completionResult"
+
+export default function GenerationErrorCard({
+  failure,
+  onRetry,
+  onReview,
+}: {
+  failure: TGenerationFailure
+  onRetry: () => void
+  onReview: () => void
+}) {
+  const { t } = useTranslation()
+  const { messageKey, canRetry } = getFailureGuidance(
+    failure.code,
+    failure.attempts
+  )
+
+  return (
+    <div className="min-h-screen flex items-center justify-center px-4">
+      <div
+        role="alert"
+        className="w-full max-w-md rounded-md border border-red-300 bg-red-50 p-6 text-center text-gray-800"
+      >
+        <h2 className="text-xl font-bold">{t("completionError.title")}</h2>
+        <p className="mt-3">{t(messageKey)}</p>
+        <p className="mt-1 text-sm text-gray-600">
+          {t("completionError.saved")}
+        </p>
+        {failure.reference && (
+          <p className="mt-3 text-sm font-medium">
+            {t("completionError.reference", { reference: failure.reference })}
+          </p>
+        )}
+        <div className="flex flex-col sm:flex-row sm:justify-center gap-2 mt-5">
+          {canRetry && (
+            <button
+              className="bg-blue-500 text-white px-4 py-2 rounded-md cursor-pointer"
+              onClick={onRetry}
+            >
+              {t("completionError.retry")}
+            </button>
+          )}
+          <button
+            className="bg-gray-200 text-gray-800 px-4 py-2 rounded-md cursor-pointer"
+            onClick={onReview}
+          >
+            {t("completionError.review")}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}

package/src/creator/src/components/MarkdownRenderer.tsx

@@ -1,11 +1,13 @@
 import Markdown from "react-markdown"
+import remarkGfm from "remark-gfm"
 
 export const MarkdownRenderer: React.FC<{
   content: string
-}> = ({ content }) => {
+  gfm?: boolean
+}> = ({ content, gfm = false }) => {
   return (
     <div className="markdown-renderer">
-      <Markdown>{content}</Markdown>
+      <Markdown remarkPlugins={gfm ? [remarkGfm] : []}>{content}</Markdown>
     </div>
   )
 }

package/src/creator/src/components/syllabus/SyllabusEditor.tsx

@@ -36,6 +36,7 @@ import {
   TCompletionErrorCode,
 } from "../../utils/completionResult"
 import { useCompletionWatchdog } from "../../utils/useCompletionWatchdog"
+import { readFiles } from "../../utils/creationRequest"
 
 const SyllabusEditor: React.FC = () => {
   const navigate = useNavigate()
@@ -49,7 +50,6 @@ const SyllabusEditor: React.FC = () => {
     cleanAll,
     messages,
     setMessages,
-    technologies,
     mode,
     uploadedFiles,
   } = useStore(
@@ -62,7 +62,6 @@ const SyllabusEditor: React.FC = () => {
       messages: state.messages,
       // formState: state.formState,
       setMessages: state.setMessages,
-      technologies: state.technologies,
       mode: state.mode,
       uploadedFiles: state.uploadedFiles,
     }))
@@ -180,13 +179,10 @@ const SyllabusEditor: React.FC = () => {
         {
           courseInfo:
             JSON.stringify(syllabus.courseInfo) +
-            `\nThe following technologies are available, choose up to 3 from the following list: <techs>${technologies
-              .filter((t) => t.lang === syllabus.courseInfo.language)
-              .map((t) => t.slug)
-              .join(", ")}</techs> \nThe following lessons are already in the syllabus: ${lessonsText} 
+            `\nThe following lessons are already in the syllabus: ${lessonsText} 
 
 
-              The following files have been uploaded by the user: ${uploadedFiles.map((f) => `<FILE name="${f.name}">${f.text}</FILE>`).join("\n")}
+              The following files have been uploaded by the user: ${readFiles(uploadedFiles).map((f) => `<FILE name="${f.name}">${f.text}</FILE>`).join("\n")}
               You must NEVER delete lessons that are marked as locked.
               `,
           prevInteractions:
@@ -343,8 +339,9 @@ const SyllabusEditor: React.FC = () => {
 
     let contentIndex = syllabus.courseInfo.contentIndex
 
-    if (uploadedFiles.length > 0) {
-      contentIndex = contentIndex + " " + uploadedFiles.map((f) => `<FILE name="${f.name}">${f.text}</FILE>`).join("\n")
+    const filesToSend = readFiles(uploadedFiles)
+    if (filesToSend.length > 0) {
+      contentIndex = contentIndex + " " + filesToSend.map((f) => `<FILE name="${f.name}">${f.text}</FILE>`).join("\n")
     }
 
     const extendedSyllabus = {

package/src/creator/src/index.css

@@ -168,6 +168,51 @@ body {
     list-style-position: inside;
     list-style-type: decimal;
   }
+
+  & table {
+    border-collapse: collapse;
+    margin: 0.5rem 0;
+    width: 100%;
+  }
+
+  & th,
+  & td {
+    border: 1px solid #d1d5db;
+    padding: 0.25rem 0.5rem;
+    text-align: left;
+    vertical-align: top;
+  }
+
+  & th {
+    background-color: #f3f4f6;
+    font-weight: 600;
+  }
+}
+
+.file-read {
+  & h1,
+  & h2,
+  & h3 {
+    font-size: 1.05rem;
+    font-weight: 600;
+    margin-top: 0.75rem;
+  }
+
+  & h4 {
+    border-bottom: 1px solid #e5e7eb;
+    color: #6b7280;
+    font-size: 0.75rem;
+    margin: 1rem 0 0.5rem;
+    padding-bottom: 0.25rem;
+  }
+
+  & h4:first-child {
+    margin-top: 0;
+  }
+
+  & p {
+    margin-bottom: 0.5rem;
+  }
 }
 
 .appear {

package/src/creator/src/locales/en.json

@@ -59,10 +59,26 @@
             "processing": "Processing...",
             "drop": "Drop it here",
             "finish": "🚀 Finish",
-            "maxImagesPerPDFWarning": "⚠️ Only 15 images per PDF are supported in LearnPack beta. You can select what to do if the PDF exceeds this limit.",
-            "useOnlyFirstImages": "Use only the first 15 images",
+            "maxImagesPerPDFWarning": "⚠️ LearnPack beta reads up to 15 images or scanned pages per PDF. Choose what to do if your PDF goes over this limit.",
+            "useOnlyFirstImages": "Read only the first 15",
             "cancelAndUploadAnother": "Cancel and upload another PDF",
-            "maxImagesPerPDFError": "❌ Only 15 images per PDF are supported in LearnPack beta and this PDF exceeds the limit.",
+            "maxImagesPerPDFError": "❌ LearnPack beta reads up to 15 images or scanned pages per PDF, and this PDF goes over the limit.",
+            "imagePdfTitle": "This PDF is saved almost entirely as images ({{imagePages}} of {{totalPages}} pages).",
+            "imagePdfBody": "If you made it in Word or Google Docs, export it with selectable text for a more reliable result. If it is a scan, we can read it with AI, though it may have mistakes you can review afterwards.",
+            "imagePdfLimit": "We will only read the first {{limit}} pages.",
+            "imagePdfUse": "Use this PDF",
+            "imagePdfReplace": "Upload another version",
+            "aiReadNotice": "We read {{read}} of {{total}} pages with AI. Check names, figures and dates.",
+            "missingPagesNotice": "We could not fully read these pages: {{pages}}.",
+            "readFailed": "We could not read this file. Remove it or upload it again.",
+            "reviewText": "Review text",
+            "viewText": "View text",
+            "reviewPage": "Page {{page}}",
+            "reviewRead": "Read",
+            "reviewEdit": "Edit",
+            "reviewEditNote": "This is the text LearnPack will use. Your changes are lost if you upload the file again.",
+            "reviewClose": "Close",
+            "reviewSave": "Save changes",
             "errorProcessingPDF": "❌ Error processing PDF, please try again, if the problem persists, try with a different file.",
             "supportedFormats": "Supported formats: PDF, DOCX, TXT, MD, JSON, HTML, CSS, JS, TS, JSX, TSX, PY, JAVA, C, C++, XML, YAML"
         },
@@ -92,8 +108,14 @@
         "rateLimited": "Too many requests at the moment. Please wait a few seconds and try again.",
         "providerUnavailable": "The course generation service is temporarily unavailable. Please try again in a few minutes.",
         "malformedResponse": "We couldn't read the generated syllabus. Please try again.",
-        "timeout": "This is taking longer than expected, so we stopped waiting. Your answers were kept, please try again.",
-        "unknown": "Something went wrong while generating the course. Please try again."
+        "timeout": "This is taking longer than expected, so we stopped waiting. Please try again.",
+        "unknown": "Something went wrong while generating the course. Please try again.",
+        "contactSupport": "Please contact support and share the reference code.",
+        "title": "We could not generate your course",
+        "saved": "Your answers and files are still saved.",
+        "reference": "Reference code: {{reference}}",
+        "retry": "Try again",
+        "review": "Review my answers"
     },
     "sidebar": {
         "chatWithMe": "Chat with me to update the course content",

package/src/creator/src/locales/es.json

@@ -59,10 +59,26 @@
             "processing": "Procesando...",
             "drop": "Arrastra el archivo aquí",
             "finish": "🚀 Finalizar",
-            "maxImagesPerPDFWarning": "⚠️ Solo se admiten 15 imágenes por PDF en LearnPack beta. Puedes seleccionar qué hacer si el PDF excede este límite.",
-            "useOnlyFirstImages": "Usar solo las primeras 15 imágenes",
+            "maxImagesPerPDFWarning": "⚠️ En LearnPack beta leemos hasta 15 imágenes o páginas escaneadas por PDF. Elige qué hacer si tu PDF supera este límite.",
+            "useOnlyFirstImages": "Leer solo las primeras 15",
             "cancelAndUploadAnother": "Cancelar y subir otro PDF",
-            "maxImagesPerPDFError": "❌ Solo se admiten 15 imágenes por PDF en LearnPack beta y este PDF excede el límite.",
+            "maxImagesPerPDFError": "❌ En LearnPack beta leemos hasta 15 imágenes o páginas escaneadas por PDF, y este PDF supera el límite.",
+            "imagePdfTitle": "Este PDF está guardado casi todo como imagen ({{imagePages}} de {{totalPages}} páginas).",
+            "imagePdfBody": "Si lo creaste en Word o Google Docs, expórtalo con texto seleccionable: el resultado será más fiable. Si es un escaneo, podemos leerlo con IA, aunque puede tener errores que luego podrás revisar.",
+            "imagePdfLimit": "Solo leeremos las primeras {{limit}} páginas.",
+            "imagePdfUse": "Usar este PDF",
+            "imagePdfReplace": "Subir otra versión",
+            "aiReadNotice": "Leímos {{read}} de {{total}} páginas con IA. Revisa nombres, cifras y fechas.",
+            "missingPagesNotice": "No pudimos leer completas estas páginas: {{pages}}.",
+            "readFailed": "No pudimos leer este archivo. Quítalo o súbelo de nuevo.",
+            "reviewText": "Revisar texto",
+            "viewText": "Ver texto",
+            "reviewPage": "Página {{page}}",
+            "reviewRead": "Leer",
+            "reviewEdit": "Editar",
+            "reviewEditNote": "Este es el texto que usará LearnPack. Si vuelves a subir el archivo, se perderán tus cambios.",
+            "reviewClose": "Cerrar",
+            "reviewSave": "Guardar cambios",
             "errorProcessingPDF": "❌ Error procesando PDF, por favor intenta de nuevo, si el problema persiste, intenta con un archivo diferente.",
             "supportedFormats": "Formatos soportados: PDF, DOCX, TXT, MD, JSON, HTML, CSS, JS, TS, JSX, TSX, PY, JAVA, C, C++, XML, YAML"
         },
@@ -92,8 +108,14 @@
         "rateLimited": "Demasiadas solicitudes en este momento. Espera unos segundos e inténtalo de nuevo.",
         "providerUnavailable": "El servicio de generación de cursos no está disponible temporalmente. Inténtalo de nuevo en unos minutos.",
         "malformedResponse": "No pudimos leer el temario generado. Inténtalo de nuevo.",
-        "timeout": "Esto está tardando más de lo esperado y dejamos de esperar. Guardamos tus respuestas, inténtalo de nuevo.",
-        "unknown": "Algo salió mal al generar el curso. Inténtalo de nuevo."
+        "timeout": "Esto está tardando más de lo esperado y dejamos de esperar. Inténtalo de nuevo.",
+        "unknown": "Algo salió mal al generar el curso. Inténtalo de nuevo.",
+        "contactSupport": "Contacta con soporte e indica el código de referencia.",
+        "title": "No pudimos generar tu curso",
+        "saved": "Tus respuestas y tus archivos siguen guardados.",
+        "reference": "Código de referencia: {{reference}}",
+        "retry": "Reintentar",
+        "review": "Revisar mis respuestas"
     },
     "sidebar": {
         "chatWithMe": "Chatea conmigo para actualizar el contenido del curso",